From 2c4b9d94b57af1277eeb83815adeb6f3542edf21 Mon Sep 17 00:00:00 2001
From: idelcano <ignaciodelcano@gmail.com>
Date: Tue, 22 Mar 2022 18:25:41 +0100
Subject: [PATCH 01/37] fix boolean translations

---
 src/domain/usecases/DownloadTemplateUseCase.ts | 2 ++
 src/types/modules.d.ts                         | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index f8e40e55..d0d73b7a 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -4,6 +4,7 @@ import _ from "lodash";
 import { Moment } from "moment";
 import { UseCase } from "../../CompositionRoot";
 import { getRelationshipMetadata, RelationshipOrgUnitFilter } from "../../data/Dhis2RelationshipTypes";
+import i18n from "../../locales";
 import { D2Api } from "../../types/d2-api";
 import { promiseMap } from "../../utils/promises";
 import Settings from "../../webapp/logic/settings";
@@ -60,6 +61,7 @@ export class DownloadTemplateUseCase implements UseCase {
             relationshipsOuFilter,
         }: DownloadTemplateProps
     ): Promise<void> {
+        i18n.setDefaultNamespace("bulk-load");
         const { id: templateId } = getTemplateId(type, id);
         const template = this.templateRepository.getTemplate(templateId);
         const theme = themeId ? await this.templateRepository.getTheme(themeId) : undefined;
diff --git a/src/types/modules.d.ts b/src/types/modules.d.ts
index c8d14f7e..acfe1c43 100644
--- a/src/types/modules.d.ts
+++ b/src/types/modules.d.ts
@@ -11,6 +11,7 @@ declare module "@dhis2/d2-i18n" {
     export function t(value: string): string;
     export function t(value: string, options?: { [key: string]: any }): string;
     export function changeLanguage(locale: string);
+    export function setDefaultNamespace(namespace: string);
 }
 
 declare module "nano-memoize" {

From a701c370870947d52fc789e4bc691517e312bb35 Mon Sep 17 00:00:00 2001
From: idelcano <ignaciodelcano@gmail.com>
Date: Tue, 22 Mar 2022 18:26:08 +0100
Subject: [PATCH 02/37] fix boolean translations to import, ignoring translated
 value and using code

---
 src/domain/usecases/ImportTemplateUseCase.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/domain/usecases/ImportTemplateUseCase.ts b/src/domain/usecases/ImportTemplateUseCase.ts
index 4ce3d94c..0ee4bd97 100644
--- a/src/domain/usecases/ImportTemplateUseCase.ts
+++ b/src/domain/usecases/ImportTemplateUseCase.ts
@@ -330,7 +330,7 @@ export const compareDataPackages = (
 
 const formatDhis2Value = (item: DataPackageDataValue, dataForm: DataForm): DataPackageDataValue | undefined => {
     const dataElement = dataForm.dataElements.find(({ id }) => item.dataElement === id);
-    const booleanValue = String(item.value) === "true" || item.value === "Yes";
+    const booleanValue = String(item.optionId) === "true" || item.optionId === "true";
 
     if (dataElement?.valueType === "BOOLEAN") {
         return { ...item, value: booleanValue };

From 7b484c8626da761fb581afdbde129048f05d017d Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 31 Mar 2022 12:13:49 +0200
Subject: [PATCH 03/37] Add nvmrc with node version used

---
 .nvmrc | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 .nvmrc

diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 00000000..bf79505b
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v16.14.0

From b50529a3ad6872390e7c63b29708c29b59476e1a Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 31 Mar 2022 12:36:27 +0200
Subject: [PATCH 04/37] Move custom modules to persisted storage (includes
 migration script)

---
 package.json                                  |  1 +
 src/CompositionRoot.ts                        |  2 +
 src/data/ExcelPopulateRepository.ts           |  5 +++
 src/data/TemplateWebRepository.ts             | 40 +++++++++++++------
 src/data/templates/custom-templates.ts        | 10 +++++
 src/data/templates/index.ts                   | 11 -----
 src/domain/entities/Template.ts               |  8 +++-
 src/domain/repositories/ExcelRepository.ts    | 17 ++++----
 src/domain/repositories/TemplateRepository.ts |  5 ++-
 src/domain/usecases/AnalyzeTemplateUseCase.ts |  2 +-
 .../usecases/DownloadTemplateUseCase.ts       |  4 +-
 src/domain/usecases/ImportTemplateUseCase.ts  |  2 +-
 ...ersistTemplatesFromStaticModulesUseCase.ts | 12 ++++++
 .../persist-templates-from-static-modules.ts  | 32 +++++++++++++++
 src/scripts/tsconfig.json                     | 25 ++++++++++++
 yarn.lock                                     | 15 +++++++
 16 files changed, 151 insertions(+), 40 deletions(-)
 create mode 100644 src/data/templates/custom-templates.ts
 create mode 100644 src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
 create mode 100644 src/scripts/persist-templates-from-static-modules.ts
 create mode 100644 src/scripts/tsconfig.json

diff --git a/package.json b/package.json
index 04537a68..1149393a 100644
--- a/package.json
+++ b/package.json
@@ -89,6 +89,7 @@
         "babel-core": "6.26.3",
         "babel-eslint": "10.1.0",
         "babel-preset-react-app": "10.0.1",
+        "cmd-ts": "^0.10.0",
         "craco": "0.0.3",
         "cypress": "9.2.1",
         "cypress-xpath": "1.6.2",
diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index da27c8ac..ea6656fc 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -26,6 +26,7 @@ import { ImportTemplateUseCase } from "./domain/usecases/ImportTemplateUseCase";
 import { ListDataFormsUseCase } from "./domain/usecases/ListDataFormsUseCase";
 import { ListLanguagesUseCase } from "./domain/usecases/ListLanguagesUseCase";
 import { ListThemesUseCase } from "./domain/usecases/ListThemesUseCase";
+import { PersistTemplatesFromStaticModulesUseCase } from "./domain/usecases/PersistTemplatesFromStaticModulesUseCase";
 import { ReadSettingsUseCase } from "./domain/usecases/ReadSettingsUseCase";
 import { RunMigrationsUseCase } from "./domain/usecases/RunMigrationsUseCase";
 import { SaveThemeUseCase } from "./domain/usecases/SaveThemeUseCase";
@@ -63,6 +64,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             download: new DownloadTemplateUseCase(instance, templateManager, excelReader),
             import: new ImportTemplateUseCase(instance, templateManager, excelReader),
             list: new ListDataFormsUseCase(instance),
+            persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager),
         }),
         themes: getExecute({
             list: new ListThemesUseCase(templateManager),
diff --git a/src/data/ExcelPopulateRepository.ts b/src/data/ExcelPopulateRepository.ts
index 6fed6a32..d15ea251 100644
--- a/src/data/ExcelPopulateRepository.ts
+++ b/src/data/ExcelPopulateRepository.ts
@@ -39,6 +39,11 @@ export class ExcelPopulateRepository extends ExcelRepository {
             case "file": {
                 return XLSX.fromDataAsync(options.file);
             }
+            case "file-base64": {
+                const buffer = Buffer.from(options.contents, "base64");
+                const blob = new Blob([buffer]);
+                return XLSX.fromDataAsync(blob);
+            }
             default: {
                 return XLSX.fromBlankAsync();
             }
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index 3785e9c2..ab7fda88 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -1,32 +1,46 @@
 import _ from "lodash";
+import path from "path";
+import fs from "fs";
 import { Id } from "../domain/entities/ReferenceObject";
 import { Template } from "../domain/entities/Template";
 import { Theme } from "../domain/entities/Theme";
 import { StorageRepository } from "../domain/repositories/StorageRepository";
 import { TemplateRepository } from "../domain/repositories/TemplateRepository";
+import { cache } from "../utils/cache";
 import * as templates from "./templates";
+import * as customTemplates from "./templates/custom-templates";
 
 const themeCollectionKey = "themes";
 
-export function getTemplates(): Template[] {
-    return _.values(templates).map(TemplateClass => {
-        return new TemplateClass();
-    });
-}
-
 export class TemplateWebRepository implements TemplateRepository {
-    private templates: Template[];
+    constructor(private storage: StorageRepository) {}
+
+    @cache()
+    private async getTemplates(): Promise<Template[]> {
+        const customTemplates = await this.storage.getObject<Template[]>("templates", []);
+        const genericTemplates = _.values(templates).map(TemplateClass => new TemplateClass());
+        return _.concat(genericTemplates, customTemplates);
+    }
+
+    public getCustomTemplates(): Template[] {
+        const rootDir = path.join(__dirname, "../..", "public");
 
-    constructor(private storage: StorageRepository) {
-        this.templates = getTemplates();
+        return _.values(customTemplates).map((TemplateClass): Template => {
+            const template = new TemplateClass();
+            const spreadsheetPath = path.join(rootDir, template.url);
+            const buffer = fs.readFileSync(spreadsheetPath);
+            const file = { blob: buffer.toString("base64") };
+            return { ...template, file };
+        });
     }
 
-    public listTemplates(): Pick<Template, "id" | "name">[] {
-        return this.templates.map(({ id, name }) => ({ id, name }));
+    public saveTemplates(templates: Template[]): Promise<void> {
+        return this.storage.saveObject("templates", templates);
     }
 
-    public getTemplate(templateId: Id): Template {
-        const template = this.templates.find(({ id }) => id === templateId);
+    public async getTemplate(templateId: Id): Promise<Template> {
+        const templates = await this.getTemplates();
+        const template = templates.find(({ id }) => id === templateId);
         if (!template) throw new Error(`Attempt to read from invalid template ${templateId}`);
         return template;
     }
diff --git a/src/data/templates/custom-templates.ts b/src/data/templates/custom-templates.ts
new file mode 100644
index 00000000..31d2c44a
--- /dev/null
+++ b/src/data/templates/custom-templates.ts
@@ -0,0 +1,10 @@
+export { NHWAModule101 } from "./nhwa-module-1/NHWAModule1.01";
+export { NHWAModule201 } from "./nhwa-module-2/NHWAModule2.01";
+export { NHWAModule301 } from "./nhwa-module-3/NHWAModule3.01";
+export { NHWAModule401 } from "./nhwa-module-4/NHWAModule4.01";
+export { NHWAModule501 } from "./nhwa-module-5/NHWAModule5.01";
+export { NHWAModule601 } from "./nhwa-module-6/NHWAModule6.01";
+export { NHWAModule701 } from "./nhwa-module-7/NHWAModule7.01";
+export { NHWAModule801 } from "./nhwa-module-8/NHWAModule8.01";
+
+export { SnakebiteAnnualReport } from "./snakebite-annual-report/SnakebiteAnnualReport.01";
diff --git a/src/data/templates/index.ts b/src/data/templates/index.ts
index 663939e8..070c24ab 100644
--- a/src/data/templates/index.ts
+++ b/src/data/templates/index.ts
@@ -11,14 +11,3 @@ export { ProgramGenerated04 } from "./generated-program/ProgramGenerated.04";
 export { TrackerProgramGenerated01 } from "./generated-tracker-program/TrackerProgramGenerated.01";
 export { TrackerProgramGenerated02 } from "./generated-tracker-program/TrackerProgramGenerated.02";
 export { TrackerProgramGenerated03 } from "./generated-tracker-program/TrackerProgramGenerated.03";
-
-export { NHWAModule101 } from "./nhwa-module-1/NHWAModule1.01";
-export { NHWAModule201 } from "./nhwa-module-2/NHWAModule2.01";
-export { NHWAModule301 } from "./nhwa-module-3/NHWAModule3.01";
-export { NHWAModule401 } from "./nhwa-module-4/NHWAModule4.01";
-export { NHWAModule501 } from "./nhwa-module-5/NHWAModule5.01";
-export { NHWAModule601 } from "./nhwa-module-6/NHWAModule6.01";
-export { NHWAModule701 } from "./nhwa-module-7/NHWAModule7.01";
-export { NHWAModule801 } from "./nhwa-module-8/NHWAModule8.01";
-
-export { SnakebiteAnnualReport } from "./snakebite-annual-report/SnakebiteAnnualReport.01";
diff --git a/src/domain/entities/Template.ts b/src/domain/entities/Template.ts
index 7f32f592..80e74e19 100644
--- a/src/domain/entities/Template.ts
+++ b/src/domain/entities/Template.ts
@@ -28,7 +28,13 @@ export type StyleSource = {
     source: CellRef | RangeRef;
 };
 
-export type Template = GeneratedTemplate | CustomTemplate;
+type Base64Blob = { blob: string };
+
+interface CustomFileTemplate extends Omit<CustomTemplate, "url"> {
+    file: Base64Blob;
+}
+
+export type Template = GeneratedTemplate | CustomFileTemplate;
 
 interface BaseTemplate {
     type: TemplateType;
diff --git a/src/domain/repositories/ExcelRepository.ts b/src/domain/repositories/ExcelRepository.ts
index 16ebd6b0..153eac93 100644
--- a/src/domain/repositories/ExcelRepository.ts
+++ b/src/domain/repositories/ExcelRepository.ts
@@ -2,30 +2,29 @@ import { Sheet } from "../entities/Sheet";
 import { CellRef, ColumnRef, Range, RangeRef, RowRef, SheetRef, ValueRef } from "../entities/Template";
 import { ThemeStyle } from "../entities/Theme";
 
-export type LoadOptions = WebLoadOptions | FileLoadOptions;
+export type LoadOptions = WebLoadOptions | FileLoadOptions | FileBase64LoadOptions;
 export type ExcelValue = string | number | boolean | Date;
 export type Result = [string, ExcelValue];
 
-export interface BaseLoadOptions {
-    type: "url" | "file";
-    url?: string;
-    file?: File | Blob;
-}
-
 export interface ReadCellOptions {
     formula?: boolean;
 }
 
-export interface WebLoadOptions extends BaseLoadOptions {
+export interface WebLoadOptions {
     type: "url";
     url: string;
 }
 
-export interface FileLoadOptions extends BaseLoadOptions {
+export interface FileLoadOptions {
     type: "file";
     file: Blob;
 }
 
+export interface FileBase64LoadOptions {
+    type: "file-base64";
+    contents: string;
+}
+
 export abstract class ExcelRepository {
     public abstract loadTemplate(options: LoadOptions): Promise<string>;
     public abstract toBlob(id: string): Promise<Blob>;
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 6d2d39f6..6199567a 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -4,8 +4,9 @@ import { Theme } from "../entities/Theme";
 
 export interface TemplateRepository {
     // Template access
-    listTemplates(): Pick<Template, "id" | "name">[];
-    getTemplate(id: Id): Template;
+    getCustomTemplates(): Template[];
+    saveTemplates(templates: Template[]): Promise<void>;
+    getTemplate(id: Id): Promise<Template>;
     // Template themes
     listThemes(): Promise<Theme[]>;
     getTheme(id: Id): Promise<Theme>;
diff --git a/src/domain/usecases/AnalyzeTemplateUseCase.ts b/src/domain/usecases/AnalyzeTemplateUseCase.ts
index 98eaf396..b2978faf 100644
--- a/src/domain/usecases/AnalyzeTemplateUseCase.ts
+++ b/src/domain/usecases/AnalyzeTemplateUseCase.ts
@@ -14,7 +14,7 @@ export class AnalyzeTemplateUseCase implements UseCase {
 
     public async execute(file: File) {
         const templateId = await this.excelRepository.loadTemplate({ type: "file", file });
-        const template = this.templateRepository.getTemplate(templateId);
+        const template = await this.templateRepository.getTemplate(templateId);
 
         const dataFormId = await this.excelRepository.readCell(templateId, template.dataFormId, {
             formula: true,
diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index f8e40e55..5b688031 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -61,14 +61,14 @@ export class DownloadTemplateUseCase implements UseCase {
         }: DownloadTemplateProps
     ): Promise<void> {
         const { id: templateId } = getTemplateId(type, id);
-        const template = this.templateRepository.getTemplate(templateId);
+        const template = await this.templateRepository.getTemplate(templateId);
         const theme = themeId ? await this.templateRepository.getTheme(themeId) : undefined;
 
         const element = await getElement(api, type, id);
         const name = element.displayName ?? element.name;
 
         if (template.type === "custom") {
-            await this.excelRepository.loadTemplate({ type: "url", url: template.url });
+            await this.excelRepository.loadTemplate({ type: "file-base64", contents: template.file.blob });
         } else {
             const result = await getElementMetadata({
                 api,
diff --git a/src/domain/usecases/ImportTemplateUseCase.ts b/src/domain/usecases/ImportTemplateUseCase.ts
index 4ce3d94c..19600b5a 100644
--- a/src/domain/usecases/ImportTemplateUseCase.ts
+++ b/src/domain/usecases/ImportTemplateUseCase.ts
@@ -59,7 +59,7 @@ export class ImportTemplateUseCase implements UseCase {
         }
 
         const templateId = await this.excelRepository.loadTemplate({ type: "file", file });
-        const template = this.templateRepository.getTemplate(templateId);
+        const template = await this.templateRepository.getTemplate(templateId);
 
         const dataFormId = removeCharacters(
             await this.excelRepository.readCell(templateId, template.dataFormId, {
diff --git a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
new file mode 100644
index 00000000..22166a6a
--- /dev/null
+++ b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
@@ -0,0 +1,12 @@
+import { Template } from "../entities/Template";
+import { TemplateRepository } from "../repositories/TemplateRepository";
+
+export class PersistTemplatesFromStaticModulesUseCase {
+    constructor(private templateRepository: TemplateRepository) {}
+
+    async execute(): Promise<Template[]> {
+        const templates = this.templateRepository.getCustomTemplates();
+        await this.templateRepository.saveTemplates(templates);
+        return templates;
+    }
+}
diff --git a/src/scripts/persist-templates-from-static-modules.ts b/src/scripts/persist-templates-from-static-modules.ts
new file mode 100644
index 00000000..873180bb
--- /dev/null
+++ b/src/scripts/persist-templates-from-static-modules.ts
@@ -0,0 +1,32 @@
+import { command, run, string, option } from "cmd-ts";
+import path from "path";
+import appConfig from "../../public/app-config.json";
+import { getCompositionRoot } from "../CompositionRoot";
+import { JsonConfig } from "../data/ConfigWebRepository";
+
+function main() {
+    const cmd = command({
+        name: path.basename(__filename),
+        description: "Persist custom modules as template in storage backend",
+        args: {
+            url: option({
+                type: string,
+                short: "u",
+                long: "dhis2-url",
+                description: "DHIS2 base URL. Example: http://USERNAME:PASSWORD@localhost:8080",
+            }),
+        },
+        handler: async args => {
+            const compositionRoot = getCompositionRoot({
+                appConfig: appConfig as unknown as JsonConfig,
+                dhisInstance: { type: "local", url: args.url },
+            });
+            const modules = await compositionRoot.templates.persistFromStaticModules();
+            console.debug(`Custom templates persisted:\n${modules.map(m => m.id).join("\n")}`);
+        },
+    });
+
+    run(cmd, process.argv.slice(2));
+}
+
+main();
diff --git a/src/scripts/tsconfig.json b/src/scripts/tsconfig.json
new file mode 100644
index 00000000..5f7ac3b6
--- /dev/null
+++ b/src/scripts/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "es2015",
+        "allowJs": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "noImplicitAny": false,
+        "noUnusedParameters": false,
+        "noUnusedLocals": false,
+        "strictNullChecks": true,
+        "noUncheckedIndexedAccess": true,
+        "experimentalDecorators": true,
+        "noFallthroughCasesInSwitch": true,
+        "lib": ["dom", "dom.iterable", "esnext"]
+    },
+    "include": ["./src"]
+}
diff --git a/yarn.lock b/yarn.lock
index 1f38d326..86c8e4cf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7473,6 +7473,16 @@ clsx@^1.0.2, clsx@^1.0.4:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.0.tgz#62937c6adfea771247c34b54d320fb99624f5702"
   integrity sha512-3avwM37fSK5oP6M5rQ9CNe99lwxhXDOeSWVPAOYF6OazUTgZCMb0yWlJpmdD74REy1gkEaFiub2ULv4fq9GUhA==
 
+cmd-ts@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/cmd-ts/-/cmd-ts-0.10.0.tgz#bde0e00431477fdfe10bc222f0ae3edd654d8701"
+  integrity sha512-DsVhXSE8yljY96pu+UOlFr67CNrZVCowLh6X1e7sIoLZkR2esoI5Agbokxi8HXu79ow4HBCCI2EcE3t7hrra8Q==
+  dependencies:
+    chalk "^4.0.0"
+    debug "^4.1.1"
+    didyoumean "^1.2.1"
+    strip-ansi "^6.0.0"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -8528,6 +8538,11 @@ detect-port-alt@1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
+didyoumean@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
 diff-sequences@^25.2.6:
   version "25.2.6"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"

From 17ad0a9780235d0364f2f00cae11108121c5eee8 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 31 Mar 2022 15:03:07 +0200
Subject: [PATCH 05/37] Add dataSet/program relationship to templates in
 template (entity+repo+UI)

---
 i18n/en.pot                                   | 25 ++++-
 i18n/es.po                                    | 28 +++++-
 i18n/fr.po                                    | 28 +++++-
 i18n/pt.po                                    | 28 +++++-
 i18n/ru.po                                    | 28 +++++-
 src/CompositionRoot.ts                        |  2 +
 src/data/ConfigWebRepository.ts               |  1 +
 src/data/TemplateWebRepository.ts             |  2 +-
 src/domain/entities/AppSettings.ts            |  8 ++
 src/domain/repositories/TemplateRepository.ts |  1 +
 .../usecases/GetCustomTemplatesUseCase.ts     | 11 +++
 .../settings/DataFormTemplateAssignDialog.tsx | 97 +++++++++++++++++++
 .../components/settings/SettingsFields.tsx    | 37 +++++++
 src/webapp/logic/settings.ts                  | 29 +++++-
 src/webapp/utils/refs.ts                      |  4 +
 15 files changed, 321 insertions(+), 8 deletions(-)
 create mode 100644 src/domain/usecases/GetCustomTemplatesUseCase.ts
 create mode 100644 src/webapp/components/settings/DataFormTemplateAssignDialog.tsx

diff --git a/i18n/en.pot b/i18n/en.pot
index f4151056..3e5d1fc0 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-01-31T08:02:56.914Z\n"
-"PO-Revision-Date: 2022-01-31T08:02:56.914Z\n"
+"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
+"PO-Revision-Date: 2022-03-31T12:59:15.625Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -126,6 +126,12 @@ msgstr ""
 msgid "Close"
 msgstr ""
 
+msgid "Dataset/Program"
+msgstr ""
+
+msgid "Search templates"
+msgstr ""
+
 msgid "Data set"
 msgstr ""
 
@@ -227,6 +233,9 @@ msgstr ""
 msgid "Data element and attribute filter for programs"
 msgstr ""
 
+msgid "Dataset/Program <-> Template"
+msgstr ""
+
 msgid "Data model"
 msgstr ""
 
@@ -253,6 +262,18 @@ msgstr ""
 msgid "Duplicate detection"
 msgstr ""
 
+msgid "Template configuration"
+msgstr ""
+
+msgid "Templates (autogenerated and custom) available for each dataset or program"
+msgstr ""
+
+msgid "Custom Templates"
+msgstr ""
+
+msgid "Create, edit, and configure permissions for custom templates"
+msgstr ""
+
 msgid "Event date time difference for events (programs)"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index 85712917..408389d0 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-01-31T08:02:56.914Z\n"
+"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -143,6 +143,14 @@ msgstr ""
 msgid "Close"
 msgstr "Cerrar"
 
+#, fuzzy
+msgid "Dataset/Program"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Search templates"
+msgstr "Buscar elementos de datos"
+
 msgid "Data set"
 msgstr "Set de datos"
 
@@ -249,6 +257,9 @@ msgstr "Filtro de elementos de datos para conjuntos de datos"
 msgid "Data element and attribute filter for programs"
 msgstr "Filtro de elementos de datos y atributos de los programas"
 
+msgid "Dataset/Program <-> Template"
+msgstr ""
+
 msgid "Data model"
 msgstr "Modelos de Datos"
 
@@ -276,6 +287,21 @@ msgstr "Elementos de datos y atributos a incluir/excluir para los programas"
 msgid "Duplicate detection"
 msgstr "Detección de duplicados"
 
+#, fuzzy
+msgid "Template configuration"
+msgstr "Acceso a la generación de plantillas"
+
+msgid ""
+"Templates (autogenerated and custom) available for each dataset or program"
+msgstr ""
+
+#, fuzzy
+msgid "Custom Templates"
+msgstr "Plantilla"
+
+msgid "Create, edit, and configure permissions for custom templates"
+msgstr ""
+
 msgid "Event date time difference for events (programs)"
 msgstr ""
 "Diferencia aceptada entre las fechas de los eventos para la identificación "
diff --git a/i18n/fr.po b/i18n/fr.po
index e96b8ac9..d77791ba 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-01-31T08:02:56.914Z\n"
+"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -126,6 +126,14 @@ msgstr ""
 msgid "Close"
 msgstr "Fermer"
 
+#, fuzzy
+msgid "Dataset/Program"
+msgstr "Programme"
+
+#, fuzzy
+msgid "Search templates"
+msgstr "Télécharger modèle"
+
 msgid "Data set"
 msgstr "Ensamble de donées"
 
@@ -231,6 +239,9 @@ msgstr ""
 msgid "Data element and attribute filter for programs"
 msgstr ""
 
+msgid "Dataset/Program <-> Template"
+msgstr ""
+
 msgid "Data model"
 msgstr "Modèle de données"
 
@@ -256,6 +267,21 @@ msgstr ""
 msgid "Duplicate detection"
 msgstr "Détection des doublons"
 
+#, fuzzy
+msgid "Template configuration"
+msgstr "Accès à la génération de modèles"
+
+msgid ""
+"Templates (autogenerated and custom) available for each dataset or program"
+msgstr ""
+
+#, fuzzy
+msgid "Custom Templates"
+msgstr "Modèle"
+
+msgid "Create, edit, and configure permissions for custom templates"
+msgstr ""
+
 msgid "Event date time difference for events (programs)"
 msgstr "Décalage de la date de l'événement pour les programmes des événements"
 
diff --git a/i18n/pt.po b/i18n/pt.po
index d1201051..1b5b9cd6 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-01-31T08:02:56.914Z\n"
+"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -145,6 +145,14 @@ msgstr ""
 msgid "Close"
 msgstr "Fechar"
 
+#, fuzzy
+msgid "Dataset/Program"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Search templates"
+msgstr "Pesquisar elementos de dados"
+
 msgid "Data set"
 msgstr "Data Set"
 
@@ -250,6 +258,9 @@ msgstr "Filtro de elementos de dados para conjuntos de dados"
 msgid "Data element and attribute filter for programs"
 msgstr "Elemento de dados e filtro de atributos para programas"
 
+msgid "Dataset/Program <-> Template"
+msgstr ""
+
 msgid "Data model"
 msgstr "Modelo de dados"
 
@@ -277,6 +288,21 @@ msgstr "Elementos de dados e atributos a incluir/excluir para programas"
 msgid "Duplicate detection"
 msgstr "Detecção duplicada"
 
+#, fuzzy
+msgid "Template configuration"
+msgstr "Acesso à geração de planilhas"
+
+msgid ""
+"Templates (autogenerated and custom) available for each dataset or program"
+msgstr ""
+
+#, fuzzy
+msgid "Custom Templates"
+msgstr "Modelo"
+
+msgid "Create, edit, and configure permissions for custom templates"
+msgstr ""
+
 msgid "Event date time difference for events (programs)"
 msgstr "Diferença de data e hora do evento de eventos (programas)"
 
diff --git a/i18n/ru.po b/i18n/ru.po
index 9bf10fd4..61d06b32 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-01-31T08:02:56.914Z\n"
+"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -145,6 +145,14 @@ msgstr ""
 msgid "Close"
 msgstr "Закрыть"
 
+#, fuzzy
+msgid "Dataset/Program"
+msgstr "Программа"
+
+#, fuzzy
+msgid "Search templates"
+msgstr "Элементы данных поиска"
+
 msgid "Data set"
 msgstr "Набор данных"
 
@@ -250,6 +258,9 @@ msgstr "Фильтр элементов данных для наборов да
 msgid "Data element and attribute filter for programs"
 msgstr "Фильтр элементов данных и атрибутов для программ"
 
+msgid "Dataset/Program <-> Template"
+msgstr ""
+
 msgid "Data model"
 msgstr "Модель данных"
 
@@ -277,6 +288,21 @@ msgstr "Элементы данных и атрибуты для включен
 msgid "Duplicate detection"
 msgstr "Обнаружение дубликатов"
 
+#, fuzzy
+msgid "Template configuration"
+msgstr "Доступ к генерации шаблонов"
+
+msgid ""
+"Templates (autogenerated and custom) available for each dataset or program"
+msgstr ""
+
+#, fuzzy
+msgid "Custom Templates"
+msgstr "Шаблон"
+
+msgid "Create, edit, and configure permissions for custom templates"
+msgstr ""
+
 msgid "Event date time difference for events (programs)"
 msgstr "Разница во времени даты события для событий (программ)"
 
diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index ea6656fc..1620f75f 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -16,6 +16,7 @@ import { AnalyzeTemplateUseCase } from "./domain/usecases/AnalyzeTemplateUseCase
 import { ConvertDataPackageUseCase } from "./domain/usecases/ConvertDataPackageUseCase";
 import { DeleteThemeUseCase } from "./domain/usecases/DeleteThemeUseCase";
 import { DownloadTemplateUseCase } from "./domain/usecases/DownloadTemplateUseCase";
+import { GetCustomTemplatesUseCase } from "./domain/usecases/GetCustomTemplatesUseCase";
 import { GetDefaultSettingsUseCase } from "./domain/usecases/GetDefaultSettingsUseCase";
 import { GetFormDataPackageUseCase } from "./domain/usecases/GetFormDataPackageUseCase";
 import { GetFormOrgUnitRootsUseCase } from "./domain/usecases/GetFormOrgUnitRootsUseCase";
@@ -65,6 +66,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             import: new ImportTemplateUseCase(instance, templateManager, excelReader),
             list: new ListDataFormsUseCase(instance),
             persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager),
+            getCustom: new GetCustomTemplatesUseCase(templateManager),
         }),
         themes: getExecute({
             list: new ListThemesUseCase(templateManager),
diff --git a/src/data/ConfigWebRepository.ts b/src/data/ConfigWebRepository.ts
index 3c83ece5..0d712a56 100644
--- a/src/data/ConfigWebRepository.ts
+++ b/src/data/ConfigWebRepository.ts
@@ -39,6 +39,7 @@ export class ConfigWebRepository implements ConfigRepository {
             dataSetDataElementsFilter: {},
             programStageFilter: {},
             programStagePopulateEventsForEveryTei: {},
+            dataFormTemplate: { relationships: {} },
             ...defaultSettings,
         };
     }
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index ab7fda88..40aa09c6 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -16,7 +16,7 @@ export class TemplateWebRepository implements TemplateRepository {
     constructor(private storage: StorageRepository) {}
 
     @cache()
-    private async getTemplates(): Promise<Template[]> {
+    public async getTemplates(): Promise<Template[]> {
         const customTemplates = await this.storage.getObject<Template[]>("templates", []);
         const genericTemplates = _.values(templates).map(TemplateClass => new TemplateClass());
         return _.concat(genericTemplates, customTemplates);
diff --git a/src/domain/entities/AppSettings.ts b/src/domain/entities/AppSettings.ts
index 73ef78c0..eb42896b 100644
--- a/src/domain/entities/AppSettings.ts
+++ b/src/domain/entities/AppSettings.ts
@@ -19,6 +19,13 @@ export type ProgramStageFilter = Record<
 >;
 export type ProgramStagePopulateEventsForEveryTei = Record<ProgramStageId, boolean>;
 
+export interface DataFormTemplate {
+    relationships: Record<DataFormId, Array<{ templateId: TemplateId }>>;
+}
+
+type DataFormId = Id;
+type TemplateId = Id;
+
 export interface AppSettings {
     models: Record<Model, boolean>;
     permissionsForGeneration: NamedRef[];
@@ -35,4 +42,5 @@ export interface AppSettings {
     dataSetDataElementsFilter: DataSetDataElementsFilter;
     programStageFilter: ProgramStageFilter;
     programStagePopulateEventsForEveryTei: ProgramStagePopulateEventsForEveryTei;
+    dataFormTemplate: DataFormTemplate;
 }
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 6199567a..48dcc5c1 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -4,6 +4,7 @@ import { Theme } from "../entities/Theme";
 
 export interface TemplateRepository {
     // Template access
+    getTemplates(): Promise<Template[]>;
     getCustomTemplates(): Template[];
     saveTemplates(templates: Template[]): Promise<void>;
     getTemplate(id: Id): Promise<Template>;
diff --git a/src/domain/usecases/GetCustomTemplatesUseCase.ts b/src/domain/usecases/GetCustomTemplatesUseCase.ts
new file mode 100644
index 00000000..3a53429c
--- /dev/null
+++ b/src/domain/usecases/GetCustomTemplatesUseCase.ts
@@ -0,0 +1,11 @@
+import { Template } from "../entities/Template";
+import { TemplateRepository } from "../repositories/TemplateRepository";
+
+export class GetCustomTemplatesUseCase {
+    constructor(private templateRepository: TemplateRepository) {}
+
+    async execute(): Promise<Template[]> {
+        const templates = await this.templateRepository.getTemplates();
+        return templates.filter(template => template.type === "custom");
+    }
+}
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
new file mode 100644
index 00000000..c15b6a38
--- /dev/null
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -0,0 +1,97 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import _ from "lodash";
+import { ConfirmationDialog, MultiSelector } from "@eyeseetea/d2-ui-components";
+import { makeStyles } from "@material-ui/core";
+
+import { Id, NamedRef } from "../../../domain/entities/ReferenceObject";
+import { Template } from "../../../domain/entities/Template";
+import i18n from "../../../locales";
+import { useAppContext } from "../../contexts/app-context";
+import { getSelectOptionsFromNamedRefs, modelToSelectOption } from "../../utils/refs";
+import { Select, SelectOption } from "../select/Select";
+import { SettingsFieldsProps } from "./SettingsFields";
+
+export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
+    title: string;
+    onClose: () => void;
+}
+
+export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps): React.ReactElement {
+    const { title, onClose, settings, onChange } = props;
+    const { d2, compositionRoot } = useAppContext();
+    const classes = useStyles();
+
+    const [dataForms, setDataForms] = useState<NamedRef[]>([]);
+    const [selectedDataForm, setSelectedDataForm] = useState<NamedRef>();
+    const [templates, setTemplates] = useState<Template[]>([]);
+
+    useEffect(() => {
+        compositionRoot.templates.list().then(({ dataSets, programs }) => {
+            const metadata = _.concat(dataSets, programs);
+            setDataForms(metadata);
+        });
+    }, [compositionRoot]);
+
+    useEffect(() => {
+        compositionRoot.templates.getCustom().then(setTemplates);
+    }, [compositionRoot]);
+
+    const selectItem = useCallback(
+        ({ value }: SelectOption) => {
+            setSelectedDataForm(dataForms.find(item => item.id === value));
+        },
+        [dataForms]
+    );
+
+    const itemOptions = useMemo(() => getSelectOptionsFromNamedRefs(dataForms), [dataForms]);
+    const templatesOptions = useMemo(() => modelToSelectOption(templates), [templates]);
+    const templateIdsSelected: Id[] = settings.getTemplateIdsForDataForm(selectedDataForm);
+
+    const updateSelection = useCallback(
+        (newSelectedIds: string[]) => {
+            if (selectedDataForm) {
+                const newSettings = settings.updateDataFormTemplateRelationship(selectedDataForm, newSelectedIds);
+                onChange(newSettings);
+            }
+        },
+        [selectedDataForm, settings, onChange]
+    );
+
+    return (
+        <ConfirmationDialog
+            isOpen={true}
+            title={title}
+            maxWidth="lg"
+            fullWidth={true}
+            onCancel={onClose}
+            cancelText={i18n.t("Close")}
+        >
+            <div className={classes.row}>
+                <Select
+                    placeholder={i18n.t("Dataset/Program")}
+                    options={itemOptions}
+                    onChange={selectItem}
+                    value={selectedDataForm?.id ?? ""}
+                />
+            </div>
+
+            {selectedDataForm && (
+                <div className={classes.row}>
+                    <MultiSelector
+                        d2={d2}
+                        searchFilterLabel={i18n.t("Search templates")}
+                        height={300}
+                        onChange={updateSelection}
+                        options={templatesOptions}
+                        selected={templateIdsSelected}
+                        ordered={false}
+                    />
+                </div>
+            )}
+        </ConfirmationDialog>
+    );
+}
+
+const useStyles = makeStyles({
+    row: { width: "100%", marginBottom: "2em" },
+});
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 4bf4f03d..5aaf95c3 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -16,6 +16,7 @@ import Settings, { PermissionSetting } from "../../logic/settings";
 import { Select, SelectOption } from "../select/Select";
 import { DataSetDataElementsFilterDialog } from "./DataSetDataElementsFilterDialog";
 import { DuplicateDataElementsFilterDialog } from "./DuplicateDataElementsFilterDialog";
+import { DataFormTemplateAssignDialog } from "./DataFormTemplateAssignDialog";
 import { PermissionsDialog } from "./PermissionsDialog";
 import { ProgramStageFilterDialog } from "./ProgramStageFilterDialog";
 
@@ -31,6 +32,7 @@ export default function SettingsFields({ settings, onChange }: SettingsFieldsPro
     const [isExclusionDialogVisible, showExclusionDialog] = useState<boolean>(false);
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
+    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
@@ -166,6 +168,15 @@ export default function SettingsFields({ settings, onChange }: SettingsFieldsPro
                 />
             )}
 
+            {isModuleTemplateDialogVisible && (
+                <DataFormTemplateAssignDialog
+                    title={i18n.t("Dataset/Program <-> Template")}
+                    onClose={() => showModuleTemplateDialog(false)}
+                    settings={settings}
+                    onChange={onChange}
+                />
+            )}
+
             {!!isExclusionDialogVisible && (
                 <DuplicateDataElementsFilterDialog
                     onClose={() => showExclusionDialog(false)}
@@ -247,6 +258,32 @@ export default function SettingsFields({ settings, onChange }: SettingsFieldsPro
                 </div>
             </FormGroup>
 
+            <h3 className={classes.title}>{i18n.t("Template configuration")}</h3>
+
+            <div className={classes.content}>
+                <ListItem button onClick={() => showModuleTemplateDialog(true)}>
+                    <ListItemIcon>
+                        <Icon>shuffle</Icon>
+                    </ListItemIcon>
+
+                    <ListItemText
+                        primary={i18n.t("Dataset/Program <-> Template")}
+                        secondary={i18n.t("Templates (autogenerated and custom) available for each dataset or program")}
+                    />
+                </ListItem>
+
+                <ListItem button onClick={() => showProgramStageFilterDialog(true)}>
+                    <ListItemIcon>
+                        <Icon>Templates</Icon>
+                    </ListItemIcon>
+
+                    <ListItemText
+                        primary={i18n.t("Custom Templates")}
+                        secondary={i18n.t("Create, edit, and configure permissions for custom templates")}
+                    />
+                </ListItem>
+            </div>
+
             <div className={classes.content}>
                 <FormGroup className={classes.eventDateTime} row={true}>
                     <p className={classes.duplicateToleranceLabel}>
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 7389e480..0af40647 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -2,6 +2,7 @@ import _ from "lodash";
 import { CompositionRoot } from "../../CompositionRoot";
 import {
     AppSettings,
+    DataFormTemplate,
     DataSetDataElementsFilter,
     DuplicateExclusion,
     DuplicateToleranceUnit,
@@ -20,7 +21,7 @@ import {
 import { Id, NamedRef } from "../../domain/entities/ReferenceObject";
 import i18n from "../../locales";
 import { D2Api, Ref } from "../../types/d2-api";
-import { GetArrayInnerType } from "../../types/utils";
+import { GetArrayInnerType, Maybe } from "../../types/utils";
 
 const privateFields = ["currentUser"] as const;
 
@@ -35,6 +36,7 @@ const publicFields = [
     "dataSetDataElementsFilter",
     "programStageFilter",
     "programStagePopulateEventsForEveryTei",
+    "dataFormTemplate",
 ] as const;
 
 const allFields = [...privateFields, ...publicFields];
@@ -77,6 +79,7 @@ export default class Settings {
     public dataSetDataElementsFilter: DataSetDataElementsFilter;
     public programStageFilter: ProgramStageFilter;
     public programStagePopulateEventsForEveryTei: ProgramStagePopulateEventsForEveryTei;
+    public dataFormTemplate: DataFormTemplate;
 
     static constantCode = "BULK_LOAD_SETTINGS";
 
@@ -92,6 +95,7 @@ export default class Settings {
         this.dataSetDataElementsFilter = options.dataSetDataElementsFilter;
         this.programStageFilter = options.programStageFilter;
         this.programStagePopulateEventsForEveryTei = options.programStagePopulateEventsForEveryTei;
+        this.dataFormTemplate = options.dataFormTemplate;
     }
 
     static async build(api: D2Api, compositionRoot: CompositionRoot): Promise<Settings> {
@@ -146,6 +150,7 @@ export default class Settings {
             programStageFilter: data.programStageFilter ?? defaultSettings.programStageFilter,
             programStagePopulateEventsForEveryTei:
                 data.programStagePopulateEventsForEveryTei ?? defaultSettings.programStagePopulateEventsForEveryTei,
+            dataFormTemplate: data.dataFormTemplate ?? defaultSettings.dataFormTemplate,
         });
     }
 
@@ -166,6 +171,7 @@ export default class Settings {
             dataSetDataElementsFilter,
             programStageFilter,
             programStagePopulateEventsForEveryTei,
+            dataFormTemplate,
         } = this;
         const validation = this.validate();
         if (!validation.status) return validation;
@@ -193,6 +199,7 @@ export default class Settings {
             dataSetDataElementsFilter,
             programStageFilter,
             programStagePopulateEventsForEveryTei,
+            dataFormTemplate,
         };
 
         try {
@@ -369,6 +376,26 @@ export default class Settings {
         ];
     }
 
+    getTemplateIdsForDataForm(dataForm: Maybe<Ref>): Id[] {
+        if (dataForm) {
+            const relationshipsForDataForm = this.dataFormTemplate.relationships[dataForm.id] || [];
+            return relationshipsForDataForm.map(r => r.templateId);
+        } else {
+            return [];
+        }
+    }
+
+    updateDataFormTemplateRelationship(dataForm: Ref, templateIds: Id[]): Settings {
+        const newValue: DataFormTemplate = {
+            relationships: {
+                ...this.dataFormTemplate.relationships,
+                [dataForm.id]: templateIds.map(id => ({ templateId: id })),
+            },
+        };
+
+        return this.update({ dataFormTemplate: newValue });
+    }
+
     private hasPermissions(permission: PermissionValue): boolean {
         if (permission.type === "all") return true;
 
diff --git a/src/webapp/utils/refs.ts b/src/webapp/utils/refs.ts
index ade20b21..d6cadc69 100644
--- a/src/webapp/utils/refs.ts
+++ b/src/webapp/utils/refs.ts
@@ -10,3 +10,7 @@ export function getMultiSelectorOptionsFromNamedRefs<Model extends NamedRef>(
 ): Array<{ value: string; text: string }> {
     return models.map(({ id, name }) => ({ value: id, text: name }));
 }
+
+export function modelToSelectOption<Obj extends NamedRef>(objects: Obj[]) {
+    return (objects || []).map(({ id, name }) => ({ value: id, text: name }));
+}

From 4425870a66ce05c601b4a28293e9c928fc5b168a Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Fri, 1 Apr 2022 09:54:44 +0200
Subject: [PATCH 06/37] Add special autogenerated template

---
 src/domain/entities/AppSettings.ts                |  4 +++-
 src/domain/usecases/GetCustomTemplatesUseCase.ts  | 15 ++++++++++++---
 .../settings/DataFormTemplateAssignDialog.tsx     |  2 +-
 src/webapp/logic/settings.ts                      | 10 +++++++---
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/domain/entities/AppSettings.ts b/src/domain/entities/AppSettings.ts
index eb42896b..c96e1ac5 100644
--- a/src/domain/entities/AppSettings.ts
+++ b/src/domain/entities/AppSettings.ts
@@ -23,8 +23,10 @@ export interface DataFormTemplate {
     relationships: Record<DataFormId, Array<{ templateId: TemplateId }>>;
 }
 
+export const autogeneratedTemplateId = "autogenerated";
+type AutogeneratedTemplateId = typeof autogeneratedTemplateId;
 type DataFormId = Id;
-type TemplateId = Id;
+type TemplateId = Id | AutogeneratedTemplateId;
 
 export interface AppSettings {
     models: Record<Model, boolean>;
diff --git a/src/domain/usecases/GetCustomTemplatesUseCase.ts b/src/domain/usecases/GetCustomTemplatesUseCase.ts
index 3a53429c..b1fa6019 100644
--- a/src/domain/usecases/GetCustomTemplatesUseCase.ts
+++ b/src/domain/usecases/GetCustomTemplatesUseCase.ts
@@ -1,11 +1,20 @@
-import { Template } from "../entities/Template";
+import _ from "lodash";
+import i18n from "../../locales";
+import { autogeneratedTemplateId } from "../entities/AppSettings";
+import { NamedRef } from "../entities/ReferenceObject";
 import { TemplateRepository } from "../repositories/TemplateRepository";
 
 export class GetCustomTemplatesUseCase {
     constructor(private templateRepository: TemplateRepository) {}
 
-    async execute(): Promise<Template[]> {
+    async execute(): Promise<NamedRef[]> {
         const templates = await this.templateRepository.getTemplates();
-        return templates.filter(template => template.type === "custom");
+        const autogeneratedTemplate: NamedRef = { name: i18n.t("Autogenerated"), id: autogeneratedTemplateId };
+
+        return _(templates)
+            .filter(template => template.type === "custom")
+            .map(template => _.pick(template, ["id", "name"]))
+            .concat([autogeneratedTemplate])
+            .value();
     }
 }
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
index c15b6a38..a356ac3d 100644
--- a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -23,7 +23,7 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
 
     const [dataForms, setDataForms] = useState<NamedRef[]>([]);
     const [selectedDataForm, setSelectedDataForm] = useState<NamedRef>();
-    const [templates, setTemplates] = useState<Template[]>([]);
+    const [templates, setTemplates] = useState<NamedRef[]>([]);
 
     useEffect(() => {
         compositionRoot.templates.list().then(({ dataSets, programs }) => {
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 0af40647..a0c2e967 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -2,6 +2,7 @@ import _ from "lodash";
 import { CompositionRoot } from "../../CompositionRoot";
 import {
     AppSettings,
+    autogeneratedTemplateId,
     DataFormTemplate,
     DataSetDataElementsFilter,
     DuplicateExclusion,
@@ -377,11 +378,14 @@ export default class Settings {
     }
 
     getTemplateIdsForDataForm(dataForm: Maybe<Ref>): Id[] {
-        if (dataForm) {
-            const relationshipsForDataForm = this.dataFormTemplate.relationships[dataForm.id] || [];
+        const { relationships } = this.dataFormTemplate;
+        const hasRelationships = dataForm && dataForm.id in relationships;
+
+        if (dataForm && hasRelationships) {
+            const relationshipsForDataForm = relationships[dataForm.id] || [];
             return relationshipsForDataForm.map(r => r.templateId);
         } else {
-            return [];
+            return [autogeneratedTemplateId];
         }
     }
 

From 1629d832bb89465810e02234b9b938ebc83fa459 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Mon, 4 Apr 2022 14:06:32 +0200
Subject: [PATCH 07/37] Add permissions for templates + basic listing

---
 src/data/ConfigWebRepository.ts               |   2 +
 .../templates/nhwa-module-1/NHWAModule1.01.ts |   5 +-
 .../templates/nhwa-module-2/NHWAModule2.01.ts |   5 +-
 .../templates/nhwa-module-3/NHWAModule3.01.ts |   5 +-
 .../templates/nhwa-module-4/NHWAModule4.01.ts |   5 +-
 .../templates/nhwa-module-5/NHWAModule5.01.ts |   5 +-
 .../templates/nhwa-module-6/NHWAModule6.01.ts |   5 +-
 .../templates/nhwa-module-7/NHWAModule7.01.ts |   5 +-
 .../templates/nhwa-module-8/NHWAModule8.01.ts |   5 +-
 .../SnakebiteAnnualReport.01.ts               |   5 +-
 src/domain/entities/AppSettings.ts            |  12 +-
 src/domain/entities/DataFormTemplate.ts       |  11 +
 src/domain/entities/Template.ts               |   8 +-
 src/domain/entities/TemplateReference.ts      |   6 +
 src/domain/entities/TemplateSharing.ts        |  16 ++
 .../usecases/GetCustomTemplatesUseCase.ts     |  12 +-
 src/types/utils.ts                            |  13 ++
 .../settings/DataFormTemplateAssignDialog.tsx |  17 +-
 .../components/settings/PermissionsDialog.tsx |  27 ++-
 .../components/settings/SettingsFields.tsx    |  34 ++-
 .../settings/TemplateEditDialog.tsx           | 186 ++++++++++++++++
 .../components/settings/TemplateListTable.tsx | 209 ++++++++++++++++++
 .../components/settings/TemplatesDialog.tsx   |  34 +++
 src/webapp/logic/settings.ts                  |  16 +-
 src/webapp/pages/Router.tsx                   |  10 +
 src/webapp/pages/settings/SettingsPage.tsx    |  16 +-
 26 files changed, 605 insertions(+), 69 deletions(-)
 create mode 100644 src/domain/entities/DataFormTemplate.ts
 create mode 100644 src/domain/entities/TemplateReference.ts
 create mode 100644 src/domain/entities/TemplateSharing.ts
 create mode 100644 src/webapp/components/settings/TemplateEditDialog.tsx
 create mode 100644 src/webapp/components/settings/TemplateListTable.tsx
 create mode 100644 src/webapp/components/settings/TemplatesDialog.tsx

diff --git a/src/data/ConfigWebRepository.ts b/src/data/ConfigWebRepository.ts
index 0d712a56..1703791c 100644
--- a/src/data/ConfigWebRepository.ts
+++ b/src/data/ConfigWebRepository.ts
@@ -28,9 +28,11 @@ export class ConfigWebRepository implements ConfigRepository {
             permissionsForGeneration: [],
             permissionsForSettings: [],
             permissionsForImport: [],
+            permissionsForTemplates: [],
             allPermissionsForGeneration: true,
             allPermissionsForSettings: true,
             allPermissionsForImport: true,
+            allPermissionsForTemplates: true,
             orgUnitSelection: "both",
             duplicateEnabled: false,
             duplicateExclusion: {},
diff --git a/src/data/templates/nhwa-module-1/NHWAModule1.01.ts b/src/data/templates/nhwa-module-1/NHWAModule1.01.ts
index 62f68fc6..1300679c 100644
--- a/src/data/templates/nhwa-module-1/NHWAModule1.01.ts
+++ b/src/data/templates/nhwa-module-1/NHWAModule1.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule101 implements CustomTemplate {
+export class NHWAModule101 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_1_v1";
     public readonly name = "NHWA Module 1";
+    public readonly description = "Custom module for data set NHWA Module 1";
     public readonly url = "templates/NHWA_Module_1.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "Tu81BTLUuCT" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-2/NHWAModule2.01.ts b/src/data/templates/nhwa-module-2/NHWAModule2.01.ts
index 4b9b37c5..ea1572c2 100644
--- a/src/data/templates/nhwa-module-2/NHWAModule2.01.ts
+++ b/src/data/templates/nhwa-module-2/NHWAModule2.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule201 implements CustomTemplate {
+export class NHWAModule201 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_2_v1";
     public readonly name = "NHWA Module 2";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_2.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "m5MiTPdlK17" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-3/NHWAModule3.01.ts b/src/data/templates/nhwa-module-3/NHWAModule3.01.ts
index b54ed767..aed31acd 100644
--- a/src/data/templates/nhwa-module-3/NHWAModule3.01.ts
+++ b/src/data/templates/nhwa-module-3/NHWAModule3.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule301 implements CustomTemplate {
+export class NHWAModule301 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_3_v1";
     public readonly name = "NHWA Module 3";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_3.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "pZ3XRBi9gYE" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-4/NHWAModule4.01.ts b/src/data/templates/nhwa-module-4/NHWAModule4.01.ts
index 1512b53f..60126c99 100644
--- a/src/data/templates/nhwa-module-4/NHWAModule4.01.ts
+++ b/src/data/templates/nhwa-module-4/NHWAModule4.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule401 implements CustomTemplate {
+export class NHWAModule401 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_4_v1";
     public readonly name = "NHWA Module 4";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_4.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "HtZb6Cg7TXo" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-5/NHWAModule5.01.ts b/src/data/templates/nhwa-module-5/NHWAModule5.01.ts
index 87274995..6d33c5d5 100644
--- a/src/data/templates/nhwa-module-5/NHWAModule5.01.ts
+++ b/src/data/templates/nhwa-module-5/NHWAModule5.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule501 implements CustomTemplate {
+export class NHWAModule501 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_5_v1";
     public readonly name = "NHWA Module 5";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_5.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "cxfAcMbSZe1" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-6/NHWAModule6.01.ts b/src/data/templates/nhwa-module-6/NHWAModule6.01.ts
index 49bbe8e2..ec7b0ada 100644
--- a/src/data/templates/nhwa-module-6/NHWAModule6.01.ts
+++ b/src/data/templates/nhwa-module-6/NHWAModule6.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule601 implements CustomTemplate {
+export class NHWAModule601 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_6_v1";
     public readonly name = "NHWA Module 6";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_6.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "WDyQKfAvY3V" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-7/NHWAModule7.01.ts b/src/data/templates/nhwa-module-7/NHWAModule7.01.ts
index e6c1c01b..7dfd4dad 100644
--- a/src/data/templates/nhwa-module-7/NHWAModule7.01.ts
+++ b/src/data/templates/nhwa-module-7/NHWAModule7.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule701 implements CustomTemplate {
+export class NHWAModule701 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_7_v1";
     public readonly name = "NHWA Module 7";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_7.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "ZRsZdd2AvAR" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/nhwa-module-8/NHWAModule8.01.ts b/src/data/templates/nhwa-module-8/NHWAModule8.01.ts
index b27a89fc..b27bc908 100644
--- a/src/data/templates/nhwa-module-8/NHWAModule8.01.ts
+++ b/src/data/templates/nhwa-module-8/NHWAModule8.01.ts
@@ -1,9 +1,10 @@
-import { CustomTemplate, DataSource, StyleSource } from "../../../domain/entities/Template";
+import { CustomTemplateWithUrl, DataSource, StyleSource } from "../../../domain/entities/Template";
 
-export class NHWAModule801 implements CustomTemplate {
+export class NHWAModule801 implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "NHWA_MODULE_8_v1";
     public readonly name = "NHWA Module 8-10";
+    public readonly description = "";
     public readonly url = "templates/NHWA_Module_8_10.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "p5z7F51v1ag" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/data/templates/snakebite-annual-report/SnakebiteAnnualReport.01.ts b/src/data/templates/snakebite-annual-report/SnakebiteAnnualReport.01.ts
index cf113bcb..e2cd5e2f 100644
--- a/src/data/templates/snakebite-annual-report/SnakebiteAnnualReport.01.ts
+++ b/src/data/templates/snakebite-annual-report/SnakebiteAnnualReport.01.ts
@@ -4,7 +4,7 @@ import { Codec } from "purify-ts";
 import { DataElement, DataForm } from "../../../domain/entities/DataForm";
 import { DataPackage } from "../../../domain/entities/DataPackage";
 import {
-    CustomTemplate,
+    CustomTemplateWithUrl,
     DataSource,
     DownloadCustomizationOptions,
     ImportCustomizationOptions,
@@ -29,10 +29,11 @@ const NATIONAL_SHEET_VALUE_LOCATION = NATIONAL_SHEET_START + 4;
 const METADATA_SHEET_START = 2;
 const ORGUNIT_SHEET_START = 2;
 
-export class SnakebiteAnnualReport implements CustomTemplate {
+export class SnakebiteAnnualReport implements CustomTemplateWithUrl {
     public readonly type = "custom";
     public readonly id = "SNAKEBITE_ANNUAL_REPORT_v1";
     public readonly name = "Snakebite Annual Report";
+    public readonly description = "";
     public readonly url = "templates/Snakebite_Annual_Report.xlsx";
     public readonly dataFormId = { type: "value" as const, id: "XBgvNrxpcDC" };
     public readonly dataFormType = { type: "value" as const, id: "dataSets" as const };
diff --git a/src/domain/entities/AppSettings.ts b/src/domain/entities/AppSettings.ts
index c96e1ac5..ec385786 100644
--- a/src/domain/entities/AppSettings.ts
+++ b/src/domain/entities/AppSettings.ts
@@ -1,5 +1,6 @@
 import { GetArrayInnerType } from "../../types/utils";
 import { DataElementDisaggregated } from "./DataElementDisaggregated";
+import { DataFormTemplate } from "./DataFormTemplate";
 import { Id, NamedRef, Ref } from "./ReferenceObject";
 
 const models = ["dataSet", "program"] as const;
@@ -19,23 +20,16 @@ export type ProgramStageFilter = Record<
 >;
 export type ProgramStagePopulateEventsForEveryTei = Record<ProgramStageId, boolean>;
 
-export interface DataFormTemplate {
-    relationships: Record<DataFormId, Array<{ templateId: TemplateId }>>;
-}
-
-export const autogeneratedTemplateId = "autogenerated";
-type AutogeneratedTemplateId = typeof autogeneratedTemplateId;
-type DataFormId = Id;
-type TemplateId = Id | AutogeneratedTemplateId;
-
 export interface AppSettings {
     models: Record<Model, boolean>;
     permissionsForGeneration: NamedRef[];
     permissionsForSettings: NamedRef[];
     permissionsForImport: NamedRef[];
+    permissionsForTemplates: NamedRef[];
     allPermissionsForGeneration: boolean;
     allPermissionsForSettings: boolean;
     allPermissionsForImport: boolean;
+    allPermissionsForTemplates: boolean;
     orgUnitSelection: OrgUnitSelectionSetting;
     duplicateEnabled: boolean;
     duplicateExclusion: DuplicateExclusion;
diff --git a/src/domain/entities/DataFormTemplate.ts b/src/domain/entities/DataFormTemplate.ts
new file mode 100644
index 00000000..81bfff45
--- /dev/null
+++ b/src/domain/entities/DataFormTemplate.ts
@@ -0,0 +1,11 @@
+import { Id } from "./ReferenceObject";
+
+export interface DataFormTemplate {
+    relationships: Record<DataFormId, Array<{ templateId: TemplateId }>>;
+}
+
+export const autogeneratedTemplateId = "autogenerated";
+type AutogeneratedTemplateId = typeof autogeneratedTemplateId;
+
+type DataFormId = Id;
+type TemplateId = Id | AutogeneratedTemplateId;
diff --git a/src/domain/entities/Template.ts b/src/domain/entities/Template.ts
index 80e74e19..18444eb9 100644
--- a/src/domain/entities/Template.ts
+++ b/src/domain/entities/Template.ts
@@ -30,11 +30,11 @@ export type StyleSource = {
 
 type Base64Blob = { blob: string };
 
-interface CustomFileTemplate extends Omit<CustomTemplate, "url"> {
+export interface CustomTemplate extends Omit<CustomTemplateWithUrl, "url"> {
     file: Base64Blob;
 }
 
-export type Template = GeneratedTemplate | CustomFileTemplate;
+export type Template = GeneratedTemplate | CustomTemplate;
 
 interface BaseTemplate {
     type: TemplateType;
@@ -49,7 +49,6 @@ interface BaseTemplate {
 export interface GeneratedTemplate extends BaseTemplate {
     type: "generated";
     rowOffset: number;
-    colOffset: number;
 }
 
 export interface DownloadCustomizationOptions {
@@ -62,9 +61,10 @@ export interface ImportCustomizationOptions {
     dataPackage: DataPackage;
 }
 
-export interface CustomTemplate extends BaseTemplate {
+export interface CustomTemplateWithUrl extends BaseTemplate {
     type: "custom";
     url: string;
+    description: string;
     fixedOrgUnit?: CellRef;
     fixedPeriod?: CellRef;
     downloadCustomization?: (
diff --git a/src/domain/entities/TemplateReference.ts b/src/domain/entities/TemplateReference.ts
new file mode 100644
index 00000000..ea9bd718
--- /dev/null
+++ b/src/domain/entities/TemplateReference.ts
@@ -0,0 +1,6 @@
+import { Id } from "./ReferenceObject";
+
+export interface TemplateReference {
+    type: "custom" | "autogenerated";
+    templateId: Id;
+}
diff --git a/src/domain/entities/TemplateSharing.ts b/src/domain/entities/TemplateSharing.ts
new file mode 100644
index 00000000..d7db4432
--- /dev/null
+++ b/src/domain/entities/TemplateSharing.ts
@@ -0,0 +1,16 @@
+import { TemplateReference } from "./TemplateReference";
+import { NamedRef } from "./ReferenceObject";
+
+export interface TemplateSharings {
+    sharings: TemplateSharing[];
+}
+
+interface TemplateSharing {
+    object: TemplateReference;
+    sharing: Sharing;
+}
+
+interface Sharing {
+    users: NamedRef[];
+    userGroups: NamedRef[];
+}
diff --git a/src/domain/usecases/GetCustomTemplatesUseCase.ts b/src/domain/usecases/GetCustomTemplatesUseCase.ts
index b1fa6019..b4d98d4b 100644
--- a/src/domain/usecases/GetCustomTemplatesUseCase.ts
+++ b/src/domain/usecases/GetCustomTemplatesUseCase.ts
@@ -1,20 +1,16 @@
 import _ from "lodash";
-import i18n from "../../locales";
-import { autogeneratedTemplateId } from "../entities/AppSettings";
-import { NamedRef } from "../entities/ReferenceObject";
+import { CustomTemplate } from "../entities/Template";
 import { TemplateRepository } from "../repositories/TemplateRepository";
 
 export class GetCustomTemplatesUseCase {
     constructor(private templateRepository: TemplateRepository) {}
 
-    async execute(): Promise<NamedRef[]> {
+    async execute(): Promise<CustomTemplate[]> {
         const templates = await this.templateRepository.getTemplates();
-        const autogeneratedTemplate: NamedRef = { name: i18n.t("Autogenerated"), id: autogeneratedTemplateId };
 
         return _(templates)
-            .filter(template => template.type === "custom")
-            .map(template => _.pick(template, ["id", "name"]))
-            .concat([autogeneratedTemplate])
+            .map(template => (template.type === "custom" ? template : null))
+            .compact()
             .value();
     }
 }
diff --git a/src/types/utils.ts b/src/types/utils.ts
index c0d86e02..2f775298 100644
--- a/src/types/utils.ts
+++ b/src/types/utils.ts
@@ -28,3 +28,16 @@ export function isNotEmpty<T>(xs: T[] | undefined): xs is NonEmptyArray<T> {
 }
 
 export type KeysOfUnion<T> = T extends T ? keyof T : never;
+
+export function ofType<T>(obj: T): T {
+    return obj;
+}
+
+export function firstOrFail<T>(xs: T[]) {
+    const x = xs[0];
+    if (x === undefined) {
+        throw new Error();
+    } else {
+        return x;
+    }
+}
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
index a356ac3d..031dc2cf 100644
--- a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -4,20 +4,22 @@ import { ConfirmationDialog, MultiSelector } from "@eyeseetea/d2-ui-components";
 import { makeStyles } from "@material-ui/core";
 
 import { Id, NamedRef } from "../../../domain/entities/ReferenceObject";
-import { Template } from "../../../domain/entities/Template";
+import { CustomTemplate } from "../../../domain/entities/Template";
 import i18n from "../../../locales";
 import { useAppContext } from "../../contexts/app-context";
 import { getSelectOptionsFromNamedRefs, modelToSelectOption } from "../../utils/refs";
 import { Select, SelectOption } from "../select/Select";
 import { SettingsFieldsProps } from "./SettingsFields";
+import { autogeneratedTemplateId } from "../../../domain/entities/DataFormTemplate";
 
 export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
     title: string;
     onClose: () => void;
+    customTemplates: CustomTemplate[];
 }
 
 export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps): React.ReactElement {
-    const { title, onClose, settings, onChange } = props;
+    const { title, onClose, settings, onChange, customTemplates } = props;
     const { d2, compositionRoot } = useAppContext();
     const classes = useStyles();
 
@@ -33,8 +35,15 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
     }, [compositionRoot]);
 
     useEffect(() => {
-        compositionRoot.templates.getCustom().then(setTemplates);
-    }, [compositionRoot]);
+        const autogeneratedTemplate: NamedRef = { name: i18n.t("Autogenerated"), id: autogeneratedTemplateId };
+
+        const templateOptions = _(customTemplates)
+            .map(template => _.pick(template, ["id", "name"]))
+            .concat([autogeneratedTemplate])
+            .value();
+
+        setTemplates(templateOptions);
+    }, [customTemplates]);
 
     const selectItem = useCallback(
         ({ value }: SelectOption) => {
diff --git a/src/webapp/components/settings/PermissionsDialog.tsx b/src/webapp/components/settings/PermissionsDialog.tsx
index 98000628..9ecb853a 100644
--- a/src/webapp/components/settings/PermissionsDialog.tsx
+++ b/src/webapp/components/settings/PermissionsDialog.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import {
     ConfirmationDialog,
     ConfirmationDialogProps,
@@ -9,29 +10,35 @@ import { Checkbox, FormControlLabel } from "@material-ui/core";
 import { useCallback, useState } from "react";
 import i18n from "../../../locales";
 import { D2Api } from "../../../types/d2-api";
+import { ofType } from "../../../types/utils";
 import { useAppContext } from "../../contexts/app-context";
 import { PermissionSetting, PermissionType } from "../../logic/settings";
 import { SettingsFieldsProps } from "./SettingsFields";
 
-interface PermissionsDialogProps extends SettingsFieldsProps {
+export interface PermissionsDialogProps extends SettingsFieldsProps {
     onClose: () => void;
     permissionsType: PermissionSetting;
 }
 
+function getTranslations() {
+    return {
+        permissionType: ofType<Record<PermissionSetting, string>>({
+            generation: i18n.t("Access to Template Generation"),
+            import: i18n.t("Access to Import Data"),
+            settings: i18n.t("Access to Settings and Themes"),
+            templates: i18n.t("Access to Templates"),
+        }),
+    };
+}
+
 export function PermissionsDialog({ onClose, permissionsType, settings, onChange }: PermissionsDialogProps) {
     const { api } = useAppContext();
     const search = useCallback((query: string) => searchUsers(api, query), [api]);
     const [dialogProps, updateDialog] = useState<ConfirmationDialogProps | null>(null);
+    const t = React.useMemo(getTranslations, []);
 
     const buildMetaObject = useCallback(
         (setting: PermissionSetting) => {
-            const displayName =
-                setting === "generation"
-                    ? i18n.t("Access to Template Generation")
-                    : setting === "import"
-                    ? i18n.t("Access to Import Data")
-                    : i18n.t("Access to Settings and Themes");
-
             const buildSharings = (type: PermissionType) =>
                 settings.getPermissions(setting, type).map(({ id, name }) => ({ id, displayName: name, access: "" }));
 
@@ -42,7 +49,7 @@ export function PermissionsDialog({ onClose, permissionsType, settings, onChange
                 },
                 object: {
                     id: "",
-                    displayName,
+                    displayName: t.permissionType[setting],
                     externalAccess: false,
                     publicAccess: "",
                     userAccesses: buildSharings("user"),
@@ -50,7 +57,7 @@ export function PermissionsDialog({ onClose, permissionsType, settings, onChange
                 },
             };
         },
-        [settings]
+        [settings, t]
     );
 
     const onUpdateSharingOptions = useCallback(
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 5aaf95c3..585d7b06 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -19,20 +19,26 @@ import { DuplicateDataElementsFilterDialog } from "./DuplicateDataElementsFilter
 import { DataFormTemplateAssignDialog } from "./DataFormTemplateAssignDialog";
 import { PermissionsDialog } from "./PermissionsDialog";
 import { ProgramStageFilterDialog } from "./ProgramStageFilterDialog";
+import { TemplatesDialog } from "./TemplatesDialog";
+import { RouteComponentProps } from "../../pages/Router";
+
+type CustomTemplatesProps = Pick<RouteComponentProps, "customTemplates" | "setCustomTemplates">;
 
 export interface SettingsFieldsProps {
     settings: Settings;
-    onChange: (settings: Settings) => Promise<void>;
+    onChange: (settings: Settings) => void;
 }
 
-export default function SettingsFields({ settings, onChange }: SettingsFieldsProps) {
+export default function SettingsFields(props: SettingsFieldsProps & CustomTemplatesProps) {
+    const { settings, onChange, customTemplates, setCustomTemplates } = props;
     const classes = useStyles();
 
     const [permissionsType, setPermissionsType] = useState<PermissionSetting | null>(null);
     const [isExclusionDialogVisible, showExclusionDialog] = useState<boolean>(false);
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
-    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(true);
+    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
+    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
@@ -174,6 +180,18 @@ export default function SettingsFields({ settings, onChange }: SettingsFieldsPro
                     onClose={() => showModuleTemplateDialog(false)}
                     settings={settings}
                     onChange={onChange}
+                    customTemplates={customTemplates}
+                />
+            )}
+
+            {isCustomTemplatesDialogVisible && (
+                <TemplatesDialog
+                    title={i18n.t("Templates")}
+                    onClose={() => showCustomTemplatesDialog(false)}
+                    settings={settings}
+                    onChange={onChange}
+                    customTemplates={customTemplates}
+                    setCustomTemplates={setCustomTemplates}
                 />
             )}
 
@@ -272,14 +290,16 @@ export default function SettingsFields({ settings, onChange }: SettingsFieldsPro
                     />
                 </ListItem>
 
-                <ListItem button onClick={() => showProgramStageFilterDialog(true)}>
+                <ListItem button onClick={() => showCustomTemplatesDialog(true)}>
                     <ListItemIcon>
-                        <Icon>Templates</Icon>
+                        <Icon>description</Icon>
                     </ListItemIcon>
 
                     <ListItemText
-                        primary={i18n.t("Custom Templates")}
-                        secondary={i18n.t("Create, edit, and configure permissions for custom templates")}
+                        primary={i18n.t("Templates")}
+                        secondary={i18n.t(
+                            "Create, edit, and configure permissions for autogenerated and custom templates"
+                        )}
                     />
                 </ListItem>
             </div>
diff --git a/src/webapp/components/settings/TemplateEditDialog.tsx b/src/webapp/components/settings/TemplateEditDialog.tsx
new file mode 100644
index 00000000..edb063cd
--- /dev/null
+++ b/src/webapp/components/settings/TemplateEditDialog.tsx
@@ -0,0 +1,186 @@
+import { makeStyles, TextField, Typography } from "@material-ui/core";
+import { ConfirmationDialog } from "@eyeseetea/d2-ui-components";
+import { ChangeEvent, useCallback, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { Theme, ThemeableSections } from "../../../domain/entities/Theme";
+import i18n from "../../../locales";
+import { toBase64 } from "../../../utils/files";
+import { generatorOriginalPalette } from "../../utils/colors";
+import { ColorPicker } from "../color-picker/ColorPicker";
+import { ColorScaleSelect } from "../color-scale/ColorScaleSelect";
+import { Select, SelectOption } from "../select/Select";
+
+interface ThemeEditDialogProps {
+    type: "new" | "edit";
+    theme?: Theme;
+    onSave: (theme: Theme) => void;
+    onCancel: () => void;
+}
+
+export default function ThemeEditDialog({ type, theme: editTheme, onSave, onCancel }: ThemeEditDialogProps) {
+    const classes = useStyles();
+    const [theme, updateTheme] = useState<Theme>(editTheme ?? new Theme());
+
+    const defaultColorOption = theme.palette.length > 1 ? "pattern" : "fixed";
+    const [colorOption, setColorOption] = useState<string>(defaultColorOption);
+
+    const onDrop = useCallback(async ([file]: File[]) => {
+        if (!file) return;
+        const src = await toBase64(file);
+        updateTheme(theme => theme.updatePicture("logo", { name: file.name, src }));
+    }, []);
+
+    const { getRootProps, getInputProps } = useDropzone({
+        onDrop,
+        accept: "image/jpeg, image/png",
+    });
+
+    const title = type === "edit" ? i18n.t("Edit theme") : i18n.t("New theme");
+
+    const updateName = (event: ChangeEvent<HTMLInputElement>) => {
+        const name = event.target.value;
+        updateTheme(theme => theme.setName(name));
+    };
+
+    const updatePalette = (newColors: string | string[]) => {
+        const palette = [newColors].flat();
+        updateTheme(theme => theme.updateColorPalette(palette));
+    };
+
+    const updateSection = (field: ThemeableSections) => {
+        return (event: ChangeEvent<HTMLInputElement>) => {
+            const text = event.target.value;
+
+            // TODO: This should be configurable from the UI
+            const fontSize = field === "title" ? 22 : 12;
+            const italic = field === "subtitle";
+
+            updateTheme(theme => theme.updateSection(field, text ? { text, fontSize, italic } : undefined));
+        };
+    };
+
+    const saveTheme = () => onSave(theme);
+
+    const changeColorOption = ({ value }: SelectOption) => {
+        const fixedColor = theme.palette[0];
+        if (!fixedColor) return;
+
+        const defaultPalette = generatorOriginalPalette["default"][9];
+        const palette = theme.palette.length > 1 ? theme.palette : defaultPalette;
+
+        updatePalette(value === "fixed" ? [fixedColor] : palette);
+        setColorOption(value);
+    };
+
+    return (
+        <ConfirmationDialog
+            isOpen={true}
+            title={title}
+            onSave={saveTheme}
+            onCancel={onCancel}
+            maxWidth={"lg"}
+            fullWidth={true}
+        >
+            <div className={classes.group}>
+                <TextField
+                    className={classes.text}
+                    label={i18n.t("Theme name")}
+                    required={true}
+                    fullWidth={true}
+                    value={theme.name ?? ""}
+                    onChange={updateName}
+                />
+            </div>
+
+            <div className={classes.group} style={{ marginBottom: 5 }}>
+                <Typography variant="h6">{i18n.t("Colors")}</Typography>
+                <div className={classes.colorOptions}>
+                    <div className={classes.colorOptionsPicker}>
+                        <Select
+                            placeholder={i18n.t("Color options")}
+                            options={colorPickerOptions}
+                            value={colorOption}
+                            onChange={changeColorOption}
+                        />
+                    </div>
+
+                    {theme.palette.length > 1 ? (
+                        <ColorScaleSelect
+                            selected={theme.palette}
+                            onChange={updatePalette}
+                            additionalPalettes={generatorOriginalPalette}
+                        />
+                    ) : (
+                        <ColorPicker
+                            color={theme.palette[0]}
+                            onChange={updatePalette}
+                            width={34}
+                            height={36}
+                            disableArrow={true}
+                        />
+                    )}
+                </div>
+            </div>
+
+            <div className={classes.group}>
+                <Typography variant="h6">{i18n.t("Headings")}</Typography>
+                <TextField
+                    className={classes.text}
+                    label={i18n.t("Title text")}
+                    fullWidth={true}
+                    multiline={true}
+                    value={theme.sections?.title?.text ?? ""}
+                    onChange={updateSection("title")}
+                />
+                <TextField
+                    className={classes.text}
+                    label={i18n.t("Subtitle text")}
+                    fullWidth={true}
+                    multiline={true}
+                    value={theme.sections?.subtitle?.text ?? ""}
+                    onChange={updateSection("subtitle")}
+                />
+            </div>
+
+            <div className={classes.group}>
+                <Typography variant="h6">{i18n.t("Logo")}</Typography>
+                <div {...getRootProps({ className: classes.dropzone })}>
+                    <input {...getInputProps()} />
+                    {theme.pictures?.logo?.name ?? <p>{i18n.t("Drag and drop logo file")}</p>}
+                </div>
+            </div>
+        </ConfirmationDialog>
+    );
+}
+
+const useStyles = makeStyles({
+    group: { marginBottom: 25, marginLeft: 0 },
+    text: { marginTop: 8 },
+    colorOptions: { marginTop: 12, marginBottom: 0, display: "flex" },
+    colorOptionsPicker: { width: "20%", marginRight: 30 },
+    dropzone: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column" as const,
+        alignItems: "center",
+        padding: 20,
+        margin: 8,
+        borderWidth: 2,
+        borderRadius: 2,
+        borderColor: "#c8c8c8",
+        borderStyle: "dashed",
+        backgroundColor: "#f0f0f0",
+        cursor: "pointer",
+    },
+});
+
+const colorPickerOptions = [
+    {
+        label: i18n.t("Pattern"),
+        value: "pattern",
+    },
+    {
+        label: i18n.t("Fixed"),
+        value: "fixed",
+    },
+];
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
new file mode 100644
index 00000000..88edb44f
--- /dev/null
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -0,0 +1,209 @@
+import {
+    ConfirmationDialog,
+    ObjectsTable,
+    TableAction,
+    TableColumn,
+    TableSelection,
+    TableState,
+    useLoading,
+    useSnackbar,
+} from "@eyeseetea/d2-ui-components";
+import { Button, Icon } from "@material-ui/core";
+import _ from "lodash";
+import React, { useState } from "react";
+import i18n from "../../../locales";
+import { RouteComponentProps } from "../../pages/Router";
+import { promiseMap } from "../../../utils/promises";
+import { CustomTemplate } from "../../../domain/entities/Template";
+import { PermissionsDialog } from "./PermissionsDialog";
+import { firstOrFail } from "../../../types/utils";
+
+interface WarningDialog {
+    title?: string;
+    description?: string;
+    action?: () => void;
+}
+
+export interface TemplateRow {
+    id: string;
+    name: string;
+    type: "custom" | "autogenerated";
+    description: string;
+}
+
+type TemplateListTableProps = Pick<
+    RouteComponentProps,
+    "settings" | "setSettings" | "customTemplates" | "setCustomTemplates"
+>;
+
+type FormState = { type: "edit" | "new"; template?: CustomTemplate };
+
+export default function TemplateListTable(props: TemplateListTableProps) {
+    const { settings, setSettings, customTemplates, setCustomTemplates } = props;
+    const snackbar = useSnackbar();
+    const loading = useLoading();
+
+    const [selection, setSelection] = useState<TableSelection[]>([]);
+    const [customTemplateEdit, setCustomTemplateEdit] = useState<FormState>();
+    const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
+
+    const rows = buildCustomTemplateRow(customTemplates);
+
+    const newTemplate = () => {
+        setCustomTemplateEdit({ type: "new" });
+    };
+
+    const closeEdit = () => {
+        setCustomTemplateEdit(undefined);
+    };
+
+    const save = async (customTemplate: CustomTemplate) => {
+        try {
+            loading.show();
+            //const errors = await compositionRoot.templates.save(customTemplate);
+            const errors: string[] = []; // TODO
+            if (errors.length === 0) {
+                closeEdit();
+                setCustomTemplates(_.uniqBy([customTemplate, ...customTemplates], "id"));
+            } else {
+                snackbar.error(errors.join("\n"));
+            }
+        } catch (error) {
+            console.error(error);
+            snackbar.error(i18n.t("An error ocurred while saving custom template"));
+        }
+        loading.hide();
+    };
+
+    const edit = (ids: string[]) => {
+        const template = customTemplates.find(row => row.id === ids[0]);
+        if (template) setCustomTemplateEdit({ type: "edit", template: template });
+    };
+
+    const deleteTemplates = (ids: string[]) => {
+        setWarningDialog({
+            title: i18n.t("Delete {{count}} templates", { count: ids.length }),
+            description: i18n.t("Are you sure you want to remove selected templates"),
+            action: async () => {
+                loading.show();
+                await promiseMap(ids, _id => {
+                    //return compositionRoot.themes.delete(id);
+                    return Promise.resolve(undefined);
+                });
+                setSelection([]);
+                setCustomTemplates(_.reject(customTemplates, ({ id }) => ids.includes(id)));
+                loading.hide();
+            },
+        });
+    };
+
+    const closeWarningDialog = () => setWarningDialog(null);
+
+    const columns: TableColumn<TemplateRow>[] = [
+        { name: "name", text: i18n.t("Name") },
+        { name: "description", text: i18n.t("Description") },
+        {
+            name: "type",
+            text: i18n.t("Type"),
+            getValue: row => (row.type === "custom" ? i18n.t("Custom") : i18n.t("Autogenerated")),
+        },
+    ];
+
+    const actions: TableAction<TemplateRow>[] = [
+        {
+            name: "sharing",
+            text: i18n.t("Sharing Settings"),
+            primary: false,
+            onClick: selectedIds => setSettingsState({ type: "open", id: firstOrFail(selectedIds) }),
+            icon: <Icon>share</Icon>,
+        },
+        {
+            name: "edit",
+            text: i18n.t("Edit"),
+            primary: true,
+            onClick: edit,
+            icon: <Icon>edit</Icon>,
+        },
+        {
+            name: "delete",
+            text: i18n.t("Delete"),
+            onClick: deleteTemplates,
+            icon: <Icon>delete</Icon>,
+        },
+    ];
+
+    const onTableChange = ({ selection }: TableState<TemplateRow>) => {
+        setSelection(selection);
+    };
+
+    type SettingsState = { type: "closed" } | { type: "open"; id: string };
+    const [settingsState, setSettingsState] = useState<SettingsState>({ type: "closed" });
+
+    const closeSettings = React.useCallback(() => {
+        setSettingsState({ type: "closed" });
+    }, []);
+
+    return (
+        <React.Fragment>
+            {warningDialog && (
+                <ConfirmationDialog
+                    isOpen={true}
+                    title={warningDialog.title}
+                    description={warningDialog.description}
+                    saveText={i18n.t("Ok")}
+                    onSave={() => {
+                        if (warningDialog.action) warningDialog.action();
+                        setWarningDialog(null);
+                    }}
+                    onCancel={closeWarningDialog}
+                />
+            )}
+
+            {settingsState.type === "open" && (
+                <PermissionsDialog
+                    onClose={closeSettings}
+                    permissionsType="templates"
+                    settings={settings}
+                    onChange={setSettings}
+                />
+            )}
+
+            {/*!!customTemplateEdit && (
+                <CustomTemplateDialog
+                    type={customTemplateEdit.type}
+                    theme={customTemplateEdit.theme}
+                    onSave={saveTheme}
+                    onCancel={closeThemeEdit}
+                />
+            ) */}
+
+            <ObjectsTable<TemplateRow>
+                rows={rows}
+                columns={columns}
+                actions={actions}
+                selection={selection}
+                onChange={onTableChange}
+                filterComponents={
+                    <Button variant="contained" color="primary" onClick={newTemplate} disableElevation>
+                        {i18n.t("Create template")}
+                    </Button>
+                }
+            />
+        </React.Fragment>
+    );
+}
+
+function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[] {
+    return _(customTemplates)
+        .flatMap(({ id, name, description }) => {
+            const customRow: TemplateRow = { type: "custom", id, name, description };
+            const autogeneratedRow: TemplateRow = {
+                ...customRow,
+                id: "autogenerated-customRow.id",
+                type: "autogenerated",
+                description: "",
+            };
+            return [customRow, autogeneratedRow];
+        })
+        .value();
+}
diff --git a/src/webapp/components/settings/TemplatesDialog.tsx b/src/webapp/components/settings/TemplatesDialog.tsx
new file mode 100644
index 00000000..07d5646c
--- /dev/null
+++ b/src/webapp/components/settings/TemplatesDialog.tsx
@@ -0,0 +1,34 @@
+import { ConfirmationDialog } from "@eyeseetea/d2-ui-components";
+import i18n from "../../../locales";
+import { SettingsFieldsProps } from "./SettingsFields";
+import TemplateListTable from "./TemplateListTable";
+import { RouteComponentProps } from "../../pages/Router";
+
+type CustomTemplatesProps = Pick<RouteComponentProps, "customTemplates" | "setCustomTemplates">;
+
+export interface TemplateDialogProps extends SettingsFieldsProps, CustomTemplatesProps {
+    title: string;
+    onClose: () => void;
+}
+
+export function TemplatesDialog(props: TemplateDialogProps): React.ReactElement {
+    const { title, onClose, settings, onChange, customTemplates, setCustomTemplates } = props;
+
+    return (
+        <ConfirmationDialog
+            isOpen={true}
+            title={title}
+            maxWidth="lg"
+            fullWidth={true}
+            onCancel={onClose}
+            cancelText={i18n.t("Close")}
+        >
+            <TemplateListTable
+                customTemplates={customTemplates}
+                setCustomTemplates={setCustomTemplates}
+                settings={settings}
+                setSettings={onChange}
+            />
+        </ConfirmationDialog>
+    );
+}
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index a0c2e967..718aaaa5 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -2,8 +2,6 @@ import _ from "lodash";
 import { CompositionRoot } from "../../CompositionRoot";
 import {
     AppSettings,
-    autogeneratedTemplateId,
-    DataFormTemplate,
     DataSetDataElementsFilter,
     DuplicateExclusion,
     DuplicateToleranceUnit,
@@ -13,6 +11,7 @@ import {
     ProgramStageFilter,
     ProgramStagePopulateEventsForEveryTei,
 } from "../../domain/entities/AppSettings";
+import { autogeneratedTemplateId, DataFormTemplate } from "../../domain/entities/DataFormTemplate";
 import {
     DataElementDisaggregated,
     DataElementDisaggregatedId,
@@ -45,7 +44,7 @@ const allFields = [...privateFields, ...publicFields];
 type Options = Pick<Settings, GetArrayInnerType<typeof allFields>>;
 type PublicOption = Pick<Options, GetArrayInnerType<typeof publicFields>>;
 
-export type PermissionSetting = "generation" | "settings" | "import";
+export type PermissionSetting = "generation" | "settings" | "import" | "templates";
 export type PermissionType = "user" | "userGroup";
 
 interface CurrentUser extends Ref {
@@ -136,6 +135,7 @@ export default class Settings {
             generation: await buildPermission("generation"),
             import: await buildPermission("import"),
             settings: await buildPermission("settings"),
+            templates: await buildPermission("templates"),
         };
 
         return new Settings({
@@ -189,9 +189,11 @@ export default class Settings {
             permissionsForGeneration: buildPermissions("generation"),
             permissionsForSettings: buildPermissions("settings"),
             permissionsForImport: buildPermissions("import"),
+            permissionsForTemplates: buildPermissions("templates"),
             allPermissionsForSettings: permissions.settings.type === "all",
             allPermissionsForGeneration: permissions.generation.type === "all",
             allPermissionsForImport: permissions.import.type === "all",
+            allPermissionsForTemplates: permissions.templates.type === "all",
             orgUnitSelection,
             duplicateEnabled,
             duplicateExclusion,
@@ -434,8 +436,8 @@ function mapPermissionSettingToConfig(prop: PermissionSetting) {
             return "permissionsForImport";
         case "settings":
             return "permissionsForSettings";
-        default:
-            throw new Error(`Unknown type ${prop} to map as permission setting`);
+        case "templates":
+            return "permissionsForTemplates";
     }
 }
 
@@ -447,7 +449,7 @@ function mapPermissionSettingToAllConfig(prop: PermissionSetting) {
             return "allPermissionsForImport";
         case "settings":
             return "allPermissionsForSettings";
-        default:
-            throw new Error(`Unknown type ${prop} to map as all permission setting`);
+        case "templates":
+            return "allPermissionsForTemplates";
     }
 }
diff --git a/src/webapp/pages/Router.tsx b/src/webapp/pages/Router.tsx
index 44ed2a0b..17620f2f 100644
--- a/src/webapp/pages/Router.tsx
+++ b/src/webapp/pages/Router.tsx
@@ -14,12 +14,15 @@ import ImportTemplatePage from "./import-template/ImportTemplatePage";
 import SettingsPage from "./settings/SettingsPage";
 import ThemesPage from "./themes/ThemesPage";
 import BlankTemplatePage from "./blank-template/BlankTemplatePage";
+import { CustomTemplate } from "../../domain/entities/Template";
 
 export interface RouteComponentProps {
     settings: Settings;
     setSettings: (settings: Settings) => void;
     themes: Theme[];
     setThemes: (themes: Theme[]) => void;
+    customTemplates: CustomTemplate[];
+    setCustomTemplates: (customTemplates: CustomTemplate[]) => void;
 }
 
 export interface AppRoute {
@@ -41,6 +44,7 @@ export const Router: React.FC = React.memo(() => {
     const [isOpen, setOpen] = useState(true);
     const [settings, setSettings] = useState<Settings>();
     const [themes, setThemes] = useState<Theme[]>([]);
+    const [customTemplates, setCustomTemplates] = useState<CustomTemplate[]>([]);
 
     useEffect(() => {
         Settings.build(api, compositionRoot)
@@ -52,6 +56,10 @@ export const Router: React.FC = React.memo(() => {
         compositionRoot.themes.list().then(setThemes);
     }, [compositionRoot]);
 
+    useEffect(() => {
+        compositionRoot.templates.getCustom().then(setCustomTemplates);
+    }, [compositionRoot]);
+
     const routes: AppRoute[] = useMemo(
         () => [
             {
@@ -132,6 +140,8 @@ export const Router: React.FC = React.memo(() => {
                                         themes,
                                         setSettings,
                                         setThemes,
+                                        customTemplates,
+                                        setCustomTemplates,
                                     })}
                                 />
                             ))}
diff --git a/src/webapp/pages/settings/SettingsPage.tsx b/src/webapp/pages/settings/SettingsPage.tsx
index 0e1ee564..e5991f92 100644
--- a/src/webapp/pages/settings/SettingsPage.tsx
+++ b/src/webapp/pages/settings/SettingsPage.tsx
@@ -5,7 +5,12 @@ import SettingsFields, { SettingsFieldsProps } from "../../components/settings/S
 import { useAppContext } from "../../contexts/app-context";
 import { RouteComponentProps } from "../Router";
 
-export default function SettingsPage({ settings, setSettings }: RouteComponentProps) {
+type CustomTemplatesProps = Pick<RouteComponentProps, "customTemplates" | "setCustomTemplates">;
+
+type SettingsPageProps = RouteComponentProps & CustomTemplatesProps;
+
+export default function SettingsPage(props: SettingsPageProps) {
+    const { settings, setSettings, customTemplates, setCustomTemplates } = props;
     const snackbar = useSnackbar();
     const { compositionRoot } = useAppContext();
 
@@ -23,5 +28,12 @@ export default function SettingsPage({ settings, setSettings }: RouteComponentPr
         [setSettings, snackbar, compositionRoot]
     );
 
-    return <SettingsFields settings={settings} onChange={save} />;
+    return (
+        <SettingsFields
+            settings={settings}
+            onChange={save}
+            customTemplates={customTemplates}
+            setCustomTemplates={setCustomTemplates}
+        />
+    );
 }

From 59c3a2d05b7b2f125e2d885c3c639ee2f74f7610 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 09:30:44 +0200
Subject: [PATCH 08/37] Update i18n

---
 i18n/en.pot | 142 +++++++++++++++++++++++++++++-------------------
 i18n/es.po  | 152 ++++++++++++++++++++++++++++++++-------------------
 i18n/fr.po  | 152 ++++++++++++++++++++++++++++++++-------------------
 i18n/pt.po  | 152 ++++++++++++++++++++++++++++++++-------------------
 i18n/ru.po  | 154 +++++++++++++++++++++++++++++++++-------------------
 5 files changed, 467 insertions(+), 285 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 3e5d1fc0..645fa1f6 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
-"PO-Revision-Date: 2022-03-31T12:59:15.625Z\n"
+"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
+"PO-Revision-Date: 2022-04-04T12:06:50.406Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -123,6 +123,9 @@ msgid ""
 "update the app."
 msgstr ""
 
+msgid "Autogenerated"
+msgstr ""
+
 msgid "Close"
 msgstr ""
 
@@ -156,6 +159,9 @@ msgstr ""
 msgid "Access to Settings and Themes"
 msgstr ""
 
+msgid "Access to Templates"
+msgstr ""
+
 msgid "Access Permissions confirmation"
 msgstr ""
 
@@ -236,6 +242,9 @@ msgstr ""
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
+msgid "Templates"
+msgstr ""
+
 msgid "Data model"
 msgstr ""
 
@@ -268,10 +277,9 @@ msgstr ""
 msgid "Templates (autogenerated and custom) available for each dataset or program"
 msgstr ""
 
-msgid "Custom Templates"
-msgstr ""
-
-msgid "Create, edit, and configure permissions for custom templates"
+msgid ""
+"Create, edit, and configure permissions for autogenerated and custom "
+"templates"
 msgstr ""
 
 msgid "Event date time difference for events (programs)"
@@ -286,9 +294,80 @@ msgstr ""
 msgid "Permissions"
 msgstr ""
 
+msgid "Edit theme"
+msgstr ""
+
+msgid "New theme"
+msgstr ""
+
+msgid "Theme name"
+msgstr ""
+
+msgid "Colors"
+msgstr ""
+
+msgid "Color options"
+msgstr ""
+
+msgid "Headings"
+msgstr ""
+
+msgid "Title text"
+msgstr ""
+
+msgid "Subtitle text"
+msgstr ""
+
+msgid "Logo"
+msgstr ""
+
+msgid "Drag and drop logo file"
+msgstr ""
+
+msgid "Pattern"
+msgstr ""
+
+msgid "Fixed"
+msgstr ""
+
+msgid "An error ocurred while saving custom template"
+msgstr ""
+
+msgid "Delete {{count}} templates"
+msgid_plural "Delete {{count}} templates"
+msgstr[0] ""
+msgstr[1] ""
+
+msgid "Are you sure you want to remove selected templates"
+msgstr ""
+
+msgid "Name"
+msgstr ""
+
+msgid "Description"
+msgstr ""
+
 msgid "Type"
 msgstr ""
 
+msgid "Custom"
+msgstr ""
+
+msgid "Sharing Settings"
+msgstr ""
+
+msgid "Edit"
+msgstr ""
+
+msgid "Delete"
+msgstr ""
+
+msgid "Ok"
+msgstr ""
+
+msgid "Create template"
+msgstr ""
+
 msgid "Imported"
 msgstr ""
 
@@ -313,9 +392,6 @@ msgstr ""
 msgid "Synchronization Results"
 msgstr ""
 
-msgid "Ok"
-msgstr ""
-
 msgid "Status"
 msgstr ""
 
@@ -412,42 +488,6 @@ msgstr ""
 msgid "End date"
 msgstr ""
 
-msgid "Edit theme"
-msgstr ""
-
-msgid "New theme"
-msgstr ""
-
-msgid "Theme name"
-msgstr ""
-
-msgid "Colors"
-msgstr ""
-
-msgid "Color options"
-msgstr ""
-
-msgid "Headings"
-msgstr ""
-
-msgid "Title text"
-msgstr ""
-
-msgid "Subtitle text"
-msgstr ""
-
-msgid "Logo"
-msgstr ""
-
-msgid "Drag and drop logo file"
-msgstr ""
-
-msgid "Pattern"
-msgstr ""
-
-msgid "Fixed"
-msgstr ""
-
 msgid "An error ocurred while saving theme"
 msgstr ""
 
@@ -459,21 +499,12 @@ msgstr[1] ""
 msgid "Are you sure you want to remove selected themes"
 msgstr ""
 
-msgid "Name"
-msgstr ""
-
 msgid "Title"
 msgstr ""
 
 msgid "Subtitle"
 msgstr ""
 
-msgid "Edit"
-msgstr ""
-
-msgid "Delete"
-msgstr ""
-
 msgid "Create theme"
 msgstr ""
 
@@ -512,9 +543,6 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 msgid "Value Type"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index 408389d0..b3556b01 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
+"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -140,6 +140,9 @@ msgstr ""
 "de la app ({{appVersion}}), no puede continuar. Póngase en contacto con el "
 "administrador para actualizar la app."
 
+msgid "Autogenerated"
+msgstr ""
+
 msgid "Close"
 msgstr "Cerrar"
 
@@ -175,6 +178,10 @@ msgstr "Acceso a la importación de datos"
 msgid "Access to Settings and Themes"
 msgstr "Acceso al área de configuración y a los temas"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Acceso a la generación de plantillas"
+
 msgid "Access Permissions confirmation"
 msgstr "Confirme los permisos de accesso"
 
@@ -260,6 +267,10 @@ msgstr "Filtro de elementos de datos y atributos de los programas"
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
+#, fuzzy
+msgid "Templates"
+msgstr "Plantilla"
+
 msgid "Data model"
 msgstr "Modelos de Datos"
 
@@ -295,11 +306,9 @@ msgid ""
 "Templates (autogenerated and custom) available for each dataset or program"
 msgstr ""
 
-#, fuzzy
-msgid "Custom Templates"
-msgstr "Plantilla"
-
-msgid "Create, edit, and configure permissions for custom templates"
+msgid ""
+"Create, edit, and configure permissions for autogenerated and custom "
+"templates"
 msgstr ""
 
 msgid "Event date time difference for events (programs)"
@@ -316,9 +325,85 @@ msgstr "Elementos de datos usados para identificar los duplicados"
 msgid "Permissions"
 msgstr "Permisos"
 
+msgid "Edit theme"
+msgstr "Editar tema"
+
+msgid "New theme"
+msgstr "Nuevo tema"
+
+msgid "Theme name"
+msgstr "Nombre del tema"
+
+msgid "Colors"
+msgstr "Colores"
+
+msgid "Color options"
+msgstr "Opciones de color"
+
+msgid "Headings"
+msgstr "Encabezamientos"
+
+msgid "Title text"
+msgstr "Título"
+
+msgid "Subtitle text"
+msgstr "Subtítulo"
+
+msgid "Logo"
+msgstr "Logo"
+
+msgid "Drag and drop logo file"
+msgstr "Mueva aquí los ficheros a importar"
+
+msgid "Pattern"
+msgstr "Patrón de colores"
+
+msgid "Fixed"
+msgstr "Fijo"
+
+#, fuzzy
+msgid "An error ocurred while saving custom template"
+msgstr "Ha ocurrido un error mientras se guardaba el tema"
+
+#, fuzzy
+msgid "Delete {{count}} templates"
+msgid_plural "Delete {{count}} templates"
+msgstr[0] "Borrar {{count}} temas"
+msgstr[1] ""
+
+#, fuzzy
+msgid "Are you sure you want to remove selected templates"
+msgstr "Esta seguro que quiere borrar los temas seleccionados"
+
+msgid "Name"
+msgstr "Nombre"
+
+msgid "Description"
+msgstr "Descripción"
+
 msgid "Type"
 msgstr "Tipo"
 
+msgid "Custom"
+msgstr ""
+
+#, fuzzy
+msgid "Sharing Settings"
+msgstr "Configuración"
+
+msgid "Edit"
+msgstr "Editar"
+
+msgid "Delete"
+msgstr "Borrar"
+
+msgid "Ok"
+msgstr "Ok"
+
+#, fuzzy
+msgid "Create template"
+msgstr "Crear tema"
+
 msgid "Imported"
 msgstr "Importados"
 
@@ -343,9 +428,6 @@ msgstr "Mensaje"
 msgid "Synchronization Results"
 msgstr "Resultados de la sincronización"
 
-msgid "Ok"
-msgstr "Ok"
-
 msgid "Status"
 msgstr "Estado"
 
@@ -442,42 +524,6 @@ msgstr "Fecha inicial"
 msgid "End date"
 msgstr "Fecha final"
 
-msgid "Edit theme"
-msgstr "Editar tema"
-
-msgid "New theme"
-msgstr "Nuevo tema"
-
-msgid "Theme name"
-msgstr "Nombre del tema"
-
-msgid "Colors"
-msgstr "Colores"
-
-msgid "Color options"
-msgstr "Opciones de color"
-
-msgid "Headings"
-msgstr "Encabezamientos"
-
-msgid "Title text"
-msgstr "Título"
-
-msgid "Subtitle text"
-msgstr "Subtítulo"
-
-msgid "Logo"
-msgstr "Logo"
-
-msgid "Drag and drop logo file"
-msgstr "Mueva aquí los ficheros a importar"
-
-msgid "Pattern"
-msgstr "Patrón de colores"
-
-msgid "Fixed"
-msgstr "Fijo"
-
 msgid "An error ocurred while saving theme"
 msgstr "Ha ocurrido un error mientras se guardaba el tema"
 
@@ -489,21 +535,12 @@ msgstr[1] ""
 msgid "Are you sure you want to remove selected themes"
 msgstr "Esta seguro que quiere borrar los temas seleccionados"
 
-msgid "Name"
-msgstr "Nombre"
-
 msgid "Title"
 msgstr "Título"
 
 msgid "Subtitle"
 msgstr "Subtítulo"
 
-msgid "Edit"
-msgstr "Editar"
-
-msgid "Delete"
-msgstr "Borrar"
-
 msgid "Create theme"
 msgstr "Crear tema"
 
@@ -544,9 +581,6 @@ msgstr "Fecha de inscripción"
 msgid "Incident Date"
 msgstr "Fecha del incidente"
 
-msgid "Description"
-msgstr "Descripción"
-
 msgid "Value Type"
 msgstr "Tipo de valor"
 
@@ -742,3 +776,7 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configuración guardada"
+
+#, fuzzy
+#~ msgid "Custom Templates"
+#~ msgstr "Plantilla"
diff --git a/i18n/fr.po b/i18n/fr.po
index d77791ba..6a0a68e0 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
+"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -123,6 +123,9 @@ msgid ""
 "update the app."
 msgstr ""
 
+msgid "Autogenerated"
+msgstr ""
+
 msgid "Close"
 msgstr "Fermer"
 
@@ -158,6 +161,10 @@ msgstr "Accès à l'import de données"
 msgid "Access to Settings and Themes"
 msgstr "Accès aux Paramètres et aux Thèmes"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Accès à la génération de modèles"
+
 msgid "Access Permissions confirmation"
 msgstr ""
 
@@ -242,6 +249,10 @@ msgstr ""
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
+#, fuzzy
+msgid "Templates"
+msgstr "Modèle"
+
 msgid "Data model"
 msgstr "Modèle de données"
 
@@ -275,11 +286,9 @@ msgid ""
 "Templates (autogenerated and custom) available for each dataset or program"
 msgstr ""
 
-#, fuzzy
-msgid "Custom Templates"
-msgstr "Modèle"
-
-msgid "Create, edit, and configure permissions for custom templates"
+msgid ""
+"Create, edit, and configure permissions for autogenerated and custom "
+"templates"
 msgstr ""
 
 msgid "Event date time difference for events (programs)"
@@ -294,9 +303,85 @@ msgstr "Éléments de données utilisés pour l'identification des doublons"
 msgid "Permissions"
 msgstr "Autorisations"
 
+msgid "Edit theme"
+msgstr "Modifier le thème"
+
+msgid "New theme"
+msgstr "Nouveau thème"
+
+msgid "Theme name"
+msgstr "Nom du thème"
+
+msgid "Colors"
+msgstr "Couleurs"
+
+msgid "Color options"
+msgstr "Options de couleurs"
+
+msgid "Headings"
+msgstr "En-tête du modèle"
+
+msgid "Title text"
+msgstr "Titre"
+
+msgid "Subtitle text"
+msgstr "Sous-titres"
+
+msgid "Logo"
+msgstr "Logo"
+
+msgid "Drag and drop logo file"
+msgstr "Glissez et déposez le logo ici"
+
+msgid "Pattern"
+msgstr "Modèle"
+
+msgid "Fixed"
+msgstr "Fixé"
+
+#, fuzzy
+msgid "An error ocurred while saving custom template"
+msgstr "Une erreur s'est produite lors de l'enregistrement du thème"
+
+#, fuzzy
+msgid "Delete {{count}} templates"
+msgid_plural "Delete {{count}} templates"
+msgstr[0] "Supprimer {{count}} thèmes"
+msgstr[1] ""
+
+#, fuzzy
+msgid "Are you sure you want to remove selected templates"
+msgstr "Voulez-vous vraiment supprimer les thèmes sélectionnés"
+
+msgid "Name"
+msgstr "Nom"
+
+msgid "Description"
+msgstr ""
+
 msgid "Type"
 msgstr ""
 
+msgid "Custom"
+msgstr ""
+
+#, fuzzy
+msgid "Sharing Settings"
+msgstr "Paramètres"
+
+msgid "Edit"
+msgstr "Éditer"
+
+msgid "Delete"
+msgstr "Supprimer"
+
+msgid "Ok"
+msgstr "D'accord"
+
+#, fuzzy
+msgid "Create template"
+msgstr "Créer un thème"
+
 msgid "Imported"
 msgstr "Importé"
 
@@ -321,9 +406,6 @@ msgstr ""
 msgid "Synchronization Results"
 msgstr ""
 
-msgid "Ok"
-msgstr "D'accord"
-
 msgid "Status"
 msgstr ""
 
@@ -422,42 +504,6 @@ msgstr "Date de début"
 msgid "End date"
 msgstr "Date de fin"
 
-msgid "Edit theme"
-msgstr "Modifier le thème"
-
-msgid "New theme"
-msgstr "Nouveau thème"
-
-msgid "Theme name"
-msgstr "Nom du thème"
-
-msgid "Colors"
-msgstr "Couleurs"
-
-msgid "Color options"
-msgstr "Options de couleurs"
-
-msgid "Headings"
-msgstr "En-tête du modèle"
-
-msgid "Title text"
-msgstr "Titre"
-
-msgid "Subtitle text"
-msgstr "Sous-titres"
-
-msgid "Logo"
-msgstr "Logo"
-
-msgid "Drag and drop logo file"
-msgstr "Glissez et déposez le logo ici"
-
-msgid "Pattern"
-msgstr "Modèle"
-
-msgid "Fixed"
-msgstr "Fixé"
-
 msgid "An error ocurred while saving theme"
 msgstr "Une erreur s'est produite lors de l'enregistrement du thème"
 
@@ -469,21 +515,12 @@ msgstr[1] ""
 msgid "Are you sure you want to remove selected themes"
 msgstr "Voulez-vous vraiment supprimer les thèmes sélectionnés"
 
-msgid "Name"
-msgstr "Nom"
-
 msgid "Title"
 msgstr "Titre"
 
 msgid "Subtitle"
 msgstr "Sous-titre"
 
-msgid "Edit"
-msgstr "Éditer"
-
-msgid "Delete"
-msgstr "Supprimer"
-
 msgid "Create theme"
 msgstr "Créer un thème"
 
@@ -522,9 +559,6 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 msgid "Value Type"
 msgstr ""
 
@@ -723,3 +757,7 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Paramètres sauvegardés"
+
+#, fuzzy
+#~ msgid "Custom Templates"
+#~ msgstr "Modèle"
diff --git a/i18n/pt.po b/i18n/pt.po
index 1b5b9cd6..4e211986 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
+"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -142,6 +142,9 @@ msgstr ""
 "aplicativo ({{appVersion}}), não pode continuar. Por favor contacte o "
 "administrador para actualizar a aplicação."
 
+msgid "Autogenerated"
+msgstr ""
+
 msgid "Close"
 msgstr "Fechar"
 
@@ -177,6 +180,10 @@ msgstr "Acesso aos dados de importação"
 msgid "Access to Settings and Themes"
 msgstr "Acesso a configurações e temas"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Acesso à geração de planilhas"
+
 msgid "Access Permissions confirmation"
 msgstr "Confirmação de permissões de acesso"
 
@@ -261,6 +268,10 @@ msgstr "Elemento de dados e filtro de atributos para programas"
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
+#, fuzzy
+msgid "Templates"
+msgstr "Modelo"
+
 msgid "Data model"
 msgstr "Modelo de dados"
 
@@ -296,11 +307,9 @@ msgid ""
 "Templates (autogenerated and custom) available for each dataset or program"
 msgstr ""
 
-#, fuzzy
-msgid "Custom Templates"
-msgstr "Modelo"
-
-msgid "Create, edit, and configure permissions for custom templates"
+msgid ""
+"Create, edit, and configure permissions for autogenerated and custom "
+"templates"
 msgstr ""
 
 msgid "Event date time difference for events (programs)"
@@ -315,9 +324,85 @@ msgstr "Elementos de dados usados para identificação de duplicatas"
 msgid "Permissions"
 msgstr "Permissões"
 
+msgid "Edit theme"
+msgstr "Editar tema"
+
+msgid "New theme"
+msgstr "Novo tema"
+
+msgid "Theme name"
+msgstr "Nome do tema"
+
+msgid "Colors"
+msgstr "Cores"
+
+msgid "Color options"
+msgstr "Opções de cores"
+
+msgid "Headings"
+msgstr "Cabeçalhos"
+
+msgid "Title text"
+msgstr "Texto do título"
+
+msgid "Subtitle text"
+msgstr "Texto da legenda"
+
+msgid "Logo"
+msgstr "Logotipo"
+
+msgid "Drag and drop logo file"
+msgstr "Arraste e solte o logotipo aqui"
+
+msgid "Pattern"
+msgstr "Padrão"
+
+msgid "Fixed"
+msgstr "Fixo"
+
+#, fuzzy
+msgid "An error ocurred while saving custom template"
+msgstr "Ocorreu um erro ao salvar o tema"
+
+#, fuzzy
+msgid "Delete {{count}} templates"
+msgid_plural "Delete {{count}} templates"
+msgstr[0] "Excluir {{count}} temas"
+msgstr[1] ""
+
+#, fuzzy
+msgid "Are you sure you want to remove selected templates"
+msgstr "Tem certeza de que deseja excluir os temas selecionados"
+
+msgid "Name"
+msgstr "Nome"
+
+msgid "Description"
+msgstr "Descrição"
+
 msgid "Type"
 msgstr "Tipo"
 
+msgid "Custom"
+msgstr ""
+
+#, fuzzy
+msgid "Sharing Settings"
+msgstr "Configurações"
+
+msgid "Edit"
+msgstr "Editar"
+
+msgid "Delete"
+msgstr "Excluir"
+
+msgid "Ok"
+msgstr "Ok"
+
+#, fuzzy
+msgid "Create template"
+msgstr "Criar tema"
+
 msgid "Imported"
 msgstr "Importado"
 
@@ -342,9 +427,6 @@ msgstr "Mensagem"
 msgid "Synchronization Results"
 msgstr "Resultados da Sincronização"
 
-msgid "Ok"
-msgstr "Ok"
-
 msgid "Status"
 msgstr "Estado"
 
@@ -441,42 +523,6 @@ msgstr "Data de início"
 msgid "End date"
 msgstr "Data de fim"
 
-msgid "Edit theme"
-msgstr "Editar tema"
-
-msgid "New theme"
-msgstr "Novo tema"
-
-msgid "Theme name"
-msgstr "Nome do tema"
-
-msgid "Colors"
-msgstr "Cores"
-
-msgid "Color options"
-msgstr "Opções de cores"
-
-msgid "Headings"
-msgstr "Cabeçalhos"
-
-msgid "Title text"
-msgstr "Texto do título"
-
-msgid "Subtitle text"
-msgstr "Texto da legenda"
-
-msgid "Logo"
-msgstr "Logotipo"
-
-msgid "Drag and drop logo file"
-msgstr "Arraste e solte o logotipo aqui"
-
-msgid "Pattern"
-msgstr "Padrão"
-
-msgid "Fixed"
-msgstr "Fixo"
-
 msgid "An error ocurred while saving theme"
 msgstr "Ocorreu um erro ao salvar o tema"
 
@@ -488,21 +534,12 @@ msgstr[1] ""
 msgid "Are you sure you want to remove selected themes"
 msgstr "Tem certeza de que deseja excluir os temas selecionados"
 
-msgid "Name"
-msgstr "Nome"
-
 msgid "Title"
 msgstr "Título"
 
 msgid "Subtitle"
 msgstr "Legenda"
 
-msgid "Edit"
-msgstr "Editar"
-
-msgid "Delete"
-msgstr "Excluir"
-
 msgid "Create theme"
 msgstr "Criar tema"
 
@@ -543,9 +580,6 @@ msgstr "Data de inscrição"
 msgid "Incident Date"
 msgstr "Data do Incidente"
 
-msgid "Description"
-msgstr "Descrição"
-
 msgid "Value Type"
 msgstr "Tipo de Valor"
 
@@ -743,3 +777,7 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configurações salvas"
+
+#, fuzzy
+#~ msgid "Custom Templates"
+#~ msgstr "Modelo"
diff --git a/i18n/ru.po b/i18n/ru.po
index 61d06b32..f3c99ebf 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-03-31T12:59:15.625Z\n"
+"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -142,6 +142,9 @@ msgstr ""
 "({{appVersion}}), продолжение невозможно. Пожалуйста, свяжитесь с "
 "администратором для обновления приложения."
 
+msgid "Autogenerated"
+msgstr ""
+
 msgid "Close"
 msgstr "Закрыть"
 
@@ -177,6 +180,10 @@ msgstr "Доступ к импортируемым данным"
 msgid "Access to Settings and Themes"
 msgstr "Доступ к настройкам и темам"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Доступ к генерации шаблонов"
+
 msgid "Access Permissions confirmation"
 msgstr "Подтверждение разрешений доступа"
 
@@ -261,6 +268,10 @@ msgstr "Фильтр элементов данных и атрибутов дл
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
+#, fuzzy
+msgid "Templates"
+msgstr "Шаблон"
+
 msgid "Data model"
 msgstr "Модель данных"
 
@@ -296,11 +307,9 @@ msgid ""
 "Templates (autogenerated and custom) available for each dataset or program"
 msgstr ""
 
-#, fuzzy
-msgid "Custom Templates"
-msgstr "Шаблон"
-
-msgid "Create, edit, and configure permissions for custom templates"
+msgid ""
+"Create, edit, and configure permissions for autogenerated and custom "
+"templates"
 msgstr ""
 
 msgid "Event date time difference for events (programs)"
@@ -315,9 +324,87 @@ msgstr "Элементы данных, используемые для выяв
 msgid "Permissions"
 msgstr "Разрешения"
 
+msgid "Edit theme"
+msgstr "Редактировать тему"
+
+msgid "New theme"
+msgstr "Новая тема"
+
+msgid "Theme name"
+msgstr "Название темы"
+
+msgid "Colors"
+msgstr "Цвета"
+
+msgid "Color options"
+msgstr "Варианты цветов"
+
+msgid "Headings"
+msgstr "Рубрики"
+
+msgid "Title text"
+msgstr "Текст заглавия"
+
+msgid "Subtitle text"
+msgstr "Текст субтитров"
+
+msgid "Logo"
+msgstr "Логотип"
+
+msgid "Drag and drop logo file"
+msgstr "Перетащите файл логотипа"
+
+msgid "Pattern"
+msgstr "Узор"
+
+msgid "Fixed"
+msgstr "Исправлено"
+
+#, fuzzy
+msgid "An error ocurred while saving custom template"
+msgstr "Возникла ошибка при сохранении темы"
+
+#, fuzzy
+msgid "Delete {{count}} templates"
+msgid_plural "Delete {{count}} templates"
+msgstr[0] "Удалить {{count}} темы"
+msgstr[1] ""
+msgstr[2] ""
+msgstr[3] ""
+
+#, fuzzy
+msgid "Are you sure you want to remove selected templates"
+msgstr "Вы уверены, что хотите удалить выбранные темы"
+
+msgid "Name"
+msgstr "Имя"
+
+msgid "Description"
+msgstr "Описание"
+
 msgid "Type"
 msgstr "Тип"
 
+msgid "Custom"
+msgstr ""
+
+#, fuzzy
+msgid "Sharing Settings"
+msgstr "Настройки"
+
+msgid "Edit"
+msgstr "Редактировать"
+
+msgid "Delete"
+msgstr "Удалить"
+
+msgid "Ok"
+msgstr "Хорошо"
+
+#, fuzzy
+msgid "Create template"
+msgstr "Создать тему"
+
 msgid "Imported"
 msgstr "Импортировано"
 
@@ -342,9 +429,6 @@ msgstr "Сообщение"
 msgid "Synchronization Results"
 msgstr "Результаты синхронизации"
 
-msgid "Ok"
-msgstr "Хорошо"
-
 msgid "Status"
 msgstr "Статус"
 
@@ -441,42 +525,6 @@ msgstr "Дата начала"
 msgid "End date"
 msgstr "Дата окончания"
 
-msgid "Edit theme"
-msgstr "Редактировать тему"
-
-msgid "New theme"
-msgstr "Новая тема"
-
-msgid "Theme name"
-msgstr "Название темы"
-
-msgid "Colors"
-msgstr "Цвета"
-
-msgid "Color options"
-msgstr "Варианты цветов"
-
-msgid "Headings"
-msgstr "Рубрики"
-
-msgid "Title text"
-msgstr "Текст заглавия"
-
-msgid "Subtitle text"
-msgstr "Текст субтитров"
-
-msgid "Logo"
-msgstr "Логотип"
-
-msgid "Drag and drop logo file"
-msgstr "Перетащите файл логотипа"
-
-msgid "Pattern"
-msgstr "Узор"
-
-msgid "Fixed"
-msgstr "Исправлено"
-
 msgid "An error ocurred while saving theme"
 msgstr "Возникла ошибка при сохранении темы"
 
@@ -490,21 +538,12 @@ msgstr[3] ""
 msgid "Are you sure you want to remove selected themes"
 msgstr "Вы уверены, что хотите удалить выбранные темы"
 
-msgid "Name"
-msgstr "Имя"
-
 msgid "Title"
 msgstr "Название"
 
 msgid "Subtitle"
 msgstr "Субтитр"
 
-msgid "Edit"
-msgstr "Редактировать"
-
-msgid "Delete"
-msgstr "Удалить"
-
 msgid "Create theme"
 msgstr "Создать тему"
 
@@ -545,9 +584,6 @@ msgstr "Дата зачисления"
 msgid "Incident Date"
 msgstr "Дата инцидента"
 
-msgid "Description"
-msgstr "Описание"
-
 msgid "Value Type"
 msgstr "Тип значения"
 
@@ -743,3 +779,7 @@ msgstr "Нет захвата орг единицы соответствие э
 
 msgid "Settings saved"
 msgstr "Сохранение настроек"
+
+#, fuzzy
+#~ msgid "Custom Templates"
+#~ msgstr "Шаблон"

From 347ad909135df890d7ef028f470cbd7883aae211 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 10:05:06 +0200
Subject: [PATCH 09/37] Filter custom templates by type on dataset/program
 assignment

---
 src/domain/entities/Template.ts               | 15 ++++++++++
 .../settings/DataFormTemplateAssignDialog.tsx | 30 ++++++++++++++-----
 .../components/settings/SettingsFields.tsx    |  4 +--
 3 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/domain/entities/Template.ts b/src/domain/entities/Template.ts
index 18444eb9..450b1984 100644
--- a/src/domain/entities/Template.ts
+++ b/src/domain/entities/Template.ts
@@ -1,3 +1,4 @@
+import { Maybe } from "../../types/utils";
 import { ExcelRepository } from "../repositories/ExcelRepository";
 import { InstanceRepository } from "../repositories/InstanceRepository";
 import { DataFormType } from "./DataForm";
@@ -202,3 +203,17 @@ export interface CellDataSource extends BaseDataSource {
     attribute?: CellRef | ValueRef;
     eventId?: CellRef | ValueRef;
 }
+
+interface DataFormRef {
+    type: Maybe<DataFormType>;
+    id: Maybe<string>;
+}
+
+export function getDataFormRef(template: BaseTemplate): DataFormRef {
+    const { dataFormType, dataFormId } = template;
+
+    return {
+        type: dataFormType.type === "value" ? dataFormType.id : undefined,
+        id: dataFormId.type === "value" ? dataFormId.id : undefined,
+    };
+}
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
index 031dc2cf..e3d12940 100644
--- a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -4,13 +4,14 @@ import { ConfirmationDialog, MultiSelector } from "@eyeseetea/d2-ui-components";
 import { makeStyles } from "@material-ui/core";
 
 import { Id, NamedRef } from "../../../domain/entities/ReferenceObject";
-import { CustomTemplate } from "../../../domain/entities/Template";
+import { CustomTemplate, getDataFormRef } from "../../../domain/entities/Template";
 import i18n from "../../../locales";
 import { useAppContext } from "../../contexts/app-context";
 import { getSelectOptionsFromNamedRefs, modelToSelectOption } from "../../utils/refs";
 import { Select, SelectOption } from "../select/Select";
 import { SettingsFieldsProps } from "./SettingsFields";
 import { autogeneratedTemplateId } from "../../../domain/entities/DataFormTemplate";
+import { DataForm } from "../../../domain/entities/DataForm";
 
 export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
     title: string;
@@ -23,29 +24,42 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
     const { d2, compositionRoot } = useAppContext();
     const classes = useStyles();
 
-    const [dataForms, setDataForms] = useState<NamedRef[]>([]);
-    const [selectedDataForm, setSelectedDataForm] = useState<NamedRef>();
+    const [dataForms, setDataForms] = useState<DataForm[]>([]);
+    const [selectedDataForm, setSelectedDataForm] = useState<DataForm>();
     const [templates, setTemplates] = useState<NamedRef[]>([]);
 
     useEffect(() => {
         compositionRoot.templates.list().then(({ dataSets, programs }) => {
-            const metadata = _.concat(dataSets, programs);
+            const metadata = _.sortBy(_.concat(dataSets, programs), dataForm => dataForm.name);
             setDataForms(metadata);
         });
     }, [compositionRoot]);
 
     useEffect(() => {
-        const autogeneratedTemplate: NamedRef = { name: i18n.t("Autogenerated"), id: autogeneratedTemplateId };
+        if (!selectedDataForm) return;
+
+        const autogeneratedTemplate: NamedRef = {
+            name: i18n.t("Autogenerated"),
+            id: autogeneratedTemplateId,
+        };
+
+        const selectedDataFormHasCustomTemplate = _(customTemplates).some(
+            template => getDataFormRef(template).id === selectedDataForm.id
+        );
 
         const templateOptions = _(customTemplates)
+            .filter(template => getDataFormRef(template).type === selectedDataForm.type)
+            .filter(template =>
+                selectedDataFormHasCustomTemplate ? selectedDataForm.id === getDataFormRef(template).id : true
+            )
             .map(template => _.pick(template, ["id", "name"]))
             .concat([autogeneratedTemplate])
             .value();
 
         setTemplates(templateOptions);
-    }, [customTemplates]);
+    }, [customTemplates, selectedDataForm]);
 
-    const selectItem = useCallback(
+    const selectDataForm = useCallback(
         ({ value }: SelectOption) => {
             setSelectedDataForm(dataForms.find(item => item.id === value));
         },
@@ -79,7 +93,7 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
                 <Select
                     placeholder={i18n.t("Dataset/Program")}
                     options={itemOptions}
-                    onChange={selectItem}
+                    onChange={selectDataForm}
                     value={selectedDataForm?.id ?? ""}
                 />
             </div>
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 585d7b06..baa321fa 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -37,8 +37,8 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isExclusionDialogVisible, showExclusionDialog] = useState<boolean>(false);
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
-    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(true);
+    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(true);
+    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {

From 86139fd3961948bb1c169631c61da8ab70febeca Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 11:14:09 +0200
Subject: [PATCH 10/37] Add created/lastUpdated to templates

---
 src/CompositionRoot.ts                        |  6 ++--
 src/data/D2UsersRepository.ts                 | 33 +++++++++++++++++++
 src/data/TemplateWebRepository.ts             | 13 ++++++--
 src/domain/entities/Template.ts               |  8 +++++
 src/domain/entities/User.ts                   |  6 ++++
 src/domain/repositories/ConfigRepository.ts   |  1 +
 src/domain/repositories/TemplateRepository.ts |  3 +-
 src/domain/repositories/UsersRepository.ts    |  5 +++
 ...ersistTemplatesFromStaticModulesUseCase.ts |  6 ++--
 src/domain/usecases/RunMigrationsUseCase.ts   |  9 ++---
 .../components/settings/SettingsFields.tsx    |  4 +--
 .../components/settings/TemplateListTable.tsx | 33 +++++++++++++++++--
 12 files changed, 109 insertions(+), 18 deletions(-)
 create mode 100644 src/data/D2UsersRepository.ts
 create mode 100644 src/domain/entities/User.ts
 create mode 100644 src/domain/repositories/UsersRepository.ts

diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index 1620f75f..13a2fa32 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -1,4 +1,5 @@
 import { ConfigWebRepository, JsonConfig } from "./data/ConfigWebRepository";
+import { D2UsersRepository } from "./data/D2UsersRepository";
 import { ExcelPopulateRepository } from "./data/ExcelPopulateRepository";
 import { InstanceDhisRepository } from "./data/InstanceDhisRepository";
 import { MigrationsAppRepository } from "./data/MigrationsAppRepository";
@@ -50,6 +51,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
     const templateManager: TemplateRepository = new TemplateWebRepository(storage);
     const excelReader: ExcelRepository = new ExcelPopulateRepository();
     const migrations: MigrationsRepository = new MigrationsAppRepository(storage, dhisInstance);
+    const usersRepository = new D2UsersRepository(dhisInstance);
 
     return {
         orgUnits: getExecute({
@@ -65,7 +67,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             download: new DownloadTemplateUseCase(instance, templateManager, excelReader),
             import: new ImportTemplateUseCase(instance, templateManager, excelReader),
             list: new ListDataFormsUseCase(instance),
-            persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager),
+            persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager, usersRepository),
             getCustom: new GetCustomTemplatesUseCase(templateManager),
         }),
         themes: getExecute({
@@ -82,7 +84,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             list: new ListLanguagesUseCase(instance),
         }),
         migrations: getExecute({
-            run: new RunMigrationsUseCase(migrations, dhisInstance),
+            run: new RunMigrationsUseCase(migrations, usersRepository),
             getVersions: new GetMigrationVersionsUseCase(migrations),
             hasPending: new HasPendingMigrationsUseCase(migrations),
         }),
diff --git a/src/data/D2UsersRepository.ts b/src/data/D2UsersRepository.ts
new file mode 100644
index 00000000..42e16536
--- /dev/null
+++ b/src/data/D2UsersRepository.ts
@@ -0,0 +1,33 @@
+import { D2Api } from "@eyeseetea/d2-api/2.33";
+import { DhisInstance } from "../domain/entities/DhisInstance";
+import { User } from "../domain/entities/User";
+import { UsersRepository } from "../domain/repositories/UsersRepository";
+import { D2ApiDefault } from "../types/d2-api";
+
+export class D2UsersRepository implements UsersRepository {
+    private api: D2Api;
+
+    constructor(localInstance: DhisInstance) {
+        this.api = new D2ApiDefault({ baseUrl: localInstance.url });
+    }
+
+    async getCurrentUser(): Promise<User> {
+        const apiUser = await this.api.currentUser
+            .get({
+                fields: {
+                    id: true,
+                    name: true,
+                    userCredentials: { username: true },
+                    authorities: true,
+                },
+            })
+            .getData();
+
+        return {
+            id: apiUser.id,
+            name: apiUser.name,
+            username: apiUser.userCredentials.username,
+            authorities: apiUser.authorities,
+        };
+    }
+}
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index 40aa09c6..26207079 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -9,6 +9,7 @@ import { TemplateRepository } from "../domain/repositories/TemplateRepository";
 import { cache } from "../utils/cache";
 import * as templates from "./templates";
 import * as customTemplates from "./templates/custom-templates";
+import { User } from "../domain/entities/User";
 
 const themeCollectionKey = "themes";
 
@@ -22,7 +23,7 @@ export class TemplateWebRepository implements TemplateRepository {
         return _.concat(genericTemplates, customTemplates);
     }
 
-    public getCustomTemplates(): Template[] {
+    public getCustomTemplates(currentUser: User): Template[] {
         const rootDir = path.join(__dirname, "../..", "public");
 
         return _.values(customTemplates).map((TemplateClass): Template => {
@@ -30,7 +31,15 @@ export class TemplateWebRepository implements TemplateRepository {
             const spreadsheetPath = path.join(rootDir, template.url);
             const buffer = fs.readFileSync(spreadsheetPath);
             const file = { blob: buffer.toString("base64") };
-            return { ...template, file };
+            const date = new Date().toISOString();
+            const user = _.pick(currentUser, ["id", "username", "name"]);
+
+            return {
+                ...template,
+                file,
+                created: { user, timestamp: date },
+                lastUpdated: { user, timestamp: date },
+            };
         });
     }
 
diff --git a/src/domain/entities/Template.ts b/src/domain/entities/Template.ts
index 450b1984..3a83410e 100644
--- a/src/domain/entities/Template.ts
+++ b/src/domain/entities/Template.ts
@@ -5,6 +5,7 @@ import { DataFormType } from "./DataForm";
 import { DataPackage } from "./DataPackage";
 import { Id } from "./ReferenceObject";
 import { ImageSections, ThemeableSections } from "./Theme";
+import { User } from "./User";
 
 export type TemplateType = "generated" | "custom";
 export type DataSourceType = "row" | "column" | "cell";
@@ -33,6 +34,13 @@ type Base64Blob = { blob: string };
 
 export interface CustomTemplate extends Omit<CustomTemplateWithUrl, "url"> {
     file: Base64Blob;
+    created: UserTimestamp;
+    lastUpdated: UserTimestamp;
+}
+
+export interface UserTimestamp {
+    user: Pick<User, "id" | "username" | "name">;
+    timestamp: string;
 }
 
 export type Template = GeneratedTemplate | CustomTemplate;
diff --git a/src/domain/entities/User.ts b/src/domain/entities/User.ts
new file mode 100644
index 00000000..289edae2
--- /dev/null
+++ b/src/domain/entities/User.ts
@@ -0,0 +1,6 @@
+export interface User {
+    id: string;
+    username: string;
+    name: string;
+    authorities: string[];
+}
diff --git a/src/domain/repositories/ConfigRepository.ts b/src/domain/repositories/ConfigRepository.ts
index 7a42b282..854f00a8 100644
--- a/src/domain/repositories/ConfigRepository.ts
+++ b/src/domain/repositories/ConfigRepository.ts
@@ -1,4 +1,5 @@
 import { AppSettings } from "../entities/AppSettings";
+import { User } from "../entities/User";
 
 export type AppStorageType = "dataStore" | "constant";
 
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 48dcc5c1..ed8a3cc8 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -1,11 +1,12 @@
 import { Id } from "../entities/ReferenceObject";
 import { Template } from "../entities/Template";
 import { Theme } from "../entities/Theme";
+import { User } from "../entities/User";
 
 export interface TemplateRepository {
     // Template access
     getTemplates(): Promise<Template[]>;
-    getCustomTemplates(): Template[];
+    getCustomTemplates(currentUser: User): Template[];
     saveTemplates(templates: Template[]): Promise<void>;
     getTemplate(id: Id): Promise<Template>;
     // Template themes
diff --git a/src/domain/repositories/UsersRepository.ts b/src/domain/repositories/UsersRepository.ts
new file mode 100644
index 00000000..608c8dbf
--- /dev/null
+++ b/src/domain/repositories/UsersRepository.ts
@@ -0,0 +1,5 @@
+import { User } from "../entities/User";
+
+export interface UsersRepository {
+    getCurrentUser(): Promise<User>;
+}
diff --git a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
index 22166a6a..be6646c9 100644
--- a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
+++ b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
@@ -1,11 +1,13 @@
 import { Template } from "../entities/Template";
 import { TemplateRepository } from "../repositories/TemplateRepository";
+import { UsersRepository } from "../repositories/UsersRepository";
 
 export class PersistTemplatesFromStaticModulesUseCase {
-    constructor(private templateRepository: TemplateRepository) {}
+    constructor(private templateRepository: TemplateRepository, private usersRepository: UsersRepository) {}
 
     async execute(): Promise<Template[]> {
-        const templates = this.templateRepository.getCustomTemplates();
+        const currentUser = await this.usersRepository.getCurrentUser();
+        const templates = this.templateRepository.getCustomTemplates(currentUser);
         await this.templateRepository.saveTemplates(templates);
         return templates;
     }
diff --git a/src/domain/usecases/RunMigrationsUseCase.ts b/src/domain/usecases/RunMigrationsUseCase.ts
index e48d0ada..996ccde6 100644
--- a/src/domain/usecases/RunMigrationsUseCase.ts
+++ b/src/domain/usecases/RunMigrationsUseCase.ts
@@ -1,16 +1,13 @@
 import { UseCase } from "../../CompositionRoot";
-import { getD2APiFromInstance } from "../../utils/d2-api";
 import { Debug } from "../entities/Debug";
-import { DhisInstance } from "../entities/DhisInstance";
 import { MigrationsRepository } from "../repositories/MigrationsRepository";
+import { UsersRepository } from "../repositories/UsersRepository";
 
 export class RunMigrationsUseCase implements UseCase {
-    constructor(private migrationsRepository: MigrationsRepository, private localInstance: DhisInstance) {}
+    constructor(private migrationsRepository: MigrationsRepository, private usersRepository: UsersRepository) {}
 
     public async execute(debug: Debug): Promise<void> {
-        // TODO: Move to a new permissions repository
-        const api = getD2APiFromInstance(this.localInstance);
-        const currentUser = await api.currentUser.get({ fields: { authorities: true } }).getData();
+        const currentUser = await this.usersRepository.getCurrentUser();
 
         if (!currentUser.authorities.includes("ALL")) {
             throw new Error("Only a user with authority ALL can run this migration");
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index baa321fa..585d7b06 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -37,8 +37,8 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isExclusionDialogVisible, showExclusionDialog] = useState<boolean>(false);
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
-    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(true);
-    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(false);
+    const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
+    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 88edb44f..75a14a1e 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -1,6 +1,7 @@
 import {
     ConfirmationDialog,
     ObjectsTable,
+    PaginationOptions,
     TableAction,
     TableColumn,
     TableSelection,
@@ -17,6 +18,7 @@ import { promiseMap } from "../../../utils/promises";
 import { CustomTemplate } from "../../../domain/entities/Template";
 import { PermissionsDialog } from "./PermissionsDialog";
 import { firstOrFail } from "../../../types/utils";
+import moment from "moment";
 
 interface WarningDialog {
     title?: string;
@@ -29,6 +31,8 @@ export interface TemplateRow {
     name: string;
     type: "custom" | "autogenerated";
     description: string;
+    created: string;
+    lastUpdated: string;
 }
 
 type TemplateListTableProps = Pick<
@@ -101,12 +105,14 @@ export default function TemplateListTable(props: TemplateListTableProps) {
 
     const columns: TableColumn<TemplateRow>[] = [
         { name: "name", text: i18n.t("Name") },
-        { name: "description", text: i18n.t("Description") },
+        { name: "description", text: i18n.t("Description"), getValue: row => row.description || "-" },
         {
             name: "type",
             text: i18n.t("Type"),
             getValue: row => (row.type === "custom" ? i18n.t("Custom") : i18n.t("Autogenerated")),
         },
+        { name: "created", text: i18n.t("Created"), getValue: row => row.created || "-" },
+        { name: "lastUpdated", text: i18n.t("Last Updated"), getValue: row => row.lastUpdated || "-" },
     ];
 
     const actions: TableAction<TemplateRow>[] = [
@@ -183,6 +189,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
                 actions={actions}
                 selection={selection}
                 onChange={onTableChange}
+                paginationOptions={paginationOptions}
                 filterComponents={
                     <Button variant="contained" color="primary" onClick={newTemplate} disableElevation>
                         {i18n.t("Create template")}
@@ -195,15 +202,35 @@ export default function TemplateListTable(props: TemplateListTableProps) {
 
 function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[] {
     return _(customTemplates)
-        .flatMap(({ id, name, description }) => {
-            const customRow: TemplateRow = { type: "custom", id, name, description };
+        .flatMap(({ id, name, description, created, lastUpdated }) => {
+            const customRow: TemplateRow = {
+                type: "custom",
+                id,
+                name,
+                description,
+                created: "",
+                lastUpdated: "",
+            };
+
             const autogeneratedRow: TemplateRow = {
                 ...customRow,
                 id: "autogenerated-customRow.id",
                 type: "autogenerated",
                 description: "",
+                created: `${created.user.username} (${formatDate(created.timestamp)})`,
+                lastUpdated: `${created.user.username} (${formatDate(lastUpdated.timestamp)})`,
             };
+
             return [customRow, autogeneratedRow];
         })
         .value();
 }
+
+function formatDate(timestamp: string): string {
+    return moment(timestamp).format("YYYY-MM-DD HH:mm");
+}
+
+const paginationOptions: PaginationOptions = {
+    pageSizeOptions: [10, 20],
+    pageSizeInitialValue: 10,
+};

From 35cedbf7b90bb83f1ea352f3170f8eb3ec0d044e Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 11:18:07 +0200
Subject: [PATCH 11/37] Move TemplateWithUrl -> CustomTemplate transformation
 to useCase

---
 i18n/en.pot                                   | 10 ++++++--
 i18n/es.po                                    | 10 +++++++-
 i18n/fr.po                                    | 10 +++++++-
 i18n/pt.po                                    | 10 +++++++-
 i18n/ru.po                                    | 10 +++++++-
 src/data/TemplateWebRepository.ts             | 24 ++++---------------
 src/domain/repositories/TemplateRepository.ts |  4 ++--
 ...ersistTemplatesFromStaticModulesUseCase.ts | 23 +++++++++++++++++-
 .../components/settings/SettingsFields.tsx    |  2 +-
 .../components/settings/TemplateListTable.tsx |  2 ++
 10 files changed, 75 insertions(+), 30 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 645fa1f6..49bf0729 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
-"PO-Revision-Date: 2022-04-04T12:06:50.406Z\n"
+"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
+"PO-Revision-Date: 2022-04-06T09:18:23.150Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -353,6 +353,12 @@ msgstr ""
 msgid "Custom"
 msgstr ""
 
+msgid "Created"
+msgstr ""
+
+msgid "Last Updated"
+msgstr ""
+
 msgid "Sharing Settings"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index b3556b01..f2f417c6 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
+"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -387,6 +387,14 @@ msgstr "Tipo"
 msgid "Custom"
 msgstr ""
 
+#, fuzzy
+msgid "Created"
+msgstr "Crear"
+
+#, fuzzy
+msgid "Last Updated"
+msgstr "Actualizados"
+
 #, fuzzy
 msgid "Sharing Settings"
 msgstr "Configuración"
diff --git a/i18n/fr.po b/i18n/fr.po
index 6a0a68e0..dc567119 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
+"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -365,6 +365,14 @@ msgstr ""
 msgid "Custom"
 msgstr ""
 
+#, fuzzy
+msgid "Created"
+msgstr "Créer"
+
+#, fuzzy
+msgid "Last Updated"
+msgstr "Actualisé"
+
 #, fuzzy
 msgid "Sharing Settings"
 msgstr "Paramètres"
diff --git a/i18n/pt.po b/i18n/pt.po
index 4e211986..e0a74be1 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
+"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -386,6 +386,14 @@ msgstr "Tipo"
 msgid "Custom"
 msgstr ""
 
+#, fuzzy
+msgid "Created"
+msgstr "Crio"
+
+#, fuzzy
+msgid "Last Updated"
+msgstr "Atualizada"
+
 #, fuzzy
 msgid "Sharing Settings"
 msgstr "Configurações"
diff --git a/i18n/ru.po b/i18n/ru.po
index f3c99ebf..ca1de103 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-04T12:06:50.406Z\n"
+"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -388,6 +388,14 @@ msgstr "Тип"
 msgid "Custom"
 msgstr ""
 
+#, fuzzy
+msgid "Created"
+msgstr "Создать"
+
+#, fuzzy
+msgid "Last Updated"
+msgstr "Обновленный"
+
 #, fuzzy
 msgid "Sharing Settings"
 msgstr "Настройки"
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index 26207079..f9cc2d91 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -1,15 +1,12 @@
 import _ from "lodash";
-import path from "path";
-import fs from "fs";
 import { Id } from "../domain/entities/ReferenceObject";
-import { Template } from "../domain/entities/Template";
+import { CustomTemplateWithUrl, Template } from "../domain/entities/Template";
 import { Theme } from "../domain/entities/Theme";
 import { StorageRepository } from "../domain/repositories/StorageRepository";
 import { TemplateRepository } from "../domain/repositories/TemplateRepository";
 import { cache } from "../utils/cache";
 import * as templates from "./templates";
 import * as customTemplates from "./templates/custom-templates";
-import { User } from "../domain/entities/User";
 
 const themeCollectionKey = "themes";
 
@@ -23,23 +20,10 @@ export class TemplateWebRepository implements TemplateRepository {
         return _.concat(genericTemplates, customTemplates);
     }
 
-    public getCustomTemplates(currentUser: User): Template[] {
-        const rootDir = path.join(__dirname, "../..", "public");
-
-        return _.values(customTemplates).map((TemplateClass): Template => {
+    public getCustomTemplates(): CustomTemplateWithUrl[] {
+        return _.values(customTemplates).map(TemplateClass => {
             const template = new TemplateClass();
-            const spreadsheetPath = path.join(rootDir, template.url);
-            const buffer = fs.readFileSync(spreadsheetPath);
-            const file = { blob: buffer.toString("base64") };
-            const date = new Date().toISOString();
-            const user = _.pick(currentUser, ["id", "username", "name"]);
-
-            return {
-                ...template,
-                file,
-                created: { user, timestamp: date },
-                lastUpdated: { user, timestamp: date },
-            };
+            return template;
         });
     }
 
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index ed8a3cc8..2ef31fb2 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -1,12 +1,12 @@
 import { Id } from "../entities/ReferenceObject";
-import { Template } from "../entities/Template";
+import { CustomTemplateWithUrl, Template } from "../entities/Template";
 import { Theme } from "../entities/Theme";
 import { User } from "../entities/User";
 
 export interface TemplateRepository {
     // Template access
     getTemplates(): Promise<Template[]>;
-    getCustomTemplates(currentUser: User): Template[];
+    getCustomTemplates(): CustomTemplateWithUrl[];
     saveTemplates(templates: Template[]): Promise<void>;
     getTemplate(id: Id): Promise<Template>;
     // Template themes
diff --git a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
index be6646c9..b7ad664f 100644
--- a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
+++ b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
@@ -1,3 +1,6 @@
+import _ from "lodash";
+import fs from "fs";
+import path from "path";
 import { Template } from "../entities/Template";
 import { TemplateRepository } from "../repositories/TemplateRepository";
 import { UsersRepository } from "../repositories/UsersRepository";
@@ -7,8 +10,26 @@ export class PersistTemplatesFromStaticModulesUseCase {
 
     async execute(): Promise<Template[]> {
         const currentUser = await this.usersRepository.getCurrentUser();
-        const templates = this.templateRepository.getCustomTemplates(currentUser);
+        const customTemplates = this.templateRepository.getCustomTemplates();
+        const rootDir = path.join(__dirname, "../../..", "public");
+
+        const templates = customTemplates.map(template => {
+            const spreadsheetPath = path.join(rootDir, template.url);
+            const buffer = fs.readFileSync(spreadsheetPath);
+            const file = { blob: buffer.toString("base64") };
+            const date = new Date().toISOString();
+            const user = _.pick(currentUser, ["id", "username", "name"]);
+
+            return {
+                ...template,
+                file,
+                created: { user, timestamp: date },
+                lastUpdated: { user, timestamp: date },
+            };
+        });
+
         await this.templateRepository.saveTemplates(templates);
+
         return templates;
     }
 }
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 585d7b06..1410e64d 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(true);
+    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 75a14a1e..f885ac83 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -129,12 +129,14 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             primary: true,
             onClick: edit,
             icon: <Icon>edit</Icon>,
+            isActive: rows => rows.length === 1 && rows[0]?.type === "custom",
         },
         {
             name: "delete",
             text: i18n.t("Delete"),
             onClick: deleteTemplates,
             icon: <Icon>delete</Icon>,
+            isActive: rows => rows.length === 1 && rows[0]?.type === "custom",
         },
     ];
 

From 656ad07cd123ad4153d4c8074ea9559be4f0a27b Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 14:02:56 +0200
Subject: [PATCH 12/37] Fix linting warnings

---
 src/domain/repositories/ConfigRepository.ts   | 1 -
 src/domain/repositories/TemplateRepository.ts | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/domain/repositories/ConfigRepository.ts b/src/domain/repositories/ConfigRepository.ts
index 854f00a8..7a42b282 100644
--- a/src/domain/repositories/ConfigRepository.ts
+++ b/src/domain/repositories/ConfigRepository.ts
@@ -1,5 +1,4 @@
 import { AppSettings } from "../entities/AppSettings";
-import { User } from "../entities/User";
 
 export type AppStorageType = "dataStore" | "constant";
 
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 2ef31fb2..9e41e8d9 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -1,7 +1,6 @@
 import { Id } from "../entities/ReferenceObject";
 import { CustomTemplateWithUrl, Template } from "../entities/Template";
 import { Theme } from "../entities/Theme";
-import { User } from "../entities/User";
 
 export interface TemplateRepository {
     // Template access

From 780ea3b7adc9ca4f3bf30060ed7c3b19afd3db3a Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 14:04:05 +0200
Subject: [PATCH 13/37] Implement template permissions by ID

---
 src/data/ConfigWebRepository.ts               |   3 +-
 src/domain/entities/AppSettings.ts            |  17 ++-
 .../components/settings/PermissionsDialog.tsx |   1 -
 .../components/settings/SettingsFields.tsx    |   8 +-
 .../components/settings/TemplateListTable.tsx |   6 +-
 .../settings/TemplatePermissionsDialog.tsx    | 122 ++++++++++++++++++
 src/webapp/logic/settings.ts                  |  88 +++++++++++--
 7 files changed, 225 insertions(+), 20 deletions(-)
 create mode 100644 src/webapp/components/settings/TemplatePermissionsDialog.tsx

diff --git a/src/data/ConfigWebRepository.ts b/src/data/ConfigWebRepository.ts
index 1703791c..2826798b 100644
--- a/src/data/ConfigWebRepository.ts
+++ b/src/data/ConfigWebRepository.ts
@@ -28,11 +28,9 @@ export class ConfigWebRepository implements ConfigRepository {
             permissionsForGeneration: [],
             permissionsForSettings: [],
             permissionsForImport: [],
-            permissionsForTemplates: [],
             allPermissionsForGeneration: true,
             allPermissionsForSettings: true,
             allPermissionsForImport: true,
-            allPermissionsForTemplates: true,
             orgUnitSelection: "both",
             duplicateEnabled: false,
             duplicateExclusion: {},
@@ -42,6 +40,7 @@ export class ConfigWebRepository implements ConfigRepository {
             programStageFilter: {},
             programStagePopulateEventsForEveryTei: {},
             dataFormTemplate: { relationships: {} },
+            templatePermissions: {},
             ...defaultSettings,
         };
     }
diff --git a/src/domain/entities/AppSettings.ts b/src/domain/entities/AppSettings.ts
index ec385786..70bb7681 100644
--- a/src/domain/entities/AppSettings.ts
+++ b/src/domain/entities/AppSettings.ts
@@ -1,4 +1,5 @@
 import { GetArrayInnerType } from "../../types/utils";
+import { PermissionType } from "../../webapp/logic/settings";
 import { DataElementDisaggregated } from "./DataElementDisaggregated";
 import { DataFormTemplate } from "./DataFormTemplate";
 import { Id, NamedRef, Ref } from "./ReferenceObject";
@@ -25,11 +26,9 @@ export interface AppSettings {
     permissionsForGeneration: NamedRef[];
     permissionsForSettings: NamedRef[];
     permissionsForImport: NamedRef[];
-    permissionsForTemplates: NamedRef[];
     allPermissionsForGeneration: boolean;
     allPermissionsForSettings: boolean;
     allPermissionsForImport: boolean;
-    allPermissionsForTemplates: boolean;
     orgUnitSelection: OrgUnitSelectionSetting;
     duplicateEnabled: boolean;
     duplicateExclusion: DuplicateExclusion;
@@ -39,4 +38,18 @@ export interface AppSettings {
     programStageFilter: ProgramStageFilter;
     programStagePopulateEventsForEveryTei: ProgramStagePopulateEventsForEveryTei;
     dataFormTemplate: DataFormTemplate;
+    templatePermissions: TemplatePermissions;
 }
+
+export type TemplatePermissions = Record<TemplateId, TemplatePermission>;
+
+export interface TemplatePermission {
+    accesses: TemplatePermissionAccess[];
+    all: boolean;
+}
+
+export interface TemplatePermissionAccess extends NamedRef {
+    type: PermissionType | "unknown";
+}
+
+type TemplateId = Id;
diff --git a/src/webapp/components/settings/PermissionsDialog.tsx b/src/webapp/components/settings/PermissionsDialog.tsx
index 9ecb853a..a882096b 100644
--- a/src/webapp/components/settings/PermissionsDialog.tsx
+++ b/src/webapp/components/settings/PermissionsDialog.tsx
@@ -26,7 +26,6 @@ function getTranslations() {
             generation: i18n.t("Access to Template Generation"),
             import: i18n.t("Access to Import Data"),
             settings: i18n.t("Access to Settings and Themes"),
-            templates: i18n.t("Access to Templates"),
         }),
     };
 }
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 1410e64d..d9724b2a 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isCustomTemplatesDialogVisible, showCustomTemplatesDialog] = useState<boolean>(false);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
@@ -184,10 +184,10 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
                 />
             )}
 
-            {isCustomTemplatesDialogVisible && (
+            {isTemplatesDialogVisible && (
                 <TemplatesDialog
                     title={i18n.t("Templates")}
-                    onClose={() => showCustomTemplatesDialog(false)}
+                    onClose={() => showTemplatesDialog(false)}
                     settings={settings}
                     onChange={onChange}
                     customTemplates={customTemplates}
@@ -290,7 +290,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
                     />
                 </ListItem>
 
-                <ListItem button onClick={() => showCustomTemplatesDialog(true)}>
+                <ListItem button onClick={() => showTemplatesDialog(true)}>
                     <ListItemIcon>
                         <Icon>description</Icon>
                     </ListItemIcon>
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index f885ac83..7c2d805e 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -16,9 +16,9 @@ import i18n from "../../../locales";
 import { RouteComponentProps } from "../../pages/Router";
 import { promiseMap } from "../../../utils/promises";
 import { CustomTemplate } from "../../../domain/entities/Template";
-import { PermissionsDialog } from "./PermissionsDialog";
 import { firstOrFail } from "../../../types/utils";
 import moment from "moment";
+import { TemplatePermissionsDialog } from "./TemplatePermissionsDialog";
 
 interface WarningDialog {
     title?: string;
@@ -168,9 +168,9 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             )}
 
             {settingsState.type === "open" && (
-                <PermissionsDialog
+                <TemplatePermissionsDialog
                     onClose={closeSettings}
-                    permissionsType="templates"
+                    templateId={settingsState.id}
                     settings={settings}
                     onChange={setSettings}
                 />
diff --git a/src/webapp/components/settings/TemplatePermissionsDialog.tsx b/src/webapp/components/settings/TemplatePermissionsDialog.tsx
new file mode 100644
index 00000000..b32fa012
--- /dev/null
+++ b/src/webapp/components/settings/TemplatePermissionsDialog.tsx
@@ -0,0 +1,122 @@
+import {
+    ConfirmationDialog,
+    ConfirmationDialogProps,
+    ShareUpdate,
+    Sharing,
+    SharingRule,
+} from "@eyeseetea/d2-ui-components";
+import { Checkbox, FormControlLabel } from "@material-ui/core";
+import { useCallback, useState } from "react";
+import i18n from "../../../locales";
+import { D2Api } from "../../../types/d2-api";
+import { useAppContext } from "../../contexts/app-context";
+import { PermissionType } from "../../logic/settings";
+import { SettingsFieldsProps } from "./SettingsFields";
+import { Id } from "../../../domain/entities/ReferenceObject";
+
+export interface TemplatePermissionsDialogProps extends SettingsFieldsProps {
+    templateId: Id;
+    onClose: () => void;
+}
+
+export function TemplatePermissionsDialog(props: TemplatePermissionsDialogProps) {
+    const { templateId, onClose, settings, onChange } = props;
+    const { api } = useAppContext();
+    const search = useCallback((query: string) => searchUsers(api, query), [api]);
+    const [dialogProps, updateDialog] = useState<ConfirmationDialogProps | null>(null);
+
+    const buildMetaObject = useCallback(() => {
+        const buildSharings = (type: PermissionType) =>
+            settings
+                .getTemplatePermissions(templateId, type)
+                .map(({ id, name }) => ({ id, displayName: name, access: "" }));
+
+        return {
+            meta: {
+                allowPublicAccess: false,
+                allowExternalAccess: false,
+            },
+            object: {
+                id: "",
+                displayName: i18n.t("Access to Templates"),
+                externalAccess: false,
+                publicAccess: "",
+                userAccesses: buildSharings("user"),
+                userGroupAccesses: buildSharings("userGroup"),
+            },
+        };
+    }, [settings, templateId]);
+
+    const onUpdateSharingOptions = useCallback(() => {
+        return async ({ userAccesses: users, userGroupAccesses: userGroups }: ShareUpdate) => {
+            const buildPermission = (type: PermissionType, rule?: SharingRule[]) =>
+                rule?.map(({ id, displayName }) => ({ id, name: displayName, type })) ??
+                settings.getTemplatePermissions(templateId, type);
+
+            const newSettings = settings
+                .setTemplatePermissions(templateId, "user", buildPermission("user", users))
+                .setTemplatePermissions(templateId, "userGroup", buildPermission("userGroup", userGroups));
+
+            await onChange(newSettings);
+        };
+    }, [onChange, settings, templateId]);
+
+    const onChangeAllUsers = useCallback(
+        (checked: boolean) => {
+            if (checked) {
+                updateDialog({
+                    title: i18n.t("Access Permissions confirmation"),
+                    description: i18n.t(
+                        "This option gives access to all users. The current list of allowed users and user groups will be deleted. Do you want to proceed?"
+                    ),
+                    saveText: i18n.t("Accept"),
+                    cancelText: i18n.t("Cancel"),
+                    onCancel: () => {
+                        updateDialog(null);
+                    },
+                    onSave: () => {
+                        updateDialog(null);
+                        onChange(settings.setTemplateAllPermission(templateId, true));
+                    },
+                });
+            } else {
+                onChange(settings.setTemplateAllPermission(templateId, false));
+            }
+        },
+        [settings, onChange, templateId]
+    );
+
+    const allUserChecked = useCallback(() => settings.hasAllPermissionForTemplate(templateId), [settings, templateId]);
+
+    return (
+        <ConfirmationDialog isOpen={true} fullWidth={true} onCancel={onClose} cancelText={i18n.t("Close")}>
+            {!allUserChecked() && (
+                <Sharing
+                    meta={buildMetaObject()}
+                    showOptions={{
+                        dataSharing: false,
+                        publicSharing: false,
+                        externalSharing: false,
+                        permissionPicker: false,
+                    }}
+                    onSearch={search}
+                    onChange={onUpdateSharingOptions()}
+                />
+            )}
+            {dialogProps && <ConfirmationDialog isOpen={true} maxWidth="xl" {...dialogProps} />}
+
+            <FormControlLabel
+                control={<Checkbox checked={allUserChecked()} onChange={ev => onChangeAllUsers(ev.target.checked)} />}
+                label={i18n.t("All users allowed")}
+            />
+        </ConfirmationDialog>
+    );
+}
+
+function searchUsers(api: D2Api, query: string) {
+    const options = {
+        fields: { id: true, displayName: true },
+        filter: { displayName: { ilike: query } },
+    };
+    return api.metadata.get({ users: options, userGroups: options }).getData();
+}
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 718aaaa5..82d70066 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -10,6 +10,9 @@ import {
     OrgUnitSelectionSetting,
     ProgramStageFilter,
     ProgramStagePopulateEventsForEveryTei,
+    TemplatePermission,
+    TemplatePermissionAccess,
+    TemplatePermissions,
 } from "../../domain/entities/AppSettings";
 import { autogeneratedTemplateId, DataFormTemplate } from "../../domain/entities/DataFormTemplate";
 import {
@@ -37,6 +40,7 @@ const publicFields = [
     "programStageFilter",
     "programStagePopulateEventsForEveryTei",
     "dataFormTemplate",
+    "templatePermissions",
 ] as const;
 
 const allFields = [...privateFields, ...publicFields];
@@ -44,7 +48,7 @@ const allFields = [...privateFields, ...publicFields];
 type Options = Pick<Settings, GetArrayInnerType<typeof allFields>>;
 type PublicOption = Pick<Options, GetArrayInnerType<typeof publicFields>>;
 
-export type PermissionSetting = "generation" | "settings" | "import" | "templates";
+export type PermissionSetting = "generation" | "settings" | "import";
 export type PermissionType = "user" | "userGroup";
 
 interface CurrentUser extends Ref {
@@ -70,6 +74,7 @@ type Permissions = {
 export default class Settings {
     public currentUser: CurrentUser;
     public permissions: Permissions;
+    public templatePermissions: Record<Id, PermissionValue>;
     public models: Models;
     public orgUnitSelection: OrgUnitSelectionSetting;
     public duplicateEnabled: boolean;
@@ -86,6 +91,7 @@ export default class Settings {
     constructor(options: Options) {
         this.currentUser = options.currentUser;
         this.permissions = options.permissions;
+        this.templatePermissions = options.templatePermissions;
         this.models = options.models;
         this.orgUnitSelection = options.orgUnitSelection;
         this.duplicateEnabled = options.duplicateEnabled;
@@ -131,11 +137,26 @@ export default class Settings {
             return { type: "sharing", users, groups, unknown };
         };
 
+        const buildTemplatesPermission = (
+            templatePermissions: Maybe<TemplatePermissions>
+        ): Record<Id, PermissionValue> => {
+            return _.mapValues(templatePermissions || {}, (permissionsForTemplate): PermissionValue => {
+                if (permissionsForTemplate.all) return { type: "all" };
+
+                const storedValues = permissionsForTemplate.accesses;
+                const allValues = storedValues;
+                const users = permissionsForTemplate.accesses.filter(access => access.type === "user");
+                const groups = permissionsForTemplate.accesses.filter(access => access.type === "userGroup");
+                const unknown = isUserAdmin ? [] : _.differenceBy(allValues, users, groups, "id");
+
+                return { type: "sharing", users, groups, unknown };
+            });
+        };
+
         const permissions = {
             generation: await buildPermission("generation"),
             import: await buildPermission("import"),
             settings: await buildPermission("settings"),
-            templates: await buildPermission("templates"),
         };
 
         return new Settings({
@@ -152,6 +173,7 @@ export default class Settings {
             programStagePopulateEventsForEveryTei:
                 data.programStagePopulateEventsForEveryTei ?? defaultSettings.programStagePopulateEventsForEveryTei,
             dataFormTemplate: data.dataFormTemplate ?? defaultSettings.dataFormTemplate,
+            templatePermissions: buildTemplatesPermission(data.templatePermissions),
         });
     }
 
@@ -184,16 +206,31 @@ export default class Settings {
             return [...permission.users, ...permission.groups, ...permission.unknown];
         };
 
+        const buildTemplatePermissions = (): TemplatePermissions => {
+            const addType = (refs: NamedRef[], type: TemplatePermissionAccess["type"]): TemplatePermissionAccess[] =>
+                refs.map(ref => ({ ...ref, type }));
+
+            return _.mapValues(this.templatePermissions, (permission): TemplatePermission => {
+                if (!permission || permission.type !== "sharing") return { accesses: [], all: true };
+
+                const accesses = _.concat(
+                    addType(permission.users, "user"),
+                    addType(permission.groups, "userGroup"),
+                    addType(permission.unknown, "unknown")
+                );
+
+                return { accesses, all: false };
+            });
+        };
+
         const data: AppSettings = {
             models,
             permissionsForGeneration: buildPermissions("generation"),
             permissionsForSettings: buildPermissions("settings"),
             permissionsForImport: buildPermissions("import"),
-            permissionsForTemplates: buildPermissions("templates"),
             allPermissionsForSettings: permissions.settings.type === "all",
             allPermissionsForGeneration: permissions.generation.type === "all",
             allPermissionsForImport: permissions.import.type === "all",
-            allPermissionsForTemplates: permissions.templates.type === "all",
             orgUnitSelection,
             duplicateEnabled,
             duplicateExclusion,
@@ -203,6 +240,7 @@ export default class Settings {
             programStageFilter,
             programStagePopulateEventsForEveryTei,
             dataFormTemplate,
+            templatePermissions: buildTemplatePermissions(),
         };
 
         try {
@@ -233,6 +271,13 @@ export default class Settings {
         return permission[getPermissionField(type)];
     }
 
+    getTemplatePermissions(templateId: Id, type: PermissionType): TemplatePermissionAccess[] {
+        const permission = this.templatePermissions[templateId];
+        if (!permission || permission.type !== "sharing") return [];
+
+        return permission[getPermissionField(type)].map(obj => ({ ...obj, type }));
+    }
+
     setPermissions(setting: PermissionSetting, type: PermissionType, collection: NamedRef[]): Settings {
         const permission = this.permissions[setting];
         const field = getPermissionField(type);
@@ -252,15 +297,46 @@ export default class Settings {
         });
     }
 
+    setTemplatePermissions(templateId: Id, type: PermissionType, collection: TemplatePermissionAccess[]): Settings {
+        const permission = this.templatePermissions[templateId];
+        const field = getPermissionField(type);
+        const existing: PermissionValue =
+            !permission || permission.type !== "sharing"
+                ? { type: "sharing", users: [], groups: [], unknown: [] }
+                : permission;
+
+        return this.updateOptions({
+            templatePermissions: {
+                ...this.templatePermissions,
+                [templateId]: { ...existing, [field]: collection },
+            },
+        });
+    }
+
     hasAllPermission(setting: PermissionSetting): boolean {
         return this.permissions[setting].type === "all";
     }
 
+    hasAllPermissionForTemplate(templateId: string): boolean {
+        const permissionsForTemplate = this.templatePermissions[templateId];
+        return !permissionsForTemplate || this.templatePermissions[templateId]?.type === "all";
+    }
+
     setAllPermission(setting: PermissionSetting, value: boolean): Settings {
         const permission = value ? { type: "all" } : { type: "sharing", users: [], groups: [], unknown: [] };
         return this.updateOptions({ permissions: { ...this.permissions, [setting]: permission } });
     }
 
+    setTemplateAllPermission(templateId: Id, value: boolean): Settings {
+        const permission: PermissionValue = value
+            ? { type: "all" }
+            : { type: "sharing", users: [], groups: [], unknown: [] };
+
+        return this.updateOptions({
+            templatePermissions: { ...this.templatePermissions, [templateId]: permission },
+        });
+    }
+
     setDuplicateEnabled(duplicateEnabled: boolean): Settings {
         return this.updateOptions({ duplicateEnabled });
     }
@@ -436,8 +512,6 @@ function mapPermissionSettingToConfig(prop: PermissionSetting) {
             return "permissionsForImport";
         case "settings":
             return "permissionsForSettings";
-        case "templates":
-            return "permissionsForTemplates";
     }
 }
 
@@ -449,7 +523,5 @@ function mapPermissionSettingToAllConfig(prop: PermissionSetting) {
             return "allPermissionsForImport";
         case "settings":
             return "allPermissionsForSettings";
-        case "templates":
-            return "allPermissionsForTemplates";
     }
 }

From 1cd0ac502f3f7eeba72b90a433934d248076ef78 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 14:15:02 +0200
Subject: [PATCH 14/37] Create re-usable search users use case

---
 src/CompositionRoot.ts                             |  4 ++++
 src/data/D2UsersRepository.ts                      | 11 ++++++++++-
 src/domain/repositories/UsersRepository.ts         | 11 +++++++++++
 src/domain/usecases/SearchUsersUseCase.ts          |  9 +++++++++
 .../components/settings/PermissionsDialog.tsx      | 14 +++-----------
 .../settings/TemplatePermissionsDialog.tsx         | 14 +++-----------
 6 files changed, 40 insertions(+), 23 deletions(-)
 create mode 100644 src/domain/usecases/SearchUsersUseCase.ts

diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index 13a2fa32..bdc4e210 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -32,6 +32,7 @@ import { PersistTemplatesFromStaticModulesUseCase } from "./domain/usecases/Pers
 import { ReadSettingsUseCase } from "./domain/usecases/ReadSettingsUseCase";
 import { RunMigrationsUseCase } from "./domain/usecases/RunMigrationsUseCase";
 import { SaveThemeUseCase } from "./domain/usecases/SaveThemeUseCase";
+import { SearchUsersUseCase } from "./domain/usecases/SearchUsersUseCase";
 import { WriteSettingsUseCase } from "./domain/usecases/WriteSettingsUseCase";
 import { D2Api } from "./types/d2-api";
 
@@ -88,6 +89,9 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             getVersions: new GetMigrationVersionsUseCase(migrations),
             hasPending: new HasPendingMigrationsUseCase(migrations),
         }),
+        users: getExecute({
+            search: new SearchUsersUseCase(usersRepository),
+        }),
     };
 }
 
diff --git a/src/data/D2UsersRepository.ts b/src/data/D2UsersRepository.ts
index 42e16536..d4497616 100644
--- a/src/data/D2UsersRepository.ts
+++ b/src/data/D2UsersRepository.ts
@@ -1,7 +1,7 @@
 import { D2Api } from "@eyeseetea/d2-api/2.33";
 import { DhisInstance } from "../domain/entities/DhisInstance";
 import { User } from "../domain/entities/User";
-import { UsersRepository } from "../domain/repositories/UsersRepository";
+import { SearchResults, UsersRepository } from "../domain/repositories/UsersRepository";
 import { D2ApiDefault } from "../types/d2-api";
 
 export class D2UsersRepository implements UsersRepository {
@@ -30,4 +30,13 @@ export class D2UsersRepository implements UsersRepository {
             authorities: apiUser.authorities,
         };
     }
+
+    search(query: string): Promise<SearchResults> {
+        const options = {
+            fields: { id: true, displayName: true },
+            filter: { displayName: { ilike: query } },
+        };
+
+        return this.api.metadata.get({ users: options, userGroups: options }).getData();
+    }
 }
diff --git a/src/domain/repositories/UsersRepository.ts b/src/domain/repositories/UsersRepository.ts
index 608c8dbf..bfd4dbfd 100644
--- a/src/domain/repositories/UsersRepository.ts
+++ b/src/domain/repositories/UsersRepository.ts
@@ -1,5 +1,16 @@
 import { User } from "../entities/User";
 
 export interface UsersRepository {
+    search(query: string): Promise<SearchResults>;
     getCurrentUser(): Promise<User>;
 }
+
+export interface SearchResults {
+    users: UserOrGroupRef[];
+    userGroups: UserOrGroupRef[];
+}
+
+export interface UserOrGroupRef {
+    id: string;
+    displayName: string;
+}
diff --git a/src/domain/usecases/SearchUsersUseCase.ts b/src/domain/usecases/SearchUsersUseCase.ts
new file mode 100644
index 00000000..3e74497d
--- /dev/null
+++ b/src/domain/usecases/SearchUsersUseCase.ts
@@ -0,0 +1,9 @@
+import { SearchResults, UsersRepository } from "../repositories/UsersRepository";
+
+export class SearchUsersUseCase {
+    constructor(private usersRepository: UsersRepository) {}
+
+    execute(query: string): Promise<SearchResults> {
+        return this.usersRepository.search(query);
+    }
+}
diff --git a/src/webapp/components/settings/PermissionsDialog.tsx b/src/webapp/components/settings/PermissionsDialog.tsx
index a882096b..f79e72cd 100644
--- a/src/webapp/components/settings/PermissionsDialog.tsx
+++ b/src/webapp/components/settings/PermissionsDialog.tsx
@@ -9,7 +9,6 @@ import {
 import { Checkbox, FormControlLabel } from "@material-ui/core";
 import { useCallback, useState } from "react";
 import i18n from "../../../locales";
-import { D2Api } from "../../../types/d2-api";
 import { ofType } from "../../../types/utils";
 import { useAppContext } from "../../contexts/app-context";
 import { PermissionSetting, PermissionType } from "../../logic/settings";
@@ -31,8 +30,9 @@ function getTranslations() {
 }
 
 export function PermissionsDialog({ onClose, permissionsType, settings, onChange }: PermissionsDialogProps) {
-    const { api } = useAppContext();
-    const search = useCallback((query: string) => searchUsers(api, query), [api]);
+    const { compositionRoot } = useAppContext();
+
+    const search = useCallback((query: string) => compositionRoot.users.search(query), [compositionRoot]);
     const [dialogProps, updateDialog] = useState<ConfirmationDialogProps | null>(null);
     const t = React.useMemo(getTranslations, []);
 
@@ -131,11 +131,3 @@ export function PermissionsDialog({ onClose, permissionsType, settings, onChange
         </ConfirmationDialog>
     );
 }
-
-function searchUsers(api: D2Api, query: string) {
-    const options = {
-        fields: { id: true, displayName: true },
-        filter: { displayName: { ilike: query } },
-    };
-    return api.metadata.get({ users: options, userGroups: options }).getData();
-}
diff --git a/src/webapp/components/settings/TemplatePermissionsDialog.tsx b/src/webapp/components/settings/TemplatePermissionsDialog.tsx
index b32fa012..9c3c85d2 100644
--- a/src/webapp/components/settings/TemplatePermissionsDialog.tsx
+++ b/src/webapp/components/settings/TemplatePermissionsDialog.tsx
@@ -8,7 +8,6 @@ import {
 import { Checkbox, FormControlLabel } from "@material-ui/core";
 import { useCallback, useState } from "react";
 import i18n from "../../../locales";
-import { D2Api } from "../../../types/d2-api";
 import { useAppContext } from "../../contexts/app-context";
 import { PermissionType } from "../../logic/settings";
 import { SettingsFieldsProps } from "./SettingsFields";
@@ -21,8 +20,9 @@ export interface TemplatePermissionsDialogProps extends SettingsFieldsProps {
 
 export function TemplatePermissionsDialog(props: TemplatePermissionsDialogProps) {
     const { templateId, onClose, settings, onChange } = props;
-    const { api } = useAppContext();
-    const search = useCallback((query: string) => searchUsers(api, query), [api]);
+    const { compositionRoot } = useAppContext();
+
+    const search = useCallback((query: string) => compositionRoot.users.search(query), [compositionRoot]);
     const [dialogProps, updateDialog] = useState<ConfirmationDialogProps | null>(null);
 
     const buildMetaObject = useCallback(() => {
@@ -112,11 +112,3 @@ export function TemplatePermissionsDialog(props: TemplatePermissionsDialogProps)
         </ConfirmationDialog>
     );
 }
-
-function searchUsers(api: D2Api, query: string) {
-    const options = {
-        fields: { id: true, displayName: true },
-        filter: { displayName: { ilike: query } },
-    };
-    return api.metadata.get({ users: options, userGroups: options }).getData();
-}

From a75ffe4a351be0ad8dcd87041f9a37232baecd44 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 6 Apr 2022 14:24:27 +0200
Subject: [PATCH 15/37] Implmenet custom templates deletion

---
 i18n/en.pot                                     | 12 ++++++------
 i18n/es.po                                      | 17 ++++++-----------
 i18n/fr.po                                      | 12 ++++++------
 i18n/pt.po                                      | 12 ++++++------
 i18n/ru.po                                      | 12 ++++++------
 src/CompositionRoot.ts                          |  2 ++
 src/data/TemplateWebRepository.ts               | 11 +++++++++--
 src/domain/repositories/TemplateRepository.ts   |  1 +
 .../usecases/DeleteCustomTemplateUseCase.ts     | 10 ++++++++++
 .../components/settings/SettingsFields.tsx      |  2 +-
 .../components/settings/TemplateListTable.tsx   |  9 +++++----
 11 files changed, 58 insertions(+), 42 deletions(-)
 create mode 100644 src/domain/usecases/DeleteCustomTemplateUseCase.ts

diff --git a/i18n/en.pot b/i18n/en.pot
index 49bf0729..7581672b 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
-"PO-Revision-Date: 2022-04-06T09:18:23.150Z\n"
+"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
+"PO-Revision-Date: 2022-04-06T12:23:15.403Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -159,9 +159,6 @@ msgstr ""
 msgid "Access to Settings and Themes"
 msgstr ""
 
-msgid "Access to Templates"
-msgstr ""
-
 msgid "Access Permissions confirmation"
 msgstr ""
 
@@ -338,7 +335,7 @@ msgid_plural "Delete {{count}} templates"
 msgstr[0] ""
 msgstr[1] ""
 
-msgid "Are you sure you want to remove selected templates"
+msgid "Are you sure you want to remove the selected templates"
 msgstr ""
 
 msgid "Name"
@@ -374,6 +371,9 @@ msgstr ""
 msgid "Create template"
 msgstr ""
 
+msgid "Access to Templates"
+msgstr ""
+
 msgid "Imported"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index f2f417c6..05103d00 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
+"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -146,11 +146,9 @@ msgstr ""
 msgid "Close"
 msgstr "Cerrar"
 
-#, fuzzy
 msgid "Dataset/Program"
 msgstr "Programa"
 
-#, fuzzy
 msgid "Search templates"
 msgstr "Buscar elementos de datos"
 
@@ -178,10 +176,6 @@ msgstr "Acceso a la importación de datos"
 msgid "Access to Settings and Themes"
 msgstr "Acceso al área de configuración y a los temas"
 
-#, fuzzy
-msgid "Access to Templates"
-msgstr "Acceso a la generación de plantillas"
-
 msgid "Access Permissions confirmation"
 msgstr "Confirme los permisos de accesso"
 
@@ -372,7 +366,7 @@ msgstr[0] "Borrar {{count}} temas"
 msgstr[1] ""
 
 #, fuzzy
-msgid "Are you sure you want to remove selected templates"
+msgid "Are you sure you want to remove the selected templates"
 msgstr "Esta seguro que quiere borrar los temas seleccionados"
 
 msgid "Name"
@@ -412,6 +406,10 @@ msgstr "Ok"
 msgid "Create template"
 msgstr "Crear tema"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Acceso a la generación de plantillas"
+
 msgid "Imported"
 msgstr "Importados"
 
@@ -785,6 +783,3 @@ msgstr ""
 msgid "Settings saved"
 msgstr "Configuración guardada"
 
-#, fuzzy
-#~ msgid "Custom Templates"
-#~ msgstr "Plantilla"
diff --git a/i18n/fr.po b/i18n/fr.po
index dc567119..1c3218c8 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
+"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -161,10 +161,6 @@ msgstr "Accès à l'import de données"
 msgid "Access to Settings and Themes"
 msgstr "Accès aux Paramètres et aux Thèmes"
 
-#, fuzzy
-msgid "Access to Templates"
-msgstr "Accès à la génération de modèles"
-
 msgid "Access Permissions confirmation"
 msgstr ""
 
@@ -350,7 +346,7 @@ msgstr[0] "Supprimer {{count}} thèmes"
 msgstr[1] ""
 
 #, fuzzy
-msgid "Are you sure you want to remove selected templates"
+msgid "Are you sure you want to remove the selected templates"
 msgstr "Voulez-vous vraiment supprimer les thèmes sélectionnés"
 
 msgid "Name"
@@ -390,6 +386,10 @@ msgstr "D'accord"
 msgid "Create template"
 msgstr "Créer un thème"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Accès à la génération de modèles"
+
 msgid "Imported"
 msgstr "Importé"
 
diff --git a/i18n/pt.po b/i18n/pt.po
index e0a74be1..a3130829 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
+"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -180,10 +180,6 @@ msgstr "Acesso aos dados de importação"
 msgid "Access to Settings and Themes"
 msgstr "Acesso a configurações e temas"
 
-#, fuzzy
-msgid "Access to Templates"
-msgstr "Acesso à geração de planilhas"
-
 msgid "Access Permissions confirmation"
 msgstr "Confirmação de permissões de acesso"
 
@@ -371,7 +367,7 @@ msgstr[0] "Excluir {{count}} temas"
 msgstr[1] ""
 
 #, fuzzy
-msgid "Are you sure you want to remove selected templates"
+msgid "Are you sure you want to remove the selected templates"
 msgstr "Tem certeza de que deseja excluir os temas selecionados"
 
 msgid "Name"
@@ -411,6 +407,10 @@ msgstr "Ok"
 msgid "Create template"
 msgstr "Criar tema"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Acesso à geração de planilhas"
+
 msgid "Imported"
 msgstr "Importado"
 
diff --git a/i18n/ru.po b/i18n/ru.po
index ca1de103..44ca1d58 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T09:18:23.150Z\n"
+"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -180,10 +180,6 @@ msgstr "Доступ к импортируемым данным"
 msgid "Access to Settings and Themes"
 msgstr "Доступ к настройкам и темам"
 
-#, fuzzy
-msgid "Access to Templates"
-msgstr "Доступ к генерации шаблонов"
-
 msgid "Access Permissions confirmation"
 msgstr "Подтверждение разрешений доступа"
 
@@ -373,7 +369,7 @@ msgstr[2] ""
 msgstr[3] ""
 
 #, fuzzy
-msgid "Are you sure you want to remove selected templates"
+msgid "Are you sure you want to remove the selected templates"
 msgstr "Вы уверены, что хотите удалить выбранные темы"
 
 msgid "Name"
@@ -413,6 +409,10 @@ msgstr "Хорошо"
 msgid "Create template"
 msgstr "Создать тему"
 
+#, fuzzy
+msgid "Access to Templates"
+msgstr "Доступ к генерации шаблонов"
+
 msgid "Imported"
 msgstr "Импортировано"
 
diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index bdc4e210..4003ef25 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -15,6 +15,7 @@ import { StorageRepository } from "./domain/repositories/StorageRepository";
 import { TemplateRepository } from "./domain/repositories/TemplateRepository";
 import { AnalyzeTemplateUseCase } from "./domain/usecases/AnalyzeTemplateUseCase";
 import { ConvertDataPackageUseCase } from "./domain/usecases/ConvertDataPackageUseCase";
+import { DeleteCustomTemplateUseCase } from "./domain/usecases/DeleteCustomTemplateUseCase";
 import { DeleteThemeUseCase } from "./domain/usecases/DeleteThemeUseCase";
 import { DownloadTemplateUseCase } from "./domain/usecases/DownloadTemplateUseCase";
 import { GetCustomTemplatesUseCase } from "./domain/usecases/GetCustomTemplatesUseCase";
@@ -70,6 +71,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             list: new ListDataFormsUseCase(instance),
             persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager, usersRepository),
             getCustom: new GetCustomTemplatesUseCase(templateManager),
+            delete: new DeleteCustomTemplateUseCase(templateManager),
         }),
         themes: getExecute({
             list: new ListThemesUseCase(templateManager),
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index f9cc2d91..db8ca948 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -8,6 +8,7 @@ import { cache } from "../utils/cache";
 import * as templates from "./templates";
 import * as customTemplates from "./templates/custom-templates";
 
+const templatesCollectionKey = "templates";
 const themeCollectionKey = "themes";
 
 export class TemplateWebRepository implements TemplateRepository {
@@ -15,7 +16,7 @@ export class TemplateWebRepository implements TemplateRepository {
 
     @cache()
     public async getTemplates(): Promise<Template[]> {
-        const customTemplates = await this.storage.getObject<Template[]>("templates", []);
+        const customTemplates = await this.storage.getObject<Template[]>(templatesCollectionKey, []);
         const genericTemplates = _.values(templates).map(TemplateClass => new TemplateClass());
         return _.concat(genericTemplates, customTemplates);
     }
@@ -28,7 +29,7 @@ export class TemplateWebRepository implements TemplateRepository {
     }
 
     public saveTemplates(templates: Template[]): Promise<void> {
-        return this.storage.saveObject("templates", templates);
+        return this.storage.saveObject(templatesCollectionKey, templates);
     }
 
     public async getTemplate(templateId: Id): Promise<Template> {
@@ -38,6 +39,12 @@ export class TemplateWebRepository implements TemplateRepository {
         return template;
     }
 
+    async deleteTemplate(templateId: Id): Promise<void> {
+        await this.storage.removeObjectInCollection(templatesCollectionKey, templateId);
+    }
+
+    /* Themes */
+
     public async listThemes(): Promise<Theme[]> {
         const objects = await this.storage.listObjectsInCollection(themeCollectionKey);
         return objects.map(data => new Theme(data));
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 9e41e8d9..08256758 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -8,6 +8,7 @@ export interface TemplateRepository {
     getCustomTemplates(): CustomTemplateWithUrl[];
     saveTemplates(templates: Template[]): Promise<void>;
     getTemplate(id: Id): Promise<Template>;
+    deleteTemplate(id: Id): Promise<void>;
     // Template themes
     listThemes(): Promise<Theme[]>;
     getTheme(id: Id): Promise<Theme>;
diff --git a/src/domain/usecases/DeleteCustomTemplateUseCase.ts b/src/domain/usecases/DeleteCustomTemplateUseCase.ts
new file mode 100644
index 00000000..02d3e34f
--- /dev/null
+++ b/src/domain/usecases/DeleteCustomTemplateUseCase.ts
@@ -0,0 +1,10 @@
+import { Id } from "../entities/ReferenceObject";
+import { TemplateRepository } from "../repositories/TemplateRepository";
+
+export class DeleteCustomTemplateUseCase {
+    constructor(private templatesRepository: TemplateRepository) {}
+
+    execute(templateId: Id): Promise<void> {
+        return this.templatesRepository.deleteTemplate(templateId);
+    }
+}
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index d9724b2a..01929a55 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 7c2d805e..ff2b8ce0 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -19,6 +19,7 @@ import { CustomTemplate } from "../../../domain/entities/Template";
 import { firstOrFail } from "../../../types/utils";
 import moment from "moment";
 import { TemplatePermissionsDialog } from "./TemplatePermissionsDialog";
+import { useAppContext } from "../../contexts/app-context";
 
 interface WarningDialog {
     title?: string;
@@ -44,6 +45,7 @@ type FormState = { type: "edit" | "new"; template?: CustomTemplate };
 
 export default function TemplateListTable(props: TemplateListTableProps) {
     const { settings, setSettings, customTemplates, setCustomTemplates } = props;
+    const { compositionRoot } = useAppContext();
     const snackbar = useSnackbar();
     const loading = useLoading();
 
@@ -87,12 +89,11 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     const deleteTemplates = (ids: string[]) => {
         setWarningDialog({
             title: i18n.t("Delete {{count}} templates", { count: ids.length }),
-            description: i18n.t("Are you sure you want to remove selected templates"),
+            description: i18n.t("Are you sure you want to remove the selected templates"),
             action: async () => {
                 loading.show();
-                await promiseMap(ids, _id => {
-                    //return compositionRoot.themes.delete(id);
-                    return Promise.resolve(undefined);
+                await promiseMap(ids, id => {
+                    return compositionRoot.templates.delete(id);
                 });
                 setSelection([]);
                 setCustomTemplates(_.reject(customTemplates, ({ id }) => ids.includes(id)));

From 03b0c7b958ff7655d60d839b6b31b4890e693366 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Fri, 8 Apr 2022 14:26:52 +0200
Subject: [PATCH 16/37] More on custom list/form

---
 src/CompositionRoot.ts                        |   2 +
 src/domain/entities/DataForm.ts               |  15 +-
 .../usecases/DownloadTemplateUseCase.ts       |   1 +
 src/domain/usecases/GetDataFormsUseCase.ts    |  19 ++
 src/types/utils.ts                            |   6 +
 .../settings/DataFormTemplateAssignDialog.tsx |  29 +--
 .../components/settings/SettingsFields.tsx    |   2 +-
 .../settings/TemplateEditDialog.tsx           | 215 +++++++++---------
 .../components/settings/TemplateListTable.tsx | 131 +++++++----
 .../components/settings/settings.hooks.ts     |  43 ++++
 .../CustomTemplateProgramViewModel.ts         |  55 +++++
 src/webapp/logic/settings.ts                  |   4 +-
 src/webapp/utils/download.ts                  |  17 ++
 13 files changed, 363 insertions(+), 176 deletions(-)
 create mode 100644 src/domain/usecases/GetDataFormsUseCase.ts
 create mode 100644 src/webapp/components/settings/settings.hooks.ts
 create mode 100644 src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
 create mode 100644 src/webapp/utils/download.ts

diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index 4003ef25..175b51d0 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -19,6 +19,7 @@ import { DeleteCustomTemplateUseCase } from "./domain/usecases/DeleteCustomTempl
 import { DeleteThemeUseCase } from "./domain/usecases/DeleteThemeUseCase";
 import { DownloadTemplateUseCase } from "./domain/usecases/DownloadTemplateUseCase";
 import { GetCustomTemplatesUseCase } from "./domain/usecases/GetCustomTemplatesUseCase";
+import { GetDataFormsUseCase } from "./domain/usecases/GetDataFormsUseCase";
 import { GetDefaultSettingsUseCase } from "./domain/usecases/GetDefaultSettingsUseCase";
 import { GetFormDataPackageUseCase } from "./domain/usecases/GetFormDataPackageUseCase";
 import { GetFormOrgUnitRootsUseCase } from "./domain/usecases/GetFormOrgUnitRootsUseCase";
@@ -69,6 +70,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             download: new DownloadTemplateUseCase(instance, templateManager, excelReader),
             import: new ImportTemplateUseCase(instance, templateManager, excelReader),
             list: new ListDataFormsUseCase(instance),
+            get: new GetDataFormsUseCase(instance),
             persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager, usersRepository),
             getCustom: new GetCustomTemplatesUseCase(templateManager),
             delete: new DeleteCustomTemplateUseCase(templateManager),
diff --git a/src/domain/entities/DataForm.ts b/src/domain/entities/DataForm.ts
index 2f73e00a..cd631691 100644
--- a/src/domain/entities/DataForm.ts
+++ b/src/domain/entities/DataForm.ts
@@ -1,8 +1,21 @@
+import i18n from "../../locales";
+import { ofType } from "../../types/utils";
 import { Id, NamedRef } from "./ReferenceObject";
 
-export type DataFormType = "dataSets" | "programs" | "trackerPrograms";
+export const dataFormTypes = ["dataSets", "programs", "trackerPrograms"] as const;
+export type DataFormType = typeof dataFormTypes[number];
 export type DataFormPeriod = "Daily" | "Monthly" | "Yearly" | "Weekly";
 
+export function getTranslations() {
+    return {
+        dataFormTypes: ofType<Record<DataFormType, string>>({
+            dataSets: i18n.t("Data Set"),
+            programs: i18n.t("Event Program"),
+            trackerPrograms: i18n.t("Tracker Program"),
+        }),
+    };
+}
+
 export interface DataForm {
     type: DataFormType;
     id: Id;
diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index 5b688031..4d11ff93 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -31,6 +31,7 @@ export interface DownloadTemplateProps {
     downloadRelationships: boolean;
     filterTEIEnrollmentDate?: boolean;
     relationshipsOuFilter?: RelationshipOrgUnitFilter;
+    useAutogeneratedTemplate?: boolean;
 }
 
 export class DownloadTemplateUseCase implements UseCase {
diff --git a/src/domain/usecases/GetDataFormsUseCase.ts b/src/domain/usecases/GetDataFormsUseCase.ts
new file mode 100644
index 00000000..c2421fe3
--- /dev/null
+++ b/src/domain/usecases/GetDataFormsUseCase.ts
@@ -0,0 +1,19 @@
+import _ from "lodash";
+import { UseCase } from "../../CompositionRoot";
+import { DataForm } from "../entities/DataForm";
+import { InstanceRepository } from "../repositories/InstanceRepository";
+
+export class GetDataFormsUseCase implements UseCase {
+    constructor(private instance: InstanceRepository) {}
+
+    public async execute(): Promise<DataForm[]> {
+        const dataSets = await this.instance.getDataForms({ type: ["dataSets"] });
+        const programs = await this.instance.getDataForms({ type: ["programs"] });
+        const dataForms = _(dataSets)
+            .concat(programs)
+            .sortBy(dataForm => dataForm.name)
+            .value();
+
+        return dataForms;
+    }
+}
diff --git a/src/types/utils.ts b/src/types/utils.ts
index 2f775298..cfdd7209 100644
--- a/src/types/utils.ts
+++ b/src/types/utils.ts
@@ -41,3 +41,9 @@ export function firstOrFail<T>(xs: T[]) {
         return x;
     }
 }
+
+export function assertUnreachable(_value: never): never {
+    throw new Error();
+}
+
+export type OkOrError = { status: true } | { status: false; error: string };
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
index e3d12940..4a5ff03a 100644
--- a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -7,11 +7,11 @@ import { Id, NamedRef } from "../../../domain/entities/ReferenceObject";
 import { CustomTemplate, getDataFormRef } from "../../../domain/entities/Template";
 import i18n from "../../../locales";
 import { useAppContext } from "../../contexts/app-context";
-import { getSelectOptionsFromNamedRefs, modelToSelectOption } from "../../utils/refs";
-import { Select, SelectOption } from "../select/Select";
+import { modelToSelectOption } from "../../utils/refs";
+import { Select } from "../select/Select";
 import { SettingsFieldsProps } from "./SettingsFields";
 import { autogeneratedTemplateId } from "../../../domain/entities/DataFormTemplate";
-import { DataForm } from "../../../domain/entities/DataForm";
+import { useDataForms } from "./settings.hooks";
 
 export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
     title: string;
@@ -21,19 +21,13 @@ export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
 
 export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps): React.ReactElement {
     const { title, onClose, settings, onChange, customTemplates } = props;
-    const { d2, compositionRoot } = useAppContext();
+    const { d2 } = useAppContext();
     const classes = useStyles();
 
-    const [dataForms, setDataForms] = useState<DataForm[]>([]);
-    const [selectedDataForm, setSelectedDataForm] = useState<DataForm>();
     const [templates, setTemplates] = useState<NamedRef[]>([]);
 
-    useEffect(() => {
-        compositionRoot.templates.list().then(({ dataSets, programs }) => {
-            const metadata = _.sortBy(_.concat(dataSets, programs), dataForm => dataForm.name);
-            setDataForms(metadata);
-        });
-    }, [compositionRoot]);
+    const dataForms = useDataForms();
+    const selectedDataForm = dataForms.selected;
 
     useEffect(() => {
         if (!selectedDataForm) return;
@@ -59,14 +53,7 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
         setTemplates(templateOptions);
     }, [customTemplates, selectedDataForm]);
 
-    const selectDataForm = useCallback(
-        ({ value }: SelectOption) => {
-            setSelectedDataForm(dataForms.find(item => item.id === value));
-        },
-        [dataForms]
-    );
-
-    const itemOptions = useMemo(() => getSelectOptionsFromNamedRefs(dataForms), [dataForms]);
+    const itemOptions = dataForms.options;
     const templatesOptions = useMemo(() => modelToSelectOption(templates), [templates]);
     const templateIdsSelected: Id[] = settings.getTemplateIdsForDataForm(selectedDataForm);
 
@@ -93,7 +80,7 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
                 <Select
                     placeholder={i18n.t("Dataset/Program")}
                     options={itemOptions}
-                    onChange={selectDataForm}
+                    onChange={dataForms.setSelected}
                     value={selectedDataForm?.id ?? ""}
                 />
             </div>
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 01929a55..d9724b2a 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateEditDialog.tsx b/src/webapp/components/settings/TemplateEditDialog.tsx
index edb063cd..3abf053c 100644
--- a/src/webapp/components/settings/TemplateEditDialog.tsx
+++ b/src/webapp/components/settings/TemplateEditDialog.tsx
@@ -1,33 +1,44 @@
-import { makeStyles, TextField, Typography } from "@material-ui/core";
+import { Grid, makeStyles, TextField, Typography } from "@material-ui/core";
 import { ConfirmationDialog } from "@eyeseetea/d2-ui-components";
-import { ChangeEvent, useCallback, useState } from "react";
+import { useCallback, useState } from "react";
 import { useDropzone } from "react-dropzone";
-import { Theme, ThemeableSections } from "../../../domain/entities/Theme";
 import i18n from "../../../locales";
 import { toBase64 } from "../../../utils/files";
-import { generatorOriginalPalette } from "../../utils/colors";
-import { ColorPicker } from "../color-picker/ColorPicker";
-import { ColorScaleSelect } from "../color-scale/ColorScaleSelect";
-import { Select, SelectOption } from "../select/Select";
-
-interface ThemeEditDialogProps {
-    type: "new" | "edit";
-    theme?: Theme;
-    onSave: (theme: Theme) => void;
+import { Select } from "../select/Select";
+import { CustomTemplate } from "../../../domain/entities/Template";
+import React from "react";
+import { useDataForms } from "./settings.hooks";
+import {
+    CustomTemplateProgramViewModel,
+    CustomTemplateProgramViewModelActions,
+} from "./templates/CustomTemplateProgramViewModel";
+
+export interface CustomTemplateEditDialogProps {
+    action: CustomTemplateAction;
+    onSave: (template: CustomTemplate) => void;
     onCancel: () => void;
 }
 
-export default function ThemeEditDialog({ type, theme: editTheme, onSave, onCancel }: ThemeEditDialogProps) {
+export type CustomTemplateAction = { type: "new" } | { type: "edit"; template: CustomTemplate };
+
+export function CustomTemplateEditDialog(props: CustomTemplateEditDialogProps) {
+    const { action, onSave, onCancel } = props;
     const classes = useStyles();
-    const [theme, updateTheme] = useState<Theme>(editTheme ?? new Theme());
 
-    const defaultColorOption = theme.palette.length > 1 ? "pattern" : "fixed";
-    const [colorOption, setColorOption] = useState<string>(defaultColorOption);
+    const getInitialTemplate = (): CustomTemplateProgramViewModel =>
+        props.action.type === "edit"
+            ? CustomTemplateProgramViewModelActions.fromTemplate(props.action.template)
+            : CustomTemplateProgramViewModelActions.build();
+
+    const [template, setTemplate] = useState(getInitialTemplate);
+
+    const dataForms = useDataForms({ initialSelectionId: template.dataFormId || undefined });
 
     const onDrop = useCallback(async ([file]: File[]) => {
         if (!file) return;
         const src = await toBase64(file);
-        updateTheme(theme => theme.updatePicture("logo", { name: file.name, src }));
+        console.debug(src);
+        //updateTemplate(theme => theme.updatePicture("logo", { name: file.name, src }));
     }, []);
 
     const { getRootProps, getInputProps } = useDropzone({
@@ -35,127 +46,106 @@ export default function ThemeEditDialog({ type, theme: editTheme, onSave, onCanc
         accept: "image/jpeg, image/png",
     });
 
-    const title = type === "edit" ? i18n.t("Edit theme") : i18n.t("New theme");
-
-    const updateName = (event: ChangeEvent<HTMLInputElement>) => {
-        const name = event.target.value;
-        updateTheme(theme => theme.setName(name));
-    };
+    const title = action.type === "edit" ? i18n.t("Edit custom template") : i18n.t("New custom template");
 
-    const updatePalette = (newColors: string | string[]) => {
-        const palette = [newColors].flat();
-        updateTheme(theme => theme.updateColorPalette(palette));
-    };
+    const save = React.useCallback(() => {
+        onSave(template as unknown as CustomTemplate);
+    }, [onSave, template]);
 
-    const updateSection = (field: ThemeableSections) => {
-        return (event: ChangeEvent<HTMLInputElement>) => {
-            const text = event.target.value;
-
-            // TODO: This should be configurable from the UI
-            const fontSize = field === "title" ? 22 : 12;
-            const italic = field === "subtitle";
-
-            updateTheme(theme => theme.updateSection(field, text ? { text, fontSize, italic } : undefined));
+    function setFieldFromEvent(field: keyof CustomTemplateProgramViewModel) {
+        return (ev: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
+            setTemplate(prevTemplate =>
+                CustomTemplateProgramViewModelActions.update(prevTemplate, field, ev.target.value)
+            );
         };
-    };
-
-    const saveTheme = () => onSave(theme);
-
-    const changeColorOption = ({ value }: SelectOption) => {
-        const fixedColor = theme.palette[0];
-        if (!fixedColor) return;
-
-        const defaultPalette = generatorOriginalPalette["default"][9];
-        const palette = theme.palette.length > 1 ? theme.palette : defaultPalette;
-
-        updatePalette(value === "fixed" ? [fixedColor] : palette);
-        setColorOption(value);
-    };
+    }
 
     return (
         <ConfirmationDialog
             isOpen={true}
             title={title}
-            onSave={saveTheme}
+            onSave={save}
             onCancel={onCancel}
             maxWidth={"lg"}
             fullWidth={true}
         >
-            <div className={classes.group}>
+            <Group>
                 <TextField
                     className={classes.text}
-                    label={i18n.t("Theme name")}
+                    label={i18n.t("Template Code")}
                     required={true}
                     fullWidth={true}
-                    value={theme.name ?? ""}
-                    onChange={updateName}
+                    value={template.code || ""}
+                    disabled={action.type === "edit"}
+                    onChange={setFieldFromEvent("code")}
                 />
-            </div>
-
-            <div className={classes.group} style={{ marginBottom: 5 }}>
-                <Typography variant="h6">{i18n.t("Colors")}</Typography>
-                <div className={classes.colorOptions}>
-                    <div className={classes.colorOptionsPicker}>
-                        <Select
-                            placeholder={i18n.t("Color options")}
-                            options={colorPickerOptions}
-                            value={colorOption}
-                            onChange={changeColorOption}
-                        />
-                    </div>
-
-                    {theme.palette.length > 1 ? (
-                        <ColorScaleSelect
-                            selected={theme.palette}
-                            onChange={updatePalette}
-                            additionalPalettes={generatorOriginalPalette}
-                        />
-                    ) : (
-                        <ColorPicker
-                            color={theme.palette[0]}
-                            onChange={updatePalette}
-                            width={34}
-                            height={36}
-                            disableArrow={true}
-                        />
-                    )}
-                </div>
-            </div>
 
-            <div className={classes.group}>
-                <Typography variant="h6">{i18n.t("Headings")}</Typography>
                 <TextField
                     className={classes.text}
-                    label={i18n.t("Title text")}
+                    label={i18n.t("Template Name")}
+                    required={true}
                     fullWidth={true}
-                    multiline={true}
-                    value={theme.sections?.title?.text ?? ""}
-                    onChange={updateSection("title")}
+                    value={template.name || ""}
+                    onChange={setFieldFromEvent("name")}
                 />
+
                 <TextField
                     className={classes.text}
-                    label={i18n.t("Subtitle text")}
+                    label={i18n.t("Template Description")}
+                    required={false}
                     fullWidth={true}
-                    multiline={true}
-                    value={theme.sections?.subtitle?.text ?? ""}
-                    onChange={updateSection("subtitle")}
+                    value={template.description || ""}
+                    onChange={setFieldFromEvent("description")}
+                />
+
+                <Select
+                    placeholder={i18n.t("Program/Dataset")}
+                    options={dataForms.options}
+                    value={dataForms.selected?.id}
+                    onChange={dataForms.setSelected}
                 />
-            </div>
+            </Group>
+
+            <Group title={i18n.t("Data Source Configuration")}>
+                <Grid container spacing={1}>
+                    <Grid item xs={6}>
+                        <TextField
+                            className={classes.text}
+                            label={i18n.t("Event UID - Sheet")}
+                            fullWidth={true}
+                            value={template.eventIdSheet}
+                            onChange={setFieldFromEvent("eventIdSheet")}
+                        />
+                    </Grid>
+
+                    <Grid item xs={6}>
+                        <TextField
+                            className={classes.text}
+                            label={i18n.t("Event UID - Column")}
+                            fullWidth={true}
+                            value={template.eventIdColumn}
+                            onChange={setFieldFromEvent("eventIdColumn")}
+                        />
+                    </Grid>
+                </Grid>
+            </Group>
+
+            <Group title={i18n.t("Styles")}></Group>
 
-            <div className={classes.group}>
-                <Typography variant="h6">{i18n.t("Logo")}</Typography>
+            <Group title={i18n.t("File")}>
                 <div {...getRootProps({ className: classes.dropzone })}>
                     <input {...getInputProps()} />
-                    {theme.pictures?.logo?.name ?? <p>{i18n.t("Drag and drop logo file")}</p>}
+
+                    {"template.xlsx" ?? <p>{i18n.t("Drag and drop template file")}</p>}
                 </div>
-            </div>
+            </Group>
         </ConfirmationDialog>
     );
 }
 
 const useStyles = makeStyles({
     group: { marginBottom: 25, marginLeft: 0 },
-    text: { marginTop: 8 },
+    text: { marginTop: 10, marginBottom: 10 },
     colorOptions: { marginTop: 12, marginBottom: 0, display: "flex" },
     colorOptionsPicker: { width: "20%", marginRight: 30 },
     dropzone: {
@@ -174,13 +164,14 @@ const useStyles = makeStyles({
     },
 });
 
-const colorPickerOptions = [
-    {
-        label: i18n.t("Pattern"),
-        value: "pattern",
-    },
-    {
-        label: i18n.t("Fixed"),
-        value: "fixed",
-    },
-];
+const Group: React.FC<{ title?: string }> = props => {
+    const { title, children } = props;
+    const classes = useStyles();
+
+    return (
+        <div className={classes.group}>
+            {title && <Typography variant="h6">{title}</Typography>}
+            {children}
+        </div>
+    );
+};
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index ff2b8ce0..7ad20b0e 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -1,3 +1,4 @@
+import React, { useState } from "react";
 import {
     ConfirmationDialog,
     ObjectsTable,
@@ -11,15 +12,18 @@ import {
 } from "@eyeseetea/d2-ui-components";
 import { Button, Icon } from "@material-ui/core";
 import _ from "lodash";
-import React, { useState } from "react";
+import moment from "moment";
+
 import i18n from "../../../locales";
 import { RouteComponentProps } from "../../pages/Router";
 import { promiseMap } from "../../../utils/promises";
 import { CustomTemplate } from "../../../domain/entities/Template";
-import { firstOrFail } from "../../../types/utils";
-import moment from "moment";
+import { firstOrFail, isValueInUnionType } from "../../../types/utils";
 import { TemplatePermissionsDialog } from "./TemplatePermissionsDialog";
 import { useAppContext } from "../../contexts/app-context";
+import { CustomTemplateAction, CustomTemplateEditDialog } from "./TemplateEditDialog";
+import { downloadFile } from "../../utils/download";
+import { DataFormType, dataFormTypes, getTranslations } from "../../../domain/entities/DataForm";
 
 interface WarningDialog {
     title?: string;
@@ -34,6 +38,8 @@ export interface TemplateRow {
     description: string;
     created: string;
     lastUpdated: string;
+    dataFormId: string;
+    dataFormType: DataFormType;
 }
 
 type TemplateListTableProps = Pick<
@@ -41,16 +47,17 @@ type TemplateListTableProps = Pick<
     "settings" | "setSettings" | "customTemplates" | "setCustomTemplates"
 >;
 
-type FormState = { type: "edit" | "new"; template?: CustomTemplate };
-
 export default function TemplateListTable(props: TemplateListTableProps) {
     const { settings, setSettings, customTemplates, setCustomTemplates } = props;
-    const { compositionRoot } = useAppContext();
+    const { api, compositionRoot } = useAppContext();
     const snackbar = useSnackbar();
     const loading = useLoading();
 
     const [selection, setSelection] = useState<TableSelection[]>([]);
-    const [customTemplateEdit, setCustomTemplateEdit] = useState<FormState>();
+    const [customTemplateEdit, setCustomTemplateEdit] = useState<CustomTemplateAction | undefined>({
+        type: "edit",
+        template: firstOrFail(customTemplates),
+    });
     const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
 
     const rows = buildCustomTemplateRow(customTemplates);
@@ -83,30 +90,67 @@ export default function TemplateListTable(props: TemplateListTableProps) {
 
     const edit = (ids: string[]) => {
         const template = customTemplates.find(row => row.id === ids[0]);
-        if (template) setCustomTemplateEdit({ type: "edit", template: template });
+        if (template) setCustomTemplateEdit({ type: "edit", template });
     };
 
-    const deleteTemplates = (ids: string[]) => {
-        setWarningDialog({
-            title: i18n.t("Delete {{count}} templates", { count: ids.length }),
-            description: i18n.t("Are you sure you want to remove the selected templates"),
-            action: async () => {
-                loading.show();
-                await promiseMap(ids, id => {
-                    return compositionRoot.templates.delete(id);
+    const deleteTemplates = React.useCallback(
+        (ids: string[]) => {
+            setWarningDialog({
+                title: i18n.t("Delete {{count}} templates", { count: ids.length }),
+                description: i18n.t("Are you sure you want to remove the selected templates"),
+                action: async () => {
+                    loading.show();
+                    await promiseMap(ids, id => compositionRoot.templates.delete(id));
+                    setSelection([]);
+                    setCustomTemplates(_.reject(customTemplates, ({ id }) => ids.includes(id)));
+                    loading.hide();
+                },
+            });
+        },
+        [compositionRoot.templates, customTemplates, loading, setCustomTemplates]
+    );
+
+    const downloadSpreadsheet = React.useCallback(
+        (templateId: string) => {
+            const template = customTemplates.find(row => row.id === templateId);
+            const row = rows.find(row => row.id === templateId);
+
+            if (template) {
+                downloadFile({
+                    filename: template.id + ".xlsx",
+                    data: Buffer.from(template.file.blob, "base64"),
+                    mimeType: "application/vnd.ms-excel",
                 });
-                setSelection([]);
-                setCustomTemplates(_.reject(customTemplates, ({ id }) => ids.includes(id)));
-                loading.hide();
-            },
-        });
-    };
+            } else if (row) {
+                compositionRoot.templates.download(api, {
+                    type: row.dataFormType,
+                    id: row.dataFormId,
+                    language: "en",
+                    settings,
+                    populate: false,
+                    downloadRelationships: false,
+                });
+            } else {
+                snackbar.error(i18n.t("Cannot download spreadsheet for template"));
+                return;
+            }
+        },
+        [customTemplates, compositionRoot, rows, snackbar, api, settings]
+    );
+
+    const closeWarningDialog = React.useCallback(() => {
+        setWarningDialog(null);
+    }, []);
 
-    const closeWarningDialog = () => setWarningDialog(null);
+    const translations = React.useMemo(getTranslations, []);
 
     const columns: TableColumn<TemplateRow>[] = [
         { name: "name", text: i18n.t("Name") },
-        { name: "description", text: i18n.t("Description"), getValue: row => row.description || "-" },
+        {
+            name: "dataFormType",
+            text: i18n.t("Data Form Type"),
+            getValue: row => translations.dataFormTypes[row.dataFormType],
+        },
         {
             name: "type",
             text: i18n.t("Type"),
@@ -124,6 +168,13 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             onClick: selectedIds => setSettingsState({ type: "open", id: firstOrFail(selectedIds) }),
             icon: <Icon>share</Icon>,
         },
+        {
+            name: "download_spreadsheet",
+            text: i18n.t("Download spreadsheet"),
+            primary: false,
+            onClick: selectedIds => downloadSpreadsheet(firstOrFail(selectedIds)),
+            icon: <Icon>share</Icon>,
+        },
         {
             name: "edit",
             text: i18n.t("Edit"),
@@ -177,14 +228,9 @@ export default function TemplateListTable(props: TemplateListTableProps) {
                 />
             )}
 
-            {/*!!customTemplateEdit && (
-                <CustomTemplateDialog
-                    type={customTemplateEdit.type}
-                    theme={customTemplateEdit.theme}
-                    onSave={saveTheme}
-                    onCancel={closeThemeEdit}
-                />
-            ) */}
+            {customTemplateEdit && (
+                <CustomTemplateEditDialog action={customTemplateEdit} onSave={save} onCancel={closeEdit} />
+            )}
 
             <ObjectsTable<TemplateRow>
                 rows={rows}
@@ -205,23 +251,32 @@ export default function TemplateListTable(props: TemplateListTableProps) {
 
 function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[] {
     return _(customTemplates)
-        .flatMap(({ id, name, description, created, lastUpdated }) => {
+        .flatMap(({ id, name, description, created, lastUpdated, dataFormId, dataFormType }) => {
+            const dataFormId_ = dataFormId.type === "value" ? dataFormId.id : undefined;
+            const dataFormType_ = dataFormType.type === "value" ? dataFormType.id : undefined;
+            if (!dataFormId_) return [];
+            if (!(dataFormType_ && isValueInUnionType(dataFormType_, dataFormTypes))) return [];
+
             const customRow: TemplateRow = {
                 type: "custom",
                 id,
                 name,
                 description,
-                created: "",
-                lastUpdated: "",
+                created: `${created.user.username} (${formatDate(created.timestamp)})`,
+                lastUpdated: `${created.user.username} (${formatDate(lastUpdated.timestamp)})`,
+                dataFormId: dataFormId_,
+                dataFormType: dataFormType_,
             };
 
             const autogeneratedRow: TemplateRow = {
                 ...customRow,
-                id: "autogenerated-customRow.id",
+                id: "autogenerated-" + customRow.id,
                 type: "autogenerated",
                 description: "",
-                created: `${created.user.username} (${formatDate(created.timestamp)})`,
-                lastUpdated: `${created.user.username} (${formatDate(lastUpdated.timestamp)})`,
+                created: "",
+                lastUpdated: "",
+                dataFormId: dataFormId_,
+                dataFormType: dataFormType_,
             };
 
             return [customRow, autogeneratedRow];
diff --git a/src/webapp/components/settings/settings.hooks.ts b/src/webapp/components/settings/settings.hooks.ts
new file mode 100644
index 00000000..82d5ef49
--- /dev/null
+++ b/src/webapp/components/settings/settings.hooks.ts
@@ -0,0 +1,43 @@
+import React from "react";
+import { DataForm } from "../../../domain/entities/DataForm";
+import { Id } from "../../../domain/entities/ReferenceObject";
+import { Maybe } from "../../../types/utils";
+import { useAppContext } from "../../contexts/app-context";
+import { getSelectOptionsFromNamedRefs } from "../../utils/refs";
+import { SelectOption } from "../select/Select";
+
+export function useDataForms(options: { initialSelectionId?: Id } = {}) {
+    const { compositionRoot } = useAppContext();
+
+    const [dataForms, setDataForms] = React.useState<DataForm[]>();
+
+    const [selected, setSelected] = React.useState<Maybe<DataForm>>();
+
+    React.useEffect(() => {
+        if (!dataForms || !options.initialSelectionId) return;
+        const initialSelected = dataForms.find(df => df.id === options.initialSelectionId);
+        if (initialSelected) setSelected(initialSelected);
+    }, [dataForms, options.initialSelectionId]);
+
+    React.useEffect(() => {
+        compositionRoot.templates.get().then(setDataForms);
+    }, [compositionRoot]);
+
+    const selectOptions = React.useMemo(() => {
+        return dataForms ? getSelectOptionsFromNamedRefs(dataForms) : [];
+    }, [dataForms]);
+
+    const selectDataForm = React.useCallback(
+        ({ value }: SelectOption) => {
+            setSelected(dataForms?.find(item => item.id === value));
+        },
+        [dataForms]
+    );
+
+    return {
+        objects: dataForms,
+        options: selectOptions,
+        selected,
+        setSelected: selectDataForm,
+    };
+}
diff --git a/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts b/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
new file mode 100644
index 00000000..bf9069e7
--- /dev/null
+++ b/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
@@ -0,0 +1,55 @@
+import { CustomTemplate } from "../../../../domain/entities/Template";
+import { Maybe } from "../../../../types/utils";
+
+export interface CustomTemplateProgramViewModel {
+    code: string;
+    name: string;
+    description: string;
+
+    dataFormId: Maybe<string>;
+
+    eventIdSheet: string;
+    eventIdColumn: string;
+}
+
+export class CustomTemplateProgramViewModelActions {
+    static build(): CustomTemplateProgramViewModel {
+        const viewModel: CustomTemplateProgramViewModel = {
+            code: "",
+            name: "",
+            dataFormId: undefined,
+            description: "",
+            eventIdSheet: "Data Entry",
+            eventIdColumn: "A",
+        };
+
+        return viewModel;
+    }
+
+    static fromTemplate(template: CustomTemplate): CustomTemplateProgramViewModel {
+        const dataSource = template.dataSources?.[0];
+        const empty = this.build();
+        const dataSourceHasTypeRow = dataSource && "type" in dataSource && dataSource.type === "row";
+        const eventId =
+            dataSourceHasTypeRow && dataSource.eventId?.type === "column"
+                ? { sheet: dataSource.eventId.sheet.toString(), column: dataSource.eventId.ref }
+                : { sheet: empty.eventIdSheet, column: empty.eventIdColumn };
+
+        return {
+            code: template.id,
+            name: template.name,
+            dataFormId: template.dataFormId.type === "value" ? template.dataFormId.id : undefined,
+            description: template.description,
+            eventIdSheet: eventId.sheet,
+            eventIdColumn: eventId.column,
+        };
+    }
+
+    static update<Field extends keyof CustomTemplateProgramViewModel>(
+        viewModel: CustomTemplateProgramViewModel,
+        field: Field,
+        value: CustomTemplateProgramViewModel[Field]
+    ): CustomTemplateProgramViewModel {
+        return { ...viewModel, [field]: value };
+    }
+}
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 82d70066..ecdf9a7e 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -24,7 +24,7 @@ import {
 import { Id, NamedRef } from "../../domain/entities/ReferenceObject";
 import i18n from "../../locales";
 import { D2Api, Ref } from "../../types/d2-api";
-import { GetArrayInnerType, Maybe } from "../../types/utils";
+import { GetArrayInnerType, Maybe, OkOrError } from "../../types/utils";
 
 const privateFields = ["currentUser"] as const;
 
@@ -56,8 +56,6 @@ interface CurrentUser extends Ref {
     authorities: Set<string>;
 }
 
-type OkOrError = { status: true } | { status: false; error: string };
-
 type PermissionValue =
     | { type: "all" }
     | {
diff --git a/src/webapp/utils/download.ts b/src/webapp/utils/download.ts
new file mode 100644
index 00000000..de5326d8
--- /dev/null
+++ b/src/webapp/utils/download.ts
@@ -0,0 +1,17 @@
+interface DownloadFileOptions {
+    filename: string;
+    data: string | Buffer;
+    mimeType: string;
+}
+
+export function downloadFile(options: DownloadFileOptions): void {
+    const { filename, data, mimeType } = options;
+    const blob = new Blob([data], { type: mimeType });
+    const element = document.querySelector<HTMLAnchorElement>("#download") || document.createElement("a");
+    element.id = "download-file";
+    element.href = window.URL.createObjectURL(blob);
+    element.setAttribute("download", filename);
+    element.style.display = "none";
+    document.body.appendChild(element);
+    element.click();
+}

From f38105942e3ece6ec326891edd3dbbd79816c0fe Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Mon, 11 Apr 2022 09:43:37 +0200
Subject: [PATCH 17/37] Update i18n

---
 i18n/en.pot |  87 ++++++++++++++++++++++++++++--------
 i18n/es.po  | 123 +++++++++++++++++++++++++++++++++++++-------------
 i18n/fr.po  | 124 +++++++++++++++++++++++++++++++++++++--------------
 i18n/pt.po  | 126 ++++++++++++++++++++++++++++++++++++++--------------
 i18n/ru.po  | 126 ++++++++++++++++++++++++++++++++++++++--------------
 5 files changed, 436 insertions(+), 150 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 7581672b..02e751a7 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
-"PO-Revision-Date: 2022-04-06T12:23:15.403Z\n"
+"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
+"PO-Revision-Date: 2022-04-08T12:27:13.174Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -55,6 +55,15 @@ msgid ""
 "administrator."
 msgstr ""
 
+msgid "Data Set"
+msgstr ""
+
+msgid "Event Program"
+msgstr ""
+
+msgid "Tracker Program"
+msgstr ""
+
 msgid "Cannot read data form id"
 msgstr ""
 
@@ -291,40 +300,40 @@ msgstr ""
 msgid "Permissions"
 msgstr ""
 
-msgid "Edit theme"
+msgid "Edit custom template"
 msgstr ""
 
-msgid "New theme"
+msgid "New custom template"
 msgstr ""
 
-msgid "Theme name"
+msgid "Template Code"
 msgstr ""
 
-msgid "Colors"
+msgid "Template Name"
 msgstr ""
 
-msgid "Color options"
+msgid "Template Description"
 msgstr ""
 
-msgid "Headings"
+msgid "Program/Dataset"
 msgstr ""
 
-msgid "Title text"
+msgid "Data Source Configuration"
 msgstr ""
 
-msgid "Subtitle text"
+msgid "Event UID - Sheet"
 msgstr ""
 
-msgid "Logo"
+msgid "Event UID - Column"
 msgstr ""
 
-msgid "Drag and drop logo file"
+msgid "Styles"
 msgstr ""
 
-msgid "Pattern"
+msgid "File"
 msgstr ""
 
-msgid "Fixed"
+msgid "Drag and drop template file"
 msgstr ""
 
 msgid "An error ocurred while saving custom template"
@@ -338,10 +347,13 @@ msgstr[1] ""
 msgid "Are you sure you want to remove the selected templates"
 msgstr ""
 
+msgid "Cannot download spreadsheet for template"
+msgstr ""
+
 msgid "Name"
 msgstr ""
 
-msgid "Description"
+msgid "Data Form Type"
 msgstr ""
 
 msgid "Type"
@@ -359,6 +371,9 @@ msgstr ""
 msgid "Sharing Settings"
 msgstr ""
 
+msgid "Download spreadsheet"
+msgstr ""
+
 msgid "Edit"
 msgstr ""
 
@@ -410,9 +425,6 @@ msgstr ""
 msgid "JSON Response"
 msgstr ""
 
-msgid "Data Set"
-msgstr ""
-
 msgid "Template"
 msgstr ""
 
@@ -494,6 +506,42 @@ msgstr ""
 msgid "End date"
 msgstr ""
 
+msgid "Edit theme"
+msgstr ""
+
+msgid "New theme"
+msgstr ""
+
+msgid "Theme name"
+msgstr ""
+
+msgid "Colors"
+msgstr ""
+
+msgid "Color options"
+msgstr ""
+
+msgid "Headings"
+msgstr ""
+
+msgid "Title text"
+msgstr ""
+
+msgid "Subtitle text"
+msgstr ""
+
+msgid "Logo"
+msgstr ""
+
+msgid "Drag and drop logo file"
+msgstr ""
+
+msgid "Pattern"
+msgstr ""
+
+msgid "Fixed"
+msgstr ""
+
 msgid "An error ocurred while saving theme"
 msgstr ""
 
@@ -549,6 +597,9 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
+msgid "Description"
+msgstr ""
+
 msgid "Value Type"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index 05103d00..76caca7b 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
+"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -63,6 +63,17 @@ msgstr ""
 "El almacén de datos de mordedura de serpiente {{tipo}} está dañado. Por "
 "favor, póngase en contacto con un administrador."
 
+msgid "Data Set"
+msgstr "Data Set"
+
+#, fuzzy
+msgid "Event Program"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Tracker Program"
+msgstr "Programa"
+
 msgid "Cannot read data form id"
 msgstr "No se pueden leer los datos del formulario id"
 
@@ -319,41 +330,49 @@ msgstr "Elementos de datos usados para identificar los duplicados"
 msgid "Permissions"
 msgstr "Permisos"
 
-msgid "Edit theme"
-msgstr "Editar tema"
+#, fuzzy
+msgid "Edit custom template"
+msgstr "Acceso a la generación de plantillas"
 
-msgid "New theme"
-msgstr "Nuevo tema"
+#, fuzzy
+msgid "New custom template"
+msgstr "Crear tema"
 
-msgid "Theme name"
-msgstr "Nombre del tema"
+#, fuzzy
+msgid "Template Code"
+msgstr "Plantilla"
 
-msgid "Colors"
-msgstr "Colores"
+#, fuzzy
+msgid "Template Name"
+msgstr "Plantilla"
 
-msgid "Color options"
-msgstr "Opciones de color"
+#, fuzzy
+msgid "Template Description"
+msgstr "Acceso a la generación de plantillas"
 
-msgid "Headings"
-msgstr "Encabezamientos"
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programa"
 
-msgid "Title text"
-msgstr "Título"
+#, fuzzy
+msgid "Data Source Configuration"
+msgstr "Acceso a la generación de plantillas"
 
-msgid "Subtitle text"
-msgstr "Subtítulo"
+msgid "Event UID - Sheet"
+msgstr ""
 
-msgid "Logo"
-msgstr "Logo"
+msgid "Event UID - Column"
+msgstr ""
 
-msgid "Drag and drop logo file"
-msgstr "Mueva aquí los ficheros a importar"
+msgid "Styles"
+msgstr ""
 
-msgid "Pattern"
-msgstr "Patrón de colores"
+msgid "File"
+msgstr ""
 
-msgid "Fixed"
-msgstr "Fijo"
+#, fuzzy
+msgid "Drag and drop template file"
+msgstr "Mueva aquí los ficheros a importar"
 
 #, fuzzy
 msgid "An error ocurred while saving custom template"
@@ -369,11 +388,14 @@ msgstr[1] ""
 msgid "Are you sure you want to remove the selected templates"
 msgstr "Esta seguro que quiere borrar los temas seleccionados"
 
+msgid "Cannot download spreadsheet for template"
+msgstr ""
+
 msgid "Name"
 msgstr "Nombre"
 
-msgid "Description"
-msgstr "Descripción"
+msgid "Data Form Type"
+msgstr ""
 
 msgid "Type"
 msgstr "Tipo"
@@ -393,6 +415,10 @@ msgstr "Actualizados"
 msgid "Sharing Settings"
 msgstr "Configuración"
 
+#, fuzzy
+msgid "Download spreadsheet"
+msgstr "Descargar plantilla"
+
 msgid "Edit"
 msgstr "Editar"
 
@@ -446,9 +472,6 @@ msgstr "Mensajes"
 msgid "JSON Response"
 msgstr "Respuesta JSON"
 
-msgid "Data Set"
-msgstr "Data Set"
-
 msgid "Template"
 msgstr "Plantilla"
 
@@ -530,6 +553,42 @@ msgstr "Fecha inicial"
 msgid "End date"
 msgstr "Fecha final"
 
+msgid "Edit theme"
+msgstr "Editar tema"
+
+msgid "New theme"
+msgstr "Nuevo tema"
+
+msgid "Theme name"
+msgstr "Nombre del tema"
+
+msgid "Colors"
+msgstr "Colores"
+
+msgid "Color options"
+msgstr "Opciones de color"
+
+msgid "Headings"
+msgstr "Encabezamientos"
+
+msgid "Title text"
+msgstr "Título"
+
+msgid "Subtitle text"
+msgstr "Subtítulo"
+
+msgid "Logo"
+msgstr "Logo"
+
+msgid "Drag and drop logo file"
+msgstr "Mueva aquí los ficheros a importar"
+
+msgid "Pattern"
+msgstr "Patrón de colores"
+
+msgid "Fixed"
+msgstr "Fijo"
+
 msgid "An error ocurred while saving theme"
 msgstr "Ha ocurrido un error mientras se guardaba el tema"
 
@@ -587,6 +646,9 @@ msgstr "Fecha de inscripción"
 msgid "Incident Date"
 msgstr "Fecha del incidente"
 
+msgid "Description"
+msgstr "Descripción"
+
 msgid "Value Type"
 msgstr "Tipo de valor"
 
@@ -782,4 +844,3 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configuración guardada"
-
diff --git a/i18n/fr.po b/i18n/fr.po
index 1c3218c8..328f7500 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
+"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -55,6 +55,17 @@ msgid ""
 "Snake bite data store {{type}} is corrupted. Please contact an administrator."
 msgstr ""
 
+msgid "Data Set"
+msgstr "Base de données"
+
+#, fuzzy
+msgid "Event Program"
+msgstr "Programme"
+
+#, fuzzy
+msgid "Tracker Program"
+msgstr "Programme"
+
 msgid "Cannot read data form id"
 msgstr ""
 
@@ -299,41 +310,49 @@ msgstr "Éléments de données utilisés pour l'identification des doublons"
 msgid "Permissions"
 msgstr "Autorisations"
 
-msgid "Edit theme"
-msgstr "Modifier le thème"
+#, fuzzy
+msgid "Edit custom template"
+msgstr "Modèle"
 
-msgid "New theme"
-msgstr "Nouveau thème"
+#, fuzzy
+msgid "New custom template"
+msgstr "Modèle"
 
-msgid "Theme name"
-msgstr "Nom du thème"
+#, fuzzy
+msgid "Template Code"
+msgstr "Modèle"
 
-msgid "Colors"
-msgstr "Couleurs"
+#, fuzzy
+msgid "Template Name"
+msgstr "Modèle"
 
-msgid "Color options"
-msgstr "Options de couleurs"
+#, fuzzy
+msgid "Template Description"
+msgstr "Accès à la génération de modèles"
 
-msgid "Headings"
-msgstr "En-tête du modèle"
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programme"
 
-msgid "Title text"
-msgstr "Titre"
+#, fuzzy
+msgid "Data Source Configuration"
+msgstr "Accès à la génération de modèles"
 
-msgid "Subtitle text"
-msgstr "Sous-titres"
+msgid "Event UID - Sheet"
+msgstr ""
 
-msgid "Logo"
-msgstr "Logo"
+msgid "Event UID - Column"
+msgstr ""
 
-msgid "Drag and drop logo file"
-msgstr "Glissez et déposez le logo ici"
+msgid "Styles"
+msgstr ""
 
-msgid "Pattern"
-msgstr "Modèle"
+msgid "File"
+msgstr ""
 
-msgid "Fixed"
-msgstr "Fixé"
+#, fuzzy
+msgid "Drag and drop template file"
+msgstr "Glissez et déposez le logo ici"
 
 #, fuzzy
 msgid "An error ocurred while saving custom template"
@@ -349,10 +368,13 @@ msgstr[1] ""
 msgid "Are you sure you want to remove the selected templates"
 msgstr "Voulez-vous vraiment supprimer les thèmes sélectionnés"
 
+msgid "Cannot download spreadsheet for template"
+msgstr ""
+
 msgid "Name"
 msgstr "Nom"
 
-msgid "Description"
+msgid "Data Form Type"
 msgstr ""
 
 msgid "Type"
@@ -373,6 +395,10 @@ msgstr "Actualisé"
 msgid "Sharing Settings"
 msgstr "Paramètres"
 
+#, fuzzy
+msgid "Download spreadsheet"
+msgstr "Télécharger modèle"
+
 msgid "Edit"
 msgstr "Éditer"
 
@@ -426,9 +452,6 @@ msgstr ""
 msgid "JSON Response"
 msgstr ""
 
-msgid "Data Set"
-msgstr "Base de données"
-
 msgid "Template"
 msgstr "Modèle"
 
@@ -512,6 +535,42 @@ msgstr "Date de début"
 msgid "End date"
 msgstr "Date de fin"
 
+msgid "Edit theme"
+msgstr "Modifier le thème"
+
+msgid "New theme"
+msgstr "Nouveau thème"
+
+msgid "Theme name"
+msgstr "Nom du thème"
+
+msgid "Colors"
+msgstr "Couleurs"
+
+msgid "Color options"
+msgstr "Options de couleurs"
+
+msgid "Headings"
+msgstr "En-tête du modèle"
+
+msgid "Title text"
+msgstr "Titre"
+
+msgid "Subtitle text"
+msgstr "Sous-titres"
+
+msgid "Logo"
+msgstr "Logo"
+
+msgid "Drag and drop logo file"
+msgstr "Glissez et déposez le logo ici"
+
+msgid "Pattern"
+msgstr "Modèle"
+
+msgid "Fixed"
+msgstr "Fixé"
+
 msgid "An error ocurred while saving theme"
 msgstr "Une erreur s'est produite lors de l'enregistrement du thème"
 
@@ -567,6 +626,9 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
+msgid "Description"
+msgstr ""
+
 msgid "Value Type"
 msgstr ""
 
@@ -765,7 +827,3 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Paramètres sauvegardés"
-
-#, fuzzy
-#~ msgid "Custom Templates"
-#~ msgstr "Modèle"
diff --git a/i18n/pt.po b/i18n/pt.po
index a3130829..c04ca517 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
+"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -63,6 +63,17 @@ msgstr ""
 "O armazenamento de dados da mordida da cobra {{tipo}} está corrompido. Por "
 "favor contacte um administrador."
 
+msgid "Data Set"
+msgstr "Data Set"
+
+#, fuzzy
+msgid "Event Program"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Tracker Program"
+msgstr "Programa"
+
 msgid "Cannot read data form id"
 msgstr "Não é possível ler os dados do formulário de identificação"
 
@@ -320,41 +331,49 @@ msgstr "Elementos de dados usados para identificação de duplicatas"
 msgid "Permissions"
 msgstr "Permissões"
 
-msgid "Edit theme"
-msgstr "Editar tema"
+#, fuzzy
+msgid "Edit custom template"
+msgstr "Modelo"
 
-msgid "New theme"
-msgstr "Novo tema"
+#, fuzzy
+msgid "New custom template"
+msgstr "Modelo"
 
-msgid "Theme name"
-msgstr "Nome do tema"
+#, fuzzy
+msgid "Template Code"
+msgstr "Modelo"
 
-msgid "Colors"
-msgstr "Cores"
+#, fuzzy
+msgid "Template Name"
+msgstr "Modelo"
 
-msgid "Color options"
-msgstr "Opções de cores"
+#, fuzzy
+msgid "Template Description"
+msgstr "Acesso à geração de planilhas"
 
-msgid "Headings"
-msgstr "Cabeçalhos"
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programa"
 
-msgid "Title text"
-msgstr "Texto do título"
+#, fuzzy
+msgid "Data Source Configuration"
+msgstr "Acesso à geração de planilhas"
 
-msgid "Subtitle text"
-msgstr "Texto da legenda"
+msgid "Event UID - Sheet"
+msgstr ""
 
-msgid "Logo"
-msgstr "Logotipo"
+msgid "Event UID - Column"
+msgstr ""
 
-msgid "Drag and drop logo file"
-msgstr "Arraste e solte o logotipo aqui"
+msgid "Styles"
+msgstr ""
 
-msgid "Pattern"
-msgstr "Padrão"
+msgid "File"
+msgstr ""
 
-msgid "Fixed"
-msgstr "Fixo"
+#, fuzzy
+msgid "Drag and drop template file"
+msgstr "Arraste e solte o logotipo aqui"
 
 #, fuzzy
 msgid "An error ocurred while saving custom template"
@@ -370,11 +389,14 @@ msgstr[1] ""
 msgid "Are you sure you want to remove the selected templates"
 msgstr "Tem certeza de que deseja excluir os temas selecionados"
 
+msgid "Cannot download spreadsheet for template"
+msgstr ""
+
 msgid "Name"
 msgstr "Nome"
 
-msgid "Description"
-msgstr "Descrição"
+msgid "Data Form Type"
+msgstr ""
 
 msgid "Type"
 msgstr "Tipo"
@@ -394,6 +416,10 @@ msgstr "Atualizada"
 msgid "Sharing Settings"
 msgstr "Configurações"
 
+#, fuzzy
+msgid "Download spreadsheet"
+msgstr "Descarregar a planilha"
+
 msgid "Edit"
 msgstr "Editar"
 
@@ -447,9 +473,6 @@ msgstr "Mensagens"
 msgid "JSON Response"
 msgstr "Resposta do JSON"
 
-msgid "Data Set"
-msgstr "Data Set"
-
 msgid "Template"
 msgstr "Modelo"
 
@@ -531,6 +554,42 @@ msgstr "Data de início"
 msgid "End date"
 msgstr "Data de fim"
 
+msgid "Edit theme"
+msgstr "Editar tema"
+
+msgid "New theme"
+msgstr "Novo tema"
+
+msgid "Theme name"
+msgstr "Nome do tema"
+
+msgid "Colors"
+msgstr "Cores"
+
+msgid "Color options"
+msgstr "Opções de cores"
+
+msgid "Headings"
+msgstr "Cabeçalhos"
+
+msgid "Title text"
+msgstr "Texto do título"
+
+msgid "Subtitle text"
+msgstr "Texto da legenda"
+
+msgid "Logo"
+msgstr "Logotipo"
+
+msgid "Drag and drop logo file"
+msgstr "Arraste e solte o logotipo aqui"
+
+msgid "Pattern"
+msgstr "Padrão"
+
+msgid "Fixed"
+msgstr "Fixo"
+
 msgid "An error ocurred while saving theme"
 msgstr "Ocorreu um erro ao salvar o tema"
 
@@ -588,6 +647,9 @@ msgstr "Data de inscrição"
 msgid "Incident Date"
 msgstr "Data do Incidente"
 
+msgid "Description"
+msgstr "Descrição"
+
 msgid "Value Type"
 msgstr "Tipo de Valor"
 
@@ -785,7 +847,3 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configurações salvas"
-
-#, fuzzy
-#~ msgid "Custom Templates"
-#~ msgstr "Modelo"
diff --git a/i18n/ru.po b/i18n/ru.po
index 44ca1d58..b8ca4977 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-06T12:23:15.403Z\n"
+"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -64,6 +64,17 @@ msgstr ""
 "Хранилище данных укуса змеи {{тип}} повреждено. Пожалуйста, свяжитесь с "
 "администратором."
 
+msgid "Data Set"
+msgstr "Набор данных"
+
+#, fuzzy
+msgid "Event Program"
+msgstr "Программа"
+
+#, fuzzy
+msgid "Tracker Program"
+msgstr "Программа"
+
 msgid "Cannot read data form id"
 msgstr "Невозможно прочитать данные формы id"
 
@@ -320,41 +331,49 @@ msgstr "Элементы данных, используемые для выяв
 msgid "Permissions"
 msgstr "Разрешения"
 
-msgid "Edit theme"
-msgstr "Редактировать тему"
+#, fuzzy
+msgid "Edit custom template"
+msgstr "Шаблон"
 
-msgid "New theme"
-msgstr "Новая тема"
+#, fuzzy
+msgid "New custom template"
+msgstr "Шаблон"
 
-msgid "Theme name"
-msgstr "Название темы"
+#, fuzzy
+msgid "Template Code"
+msgstr "Шаблон"
 
-msgid "Colors"
-msgstr "Цвета"
+#, fuzzy
+msgid "Template Name"
+msgstr "Шаблон"
 
-msgid "Color options"
-msgstr "Варианты цветов"
+#, fuzzy
+msgid "Template Description"
+msgstr "Доступ к генерации шаблонов"
 
-msgid "Headings"
-msgstr "Рубрики"
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Программа"
 
-msgid "Title text"
-msgstr "Текст заглавия"
+#, fuzzy
+msgid "Data Source Configuration"
+msgstr "Доступ к генерации шаблонов"
 
-msgid "Subtitle text"
-msgstr "Текст субтитров"
+msgid "Event UID - Sheet"
+msgstr ""
 
-msgid "Logo"
-msgstr "Логотип"
+msgid "Event UID - Column"
+msgstr ""
 
-msgid "Drag and drop logo file"
-msgstr "Перетащите файл логотипа"
+msgid "Styles"
+msgstr ""
 
-msgid "Pattern"
-msgstr "Узор"
+msgid "File"
+msgstr ""
 
-msgid "Fixed"
-msgstr "Исправлено"
+#, fuzzy
+msgid "Drag and drop template file"
+msgstr "Перетащите файл логотипа"
 
 #, fuzzy
 msgid "An error ocurred while saving custom template"
@@ -372,11 +391,14 @@ msgstr[3] ""
 msgid "Are you sure you want to remove the selected templates"
 msgstr "Вы уверены, что хотите удалить выбранные темы"
 
+msgid "Cannot download spreadsheet for template"
+msgstr ""
+
 msgid "Name"
 msgstr "Имя"
 
-msgid "Description"
-msgstr "Описание"
+msgid "Data Form Type"
+msgstr ""
 
 msgid "Type"
 msgstr "Тип"
@@ -396,6 +418,10 @@ msgstr "Обновленный"
 msgid "Sharing Settings"
 msgstr "Настройки"
 
+#, fuzzy
+msgid "Download spreadsheet"
+msgstr "Скачать шаблон"
+
 msgid "Edit"
 msgstr "Редактировать"
 
@@ -449,9 +475,6 @@ msgstr "Сообщения"
 msgid "JSON Response"
 msgstr "Ответ JSON"
 
-msgid "Data Set"
-msgstr "Набор данных"
-
 msgid "Template"
 msgstr "Шаблон"
 
@@ -533,6 +556,42 @@ msgstr "Дата начала"
 msgid "End date"
 msgstr "Дата окончания"
 
+msgid "Edit theme"
+msgstr "Редактировать тему"
+
+msgid "New theme"
+msgstr "Новая тема"
+
+msgid "Theme name"
+msgstr "Название темы"
+
+msgid "Colors"
+msgstr "Цвета"
+
+msgid "Color options"
+msgstr "Варианты цветов"
+
+msgid "Headings"
+msgstr "Рубрики"
+
+msgid "Title text"
+msgstr "Текст заглавия"
+
+msgid "Subtitle text"
+msgstr "Текст субтитров"
+
+msgid "Logo"
+msgstr "Логотип"
+
+msgid "Drag and drop logo file"
+msgstr "Перетащите файл логотипа"
+
+msgid "Pattern"
+msgstr "Узор"
+
+msgid "Fixed"
+msgstr "Исправлено"
+
 msgid "An error ocurred while saving theme"
 msgstr "Возникла ошибка при сохранении темы"
 
@@ -592,6 +651,9 @@ msgstr "Дата зачисления"
 msgid "Incident Date"
 msgstr "Дата инцидента"
 
+msgid "Description"
+msgstr "Описание"
+
 msgid "Value Type"
 msgstr "Тип значения"
 
@@ -787,7 +849,3 @@ msgstr "Нет захвата орг единицы соответствие э
 
 msgid "Settings saved"
 msgstr "Сохранение настроек"
-
-#, fuzzy
-#~ msgid "Custom Templates"
-#~ msgstr "Шаблон"

From 94039a7575d3baf1b0289ed33427a8716db5ea55 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Mon, 11 Apr 2022 09:46:53 +0200
Subject: [PATCH 18/37] Add download template spreadsheet file action

---
 src/domain/usecases/DownloadTemplateUseCase.ts       |  4 +++-
 src/webapp/components/settings/SettingsFields.tsx    |  2 +-
 src/webapp/components/settings/TemplateListTable.tsx |  6 ++----
 src/webapp/logic/sheetBuilder.ts                     | 11 +++++++----
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index 4d11ff93..d89cd640 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -59,10 +59,12 @@ export class DownloadTemplateUseCase implements UseCase {
             downloadRelationships,
             filterTEIEnrollmentDate,
             relationshipsOuFilter,
+            useAutogeneratedTemplate = false,
         }: DownloadTemplateProps
     ): Promise<void> {
-        const { id: templateId } = getTemplateId(type, id);
+        const { id: templateId } = getTemplateId(type, id, useAutogeneratedTemplate);
         const template = await this.templateRepository.getTemplate(templateId);
+
         const theme = themeId ? await this.templateRepository.getTheme(themeId) : undefined;
 
         const element = await getElement(api, type, id);
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index d9724b2a..01929a55 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 7ad20b0e..a438bae9 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -54,10 +54,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     const loading = useLoading();
 
     const [selection, setSelection] = useState<TableSelection[]>([]);
-    const [customTemplateEdit, setCustomTemplateEdit] = useState<CustomTemplateAction | undefined>({
-        type: "edit",
-        template: firstOrFail(customTemplates),
-    });
+    const [customTemplateEdit, setCustomTemplateEdit] = useState<CustomTemplateAction | undefined>();
     const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
 
     const rows = buildCustomTemplateRow(customTemplates);
@@ -125,6 +122,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
                 compositionRoot.templates.download(api, {
                     type: row.dataFormType,
                     id: row.dataFormId,
+                    useAutogeneratedTemplate: true,
                     language: "en",
                     settings,
                     populate: false,
diff --git a/src/webapp/logic/sheetBuilder.ts b/src/webapp/logic/sheetBuilder.ts
index 9d8439ed..9f8f9d40 100644
--- a/src/webapp/logic/sheetBuilder.ts
+++ b/src/webapp/logic/sheetBuilder.ts
@@ -48,6 +48,7 @@ export interface SheetBuilderParams {
     template: GeneratedTemplate;
     settings: Settings;
     downloadRelationships: boolean;
+    useAutogeneratedTemplate?: boolean;
 }
 
 export class SheetBuilder {
@@ -753,8 +754,8 @@ export class SheetBuilder {
     }
 
     private getVersion() {
-        const { element } = this.builder;
-        const { id: defaultVersion } = getTemplateId(element.type, element.id);
+        const { element, useAutogeneratedTemplate = false } = this.builder;
+        const { id: defaultVersion } = getTemplateId(element.type, element.id, useAutogeneratedTemplate);
         return getObjectVersion(element) ?? defaultVersion;
     }
 
@@ -1271,8 +1272,10 @@ function isTrackerProgram(element: any) {
     return element.type === "trackerPrograms";
 }
 
-export function getTemplateId(type: any, id: any) {
-    switch (id) {
+export function getTemplateId(type: any, dataFormId: any, useAutogeneratedTemplate = false) {
+    const dataFormId2 = useAutogeneratedTemplate ? dataFormId : undefined;
+
+    switch (dataFormId2) {
         case "Tu81BTLUuCT":
             return { type: "custom", id: "NHWA_MODULE_1_v1" };
         case "m5MiTPdlK17":

From ef3ba44c56ad580a09bc3320febb514bf4eec113 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 13 Apr 2022 14:36:37 +0200
Subject: [PATCH 19/37] Templates form

---
 i18n/en.pot                                   | 246 +++++-
 i18n/es.po                                    | 296 ++++++-
 i18n/fr.po                                    | 283 ++++++-
 i18n/pt.po                                    | 296 ++++++-
 i18n/ru.po                                    | 296 ++++++-
 src/CompositionRoot.ts                        |   4 +
 src/data/D2UsersRepository.ts                 |   4 +-
 src/data/TemplateWebRepository.ts             |   4 +
 .../TrackerProgramGenerated.01.ts             | 134 ++-
 .../TrackerProgramGenerated.02.ts             | 134 ++-
 .../TrackerProgramGenerated.03.ts             | 134 ++-
 src/domain/entities/Template.ts               |  46 +-
 src/domain/entities/User.ts                   |  18 +-
 src/domain/helpers/ExcelBuilder.ts            |   6 +
 src/domain/helpers/ExcelReader.ts             |   6 +
 src/domain/repositories/TemplateRepository.ts |   1 +
 .../usecases/DownloadTemplateUseCase.ts       |   2 +-
 .../usecases/GetGeneratedTemplatesUseCase.ts  |  16 +
 ...ersistTemplatesFromStaticModulesUseCase.ts |  10 +-
 src/domain/usecases/RunMigrationsUseCase.ts   |   2 +-
 .../usecases/SaveCustomTemplateUseCase.ts     |  34 +
 src/index.tsx                                 |   8 +-
 src/utils/files.ts                            |  20 +-
 src/utils/time.ts                             |   3 +
 src/webapp/components/app/App.tsx             |  20 +-
 .../components/settings/SettingsFields.tsx    |   2 +-
 .../settings/TemplateEditDialog.tsx           | 392 ++++++---
 .../components/settings/TemplateListTable.tsx |  55 +-
 .../components/settings/settings.hooks.ts     |  20 +-
 .../CustomTemplateProgramViewModel.ts         |  55 --
 .../settings/templates/TemplateView.ts        | 792 ++++++++++++++++++
 src/webapp/logic/settings.ts                  |  27 +-
 src/webapp/utils/download.ts                  |   2 +-
 src/webapp/utils/useBoolean.ts                |  27 +
 34 files changed, 2834 insertions(+), 561 deletions(-)
 create mode 100644 src/domain/usecases/GetGeneratedTemplatesUseCase.ts
 create mode 100644 src/domain/usecases/SaveCustomTemplateUseCase.ts
 create mode 100644 src/utils/time.ts
 delete mode 100644 src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
 create mode 100644 src/webapp/components/settings/templates/TemplateView.ts
 create mode 100644 src/webapp/utils/useBoolean.ts

diff --git a/i18n/en.pot b/i18n/en.pot
index 02e751a7..1f7e21e2 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
-"PO-Revision-Date: 2022-04-08T12:27:13.174Z\n"
+"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
+"PO-Revision-Date: 2022-04-17T18:33:49.009Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -306,34 +306,28 @@ msgstr ""
 msgid "New custom template"
 msgstr ""
 
-msgid "Template Code"
+msgid "Advanced"
 msgstr ""
 
-msgid "Template Name"
-msgstr ""
-
-msgid "Template Description"
-msgstr ""
-
-msgid "Program/Dataset"
+msgid "Basic (only row schema)"
 msgstr ""
 
 msgid "Data Source Configuration"
 msgstr ""
 
-msgid "Event UID - Sheet"
+msgid "Styles"
 msgstr ""
 
-msgid "Event UID - Column"
+msgid "File"
 msgstr ""
 
-msgid "Styles"
+msgid "Download"
 msgstr ""
 
-msgid "File"
+msgid "Drag and drop template file"
 msgstr ""
 
-msgid "Drag and drop template file"
+msgid "Template saved"
 msgstr ""
 
 msgid "An error ocurred while saving custom template"
@@ -389,6 +383,225 @@ msgstr ""
 msgid "Access to Templates"
 msgstr ""
 
+msgid "Field cannot be empty"
+msgstr ""
+
+msgid "Mode"
+msgstr ""
+
+msgid "Code"
+msgstr ""
+
+msgid "Description"
+msgstr ""
+
+msgid "Program/Dataset"
+msgstr ""
+
+msgid "Spreadsheet template"
+msgstr ""
+
+msgid "Event UID - Sheet"
+msgstr ""
+
+msgid "Event UID - Column"
+msgstr ""
+
+msgid "Organisation Unit - Sheet"
+msgstr ""
+
+msgid "Organisation Unit - Column"
+msgstr ""
+
+msgid "Attribute - Sheet"
+msgstr ""
+
+msgid "Attribute - Column"
+msgstr ""
+
+msgid "Period - Sheet"
+msgstr ""
+
+msgid "Period - Column"
+msgstr ""
+
+msgid "Range - Sheet"
+msgstr ""
+
+msgid "Range - Starting row"
+msgstr ""
+
+msgid "Range - Starting column"
+msgstr ""
+
+msgid "Data Element - Sheet"
+msgstr ""
+
+msgid "Data Element - Row"
+msgstr ""
+
+msgid "Category Option - Sheet"
+msgstr ""
+
+msgid "Category Option - Row"
+msgstr ""
+
+msgid "Coordinates Latitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Latitude - Column"
+msgstr ""
+
+msgid "Coordinates Longitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Longitude - Column"
+msgstr ""
+
+msgid "Title - Sheet"
+msgstr ""
+
+msgid "Title Range (example D2:I2)"
+msgstr ""
+
+msgid "Subtitle - Sheet"
+msgstr ""
+
+msgid "Title Range (example D3:I3)"
+msgstr ""
+
+msgid "Logo - Sheet"
+msgstr ""
+
+msgid "Title Range (example A2:C3)"
+msgstr ""
+
+msgid "TEI Id - Sheet"
+msgstr ""
+
+msgid "TEI Id - Column"
+msgstr ""
+
+msgid "TEI Organisation Unit - Sheet"
+msgstr ""
+
+msgid "TEI Organisation Unit - Column"
+msgstr ""
+
+msgid "TEI Geometry - Sheet"
+msgstr ""
+
+msgid "TEI Geometry - Column"
+msgstr ""
+
+msgid "TEI Enrolmment Date - Sheet"
+msgstr ""
+
+msgid "TEI Enrolmment Date - Column"
+msgstr ""
+
+msgid "TEI Incident Date - Sheet"
+msgstr ""
+
+msgid "TEI Incident Date - Column"
+msgstr ""
+
+msgid "TEI Attributes - Sheet"
+msgstr ""
+
+msgid "TEI Attributes - Row Start"
+msgstr ""
+
+msgid "TEI Attributes - Column Start"
+msgstr ""
+
+msgid "TEI Attribute ID - Sheet"
+msgstr ""
+
+msgid "TEI Attribute ID - Row"
+msgstr ""
+
+msgid "TEI Relationship Range - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Range - Row Start"
+msgstr ""
+
+msgid "TEI Relationship Range - Column Start"
+msgstr ""
+
+msgid "TEI Relationship Type - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Type - Cell"
+msgstr ""
+
+msgid "TEI Relationship From - Sheet"
+msgstr ""
+
+msgid "TEI Relationship From - Column"
+msgstr ""
+
+msgid "TEI Relationship To - Sheet"
+msgstr ""
+
+msgid "TEI Relationship To - Column"
+msgstr ""
+
+msgid "TEI Event Event-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event Event-Id - Column"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Column"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Sheet"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Column"
+msgstr ""
+
+msgid "TEI Event Date - Sheet"
+msgstr ""
+
+msgid "TEI Event Date - Column"
+msgstr ""
+
+msgid "TEI Event Program Stage - Sheet"
+msgstr ""
+
+msgid "TEI Event Program Stage - Cell"
+msgstr ""
+
+msgid "TEI Event Data Elements - Sheet"
+msgstr ""
+
+msgid "TEI Event Data Elements - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Elements - Row End"
+msgstr ""
+
+msgid "TEI Event Data Elements - Column Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Sheet"
+msgstr ""
+
+msgid "TEI Event Data Values - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Column Start"
+msgstr ""
+
+msgid "Data Source"
+msgstr ""
+
 msgid "Imported"
 msgstr ""
 
@@ -597,9 +810,6 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 msgid "Value Type"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index 76caca7b..1f3173fb 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
+"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -338,42 +338,34 @@ msgstr "Acceso a la generación de plantillas"
 msgid "New custom template"
 msgstr "Crear tema"
 
-#, fuzzy
-msgid "Template Code"
-msgstr "Plantilla"
-
-#, fuzzy
-msgid "Template Name"
-msgstr "Plantilla"
-
-#, fuzzy
-msgid "Template Description"
-msgstr "Acceso a la generación de plantillas"
+msgid "Advanced"
+msgstr ""
 
-#, fuzzy
-msgid "Program/Dataset"
-msgstr "Programa"
+msgid "Basic (only row schema)"
+msgstr ""
 
 #, fuzzy
 msgid "Data Source Configuration"
 msgstr "Acceso a la generación de plantillas"
 
-msgid "Event UID - Sheet"
-msgstr ""
-
-msgid "Event UID - Column"
-msgstr ""
-
 msgid "Styles"
 msgstr ""
 
 msgid "File"
 msgstr ""
 
+#, fuzzy
+msgid "Download"
+msgstr "Descargar plantilla"
+
 #, fuzzy
 msgid "Drag and drop template file"
 msgstr "Mueva aquí los ficheros a importar"
 
+#, fuzzy
+msgid "Template saved"
+msgstr "Plantilla"
+
 #, fuzzy
 msgid "An error ocurred while saving custom template"
 msgstr "Ha ocurrido un error mientras se guardaba el tema"
@@ -436,6 +428,257 @@ msgstr "Crear tema"
 msgid "Access to Templates"
 msgstr "Acceso a la generación de plantillas"
 
+#, fuzzy
+msgid "Field cannot be empty"
+msgstr "El campo {{field}} no se puede dejar vacio"
+
+msgid "Mode"
+msgstr ""
+
+msgid "Code"
+msgstr ""
+
+msgid "Description"
+msgstr "Descripción"
+
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Spreadsheet template"
+msgstr "Crear tema"
+
+msgid "Event UID - Sheet"
+msgstr ""
+
+msgid "Event UID - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Organisation Unit - Sheet"
+msgstr "Unidades Organizativas"
+
+#, fuzzy
+msgid "Organisation Unit - Column"
+msgstr "Unidades Organizativas"
+
+msgid "Attribute - Sheet"
+msgstr ""
+
+msgid "Attribute - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Period - Sheet"
+msgstr "Periodo"
+
+msgid "Period - Column"
+msgstr ""
+
+msgid "Range - Sheet"
+msgstr ""
+
+msgid "Range - Starting row"
+msgstr ""
+
+msgid "Range - Starting column"
+msgstr ""
+
+#, fuzzy
+msgid "Data Element - Sheet"
+msgstr "Valores de los datos - Borrar"
+
+msgid "Data Element - Row"
+msgstr ""
+
+#, fuzzy
+msgid "Category Option - Sheet"
+msgstr "Periodo"
+
+msgid "Category Option - Row"
+msgstr ""
+
+msgid "Coordinates Latitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Latitude - Column"
+msgstr ""
+
+msgid "Coordinates Longitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Longitude - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Title - Sheet"
+msgstr "Título"
+
+msgid "Title Range (example D2:I2)"
+msgstr ""
+
+#, fuzzy
+msgid "Subtitle - Sheet"
+msgstr "Subtítulo"
+
+msgid "Title Range (example D3:I3)"
+msgstr ""
+
+msgid "Logo - Sheet"
+msgstr ""
+
+msgid "Title Range (example A2:C3)"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Id - Sheet"
+msgstr "Título"
+
+msgid "TEI Id - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Organisation Unit - Sheet"
+msgstr "Unidades Organizativas"
+
+#, fuzzy
+msgid "TEI Organisation Unit - Column"
+msgstr "Unidades Organizativas"
+
+#, fuzzy
+msgid "TEI Geometry - Sheet"
+msgstr "Valores de los datos - Borrar"
+
+msgid "TEI Geometry - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Sheet"
+msgstr "Fecha de inscripción"
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Column"
+msgstr "Fecha de inscripción"
+
+#, fuzzy
+msgid "TEI Incident Date - Sheet"
+msgstr "Fecha del incidente"
+
+#, fuzzy
+msgid "TEI Incident Date - Column"
+msgstr "Fecha del incidente"
+
+#, fuzzy
+msgid "TEI Attributes - Sheet"
+msgstr "Título"
+
+msgid "TEI Attributes - Row Start"
+msgstr ""
+
+msgid "TEI Attributes - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Attribute ID - Sheet"
+msgstr "Título"
+
+msgid "TEI Attribute ID - Row"
+msgstr ""
+
+msgid "TEI Relationship Range - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Range - Row Start"
+msgstr ""
+
+msgid "TEI Relationship Range - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship Type - Sheet"
+msgstr "Tipo de relación"
+
+#, fuzzy
+msgid "TEI Relationship Type - Cell"
+msgstr "Tipo de relación"
+
+#, fuzzy
+msgid "TEI Relationship From - Sheet"
+msgstr "Tipo de relación"
+
+msgid "TEI Relationship From - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship To - Sheet"
+msgstr "Tipo de relación"
+
+#, fuzzy
+msgid "TEI Relationship To - Column"
+msgstr "Tipo de relación"
+
+#, fuzzy
+msgid "TEI Event Event-Id - Sheet"
+msgstr "Valores de los datos - Borrar"
+
+msgid "TEI Event Event-Id - Column"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Column"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Sheet"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Date - Sheet"
+msgstr "Título"
+
+msgid "TEI Event Date - Column"
+msgstr ""
+
+msgid "TEI Event Program Stage - Sheet"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Program Stage - Cell"
+msgstr "Programa"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Sheet"
+msgstr "Valores de los datos - Borrar"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Row Start"
+msgstr "Valores de los datos - Borrar"
+
+msgid "TEI Event Data Elements - Row End"
+msgstr ""
+
+msgid "TEI Event Data Elements - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Data Values - Sheet"
+msgstr "Valores de los datos - Borrar"
+
+msgid "TEI Event Data Values - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "Data Source"
+msgstr "Data Set"
+
 msgid "Imported"
 msgstr "Importados"
 
@@ -646,9 +889,6 @@ msgstr "Fecha de inscripción"
 msgid "Incident Date"
 msgstr "Fecha del incidente"
 
-msgid "Description"
-msgstr "Descripción"
-
 msgid "Value Type"
 msgstr "Tipo de valor"
 
@@ -844,3 +1084,11 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configuración guardada"
+
+#, fuzzy
+#~ msgid "Template Code"
+#~ msgstr "Plantilla"
+
+#, fuzzy
+#~ msgid "Template Description"
+#~ msgstr "Acceso a la generación de plantillas"
diff --git a/i18n/fr.po b/i18n/fr.po
index 328f7500..f63a8cdf 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
+"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -318,42 +318,34 @@ msgstr "Modèle"
 msgid "New custom template"
 msgstr "Modèle"
 
-#, fuzzy
-msgid "Template Code"
-msgstr "Modèle"
-
-#, fuzzy
-msgid "Template Name"
-msgstr "Modèle"
-
-#, fuzzy
-msgid "Template Description"
-msgstr "Accès à la génération de modèles"
+msgid "Advanced"
+msgstr ""
 
-#, fuzzy
-msgid "Program/Dataset"
-msgstr "Programme"
+msgid "Basic (only row schema)"
+msgstr ""
 
 #, fuzzy
 msgid "Data Source Configuration"
 msgstr "Accès à la génération de modèles"
 
-msgid "Event UID - Sheet"
-msgstr ""
-
-msgid "Event UID - Column"
-msgstr ""
-
 msgid "Styles"
 msgstr ""
 
 msgid "File"
 msgstr ""
 
+#, fuzzy
+msgid "Download"
+msgstr "Télécharger modèle"
+
 #, fuzzy
 msgid "Drag and drop template file"
 msgstr "Glissez et déposez le logo ici"
 
+#, fuzzy
+msgid "Template saved"
+msgstr "Modèle"
+
 #, fuzzy
 msgid "An error ocurred while saving custom template"
 msgstr "Une erreur s'est produite lors de l'enregistrement du thème"
@@ -416,6 +408,244 @@ msgstr "Créer un thème"
 msgid "Access to Templates"
 msgstr "Accès à la génération de modèles"
 
+#, fuzzy
+msgid "Field cannot be empty"
+msgstr "Le champ {{field}} ne peut pas être vide"
+
+msgid "Mode"
+msgstr ""
+
+msgid "Code"
+msgstr ""
+
+msgid "Description"
+msgstr ""
+
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programme"
+
+#, fuzzy
+msgid "Spreadsheet template"
+msgstr "Créer un thème"
+
+msgid "Event UID - Sheet"
+msgstr ""
+
+msgid "Event UID - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Organisation Unit - Sheet"
+msgstr "Unités d'organisation"
+
+#, fuzzy
+msgid "Organisation Unit - Column"
+msgstr "Unités d'organisation"
+
+msgid "Attribute - Sheet"
+msgstr ""
+
+msgid "Attribute - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Period - Sheet"
+msgstr "Période"
+
+msgid "Period - Column"
+msgstr ""
+
+msgid "Range - Sheet"
+msgstr ""
+
+msgid "Range - Starting row"
+msgstr ""
+
+msgid "Range - Starting column"
+msgstr ""
+
+msgid "Data Element - Sheet"
+msgstr ""
+
+msgid "Data Element - Row"
+msgstr ""
+
+#, fuzzy
+msgid "Category Option - Sheet"
+msgstr "Période"
+
+msgid "Category Option - Row"
+msgstr ""
+
+msgid "Coordinates Latitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Latitude - Column"
+msgstr ""
+
+msgid "Coordinates Longitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Longitude - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Title - Sheet"
+msgstr "Titre"
+
+msgid "Title Range (example D2:I2)"
+msgstr ""
+
+#, fuzzy
+msgid "Subtitle - Sheet"
+msgstr "Sous-titres"
+
+msgid "Title Range (example D3:I3)"
+msgstr ""
+
+msgid "Logo - Sheet"
+msgstr ""
+
+msgid "Title Range (example A2:C3)"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Id - Sheet"
+msgstr "Titre"
+
+msgid "TEI Id - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Organisation Unit - Sheet"
+msgstr "Unités d'organisation"
+
+#, fuzzy
+msgid "TEI Organisation Unit - Column"
+msgstr "Unités d'organisation"
+
+#, fuzzy
+msgid "TEI Geometry - Sheet"
+msgstr "Titre"
+
+msgid "TEI Geometry - Column"
+msgstr ""
+
+msgid "TEI Enrolmment Date - Sheet"
+msgstr ""
+
+msgid "TEI Enrolmment Date - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Incident Date - Sheet"
+msgstr "Titre"
+
+msgid "TEI Incident Date - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Attributes - Sheet"
+msgstr "Titre"
+
+msgid "TEI Attributes - Row Start"
+msgstr ""
+
+msgid "TEI Attributes - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Attribute ID - Sheet"
+msgstr "Titre"
+
+msgid "TEI Attribute ID - Row"
+msgstr ""
+
+msgid "TEI Relationship Range - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Range - Row Start"
+msgstr ""
+
+msgid "TEI Relationship Range - Column Start"
+msgstr ""
+
+msgid "TEI Relationship Type - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Type - Cell"
+msgstr ""
+
+msgid "TEI Relationship From - Sheet"
+msgstr ""
+
+msgid "TEI Relationship From - Column"
+msgstr ""
+
+msgid "TEI Relationship To - Sheet"
+msgstr ""
+
+msgid "TEI Relationship To - Column"
+msgstr ""
+
+msgid "TEI Event Event-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event Event-Id - Column"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Column"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Sheet"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Date - Sheet"
+msgstr "Titre"
+
+msgid "TEI Event Date - Column"
+msgstr ""
+
+msgid "TEI Event Program Stage - Sheet"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Program Stage - Cell"
+msgstr "Programme"
+
+msgid "TEI Event Data Elements - Sheet"
+msgstr ""
+
+msgid "TEI Event Data Elements - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Elements - Row End"
+msgstr ""
+
+msgid "TEI Event Data Elements - Column Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Sheet"
+msgstr ""
+
+msgid "TEI Event Data Values - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "Data Source"
+msgstr "Base de données"
+
 msgid "Imported"
 msgstr "Importé"
 
@@ -626,9 +856,6 @@ msgstr ""
 msgid "Incident Date"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 msgid "Value Type"
 msgstr ""
 
@@ -827,3 +1054,11 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Paramètres sauvegardés"
+
+#, fuzzy
+#~ msgid "Template Code"
+#~ msgstr "Modèle"
+
+#, fuzzy
+#~ msgid "Template Description"
+#~ msgstr "Accès à la génération de modèles"
diff --git a/i18n/pt.po b/i18n/pt.po
index c04ca517..400c0a47 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
+"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -339,42 +339,34 @@ msgstr "Modelo"
 msgid "New custom template"
 msgstr "Modelo"
 
-#, fuzzy
-msgid "Template Code"
-msgstr "Modelo"
-
-#, fuzzy
-msgid "Template Name"
-msgstr "Modelo"
-
-#, fuzzy
-msgid "Template Description"
-msgstr "Acesso à geração de planilhas"
+msgid "Advanced"
+msgstr ""
 
-#, fuzzy
-msgid "Program/Dataset"
-msgstr "Programa"
+msgid "Basic (only row schema)"
+msgstr ""
 
 #, fuzzy
 msgid "Data Source Configuration"
 msgstr "Acesso à geração de planilhas"
 
-msgid "Event UID - Sheet"
-msgstr ""
-
-msgid "Event UID - Column"
-msgstr ""
-
 msgid "Styles"
 msgstr ""
 
 msgid "File"
 msgstr ""
 
+#, fuzzy
+msgid "Download"
+msgstr "Descarregar a planilha"
+
 #, fuzzy
 msgid "Drag and drop template file"
 msgstr "Arraste e solte o logotipo aqui"
 
+#, fuzzy
+msgid "Template saved"
+msgstr "Modelo"
+
 #, fuzzy
 msgid "An error ocurred while saving custom template"
 msgstr "Ocorreu um erro ao salvar o tema"
@@ -437,6 +429,257 @@ msgstr "Criar tema"
 msgid "Access to Templates"
 msgstr "Acesso à geração de planilhas"
 
+#, fuzzy
+msgid "Field cannot be empty"
+msgstr "O campo {{field}} não pode ficar em branco"
+
+msgid "Mode"
+msgstr ""
+
+msgid "Code"
+msgstr ""
+
+msgid "Description"
+msgstr "Descrição"
+
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Programa"
+
+#, fuzzy
+msgid "Spreadsheet template"
+msgstr "Criar tema"
+
+msgid "Event UID - Sheet"
+msgstr ""
+
+msgid "Event UID - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Organisation Unit - Sheet"
+msgstr "Unidades Organizacionais"
+
+#, fuzzy
+msgid "Organisation Unit - Column"
+msgstr "Unidades Organizacionais"
+
+msgid "Attribute - Sheet"
+msgstr ""
+
+msgid "Attribute - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Period - Sheet"
+msgstr "Período"
+
+msgid "Period - Column"
+msgstr ""
+
+msgid "Range - Sheet"
+msgstr ""
+
+msgid "Range - Starting row"
+msgstr ""
+
+msgid "Range - Starting column"
+msgstr ""
+
+#, fuzzy
+msgid "Data Element - Sheet"
+msgstr "Valores de dados - Eliminar"
+
+msgid "Data Element - Row"
+msgstr ""
+
+#, fuzzy
+msgid "Category Option - Sheet"
+msgstr "Período"
+
+msgid "Category Option - Row"
+msgstr ""
+
+msgid "Coordinates Latitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Latitude - Column"
+msgstr ""
+
+msgid "Coordinates Longitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Longitude - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Title - Sheet"
+msgstr "Texto do título"
+
+msgid "Title Range (example D2:I2)"
+msgstr ""
+
+#, fuzzy
+msgid "Subtitle - Sheet"
+msgstr "Texto da legenda"
+
+msgid "Title Range (example D3:I3)"
+msgstr ""
+
+msgid "Logo - Sheet"
+msgstr ""
+
+msgid "Title Range (example A2:C3)"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Id - Sheet"
+msgstr "Texto do título"
+
+msgid "TEI Id - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Organisation Unit - Sheet"
+msgstr "Unidades Organizacionais"
+
+#, fuzzy
+msgid "TEI Organisation Unit - Column"
+msgstr "Unidades Organizacionais"
+
+#, fuzzy
+msgid "TEI Geometry - Sheet"
+msgstr "Valores de dados - Eliminar"
+
+msgid "TEI Geometry - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Sheet"
+msgstr "Data de inscrição"
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Column"
+msgstr "Data de inscrição"
+
+#, fuzzy
+msgid "TEI Incident Date - Sheet"
+msgstr "Data do Incidente"
+
+#, fuzzy
+msgid "TEI Incident Date - Column"
+msgstr "Data do Incidente"
+
+#, fuzzy
+msgid "TEI Attributes - Sheet"
+msgstr "Texto do título"
+
+msgid "TEI Attributes - Row Start"
+msgstr ""
+
+msgid "TEI Attributes - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Attribute ID - Sheet"
+msgstr "Texto do título"
+
+msgid "TEI Attribute ID - Row"
+msgstr ""
+
+msgid "TEI Relationship Range - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Range - Row Start"
+msgstr ""
+
+msgid "TEI Relationship Range - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship Type - Sheet"
+msgstr "Tipo de Relacionamento"
+
+#, fuzzy
+msgid "TEI Relationship Type - Cell"
+msgstr "Tipo de Relacionamento"
+
+#, fuzzy
+msgid "TEI Relationship From - Sheet"
+msgstr "Tipo de Relacionamento"
+
+msgid "TEI Relationship From - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship To - Sheet"
+msgstr "Tipo de Relacionamento"
+
+#, fuzzy
+msgid "TEI Relationship To - Column"
+msgstr "Tipo de Relacionamento"
+
+#, fuzzy
+msgid "TEI Event Event-Id - Sheet"
+msgstr "Valores de dados - Eliminar"
+
+msgid "TEI Event Event-Id - Column"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Column"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Sheet"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Date - Sheet"
+msgstr "Texto do título"
+
+msgid "TEI Event Date - Column"
+msgstr ""
+
+msgid "TEI Event Program Stage - Sheet"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Program Stage - Cell"
+msgstr "Programa"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Sheet"
+msgstr "Valores de dados - Eliminar"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Row Start"
+msgstr "Valores de dados - Eliminar"
+
+msgid "TEI Event Data Elements - Row End"
+msgstr ""
+
+msgid "TEI Event Data Elements - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Data Values - Sheet"
+msgstr "Valores de dados - Eliminar"
+
+msgid "TEI Event Data Values - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "Data Source"
+msgstr "Data Set"
+
 msgid "Imported"
 msgstr "Importado"
 
@@ -647,9 +890,6 @@ msgstr "Data de inscrição"
 msgid "Incident Date"
 msgstr "Data do Incidente"
 
-msgid "Description"
-msgstr "Descrição"
-
 msgid "Value Type"
 msgstr "Tipo de Valor"
 
@@ -847,3 +1087,11 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configurações salvas"
+
+#, fuzzy
+#~ msgid "Template Code"
+#~ msgstr "Modelo"
+
+#, fuzzy
+#~ msgid "Template Description"
+#~ msgstr "Acesso à geração de planilhas"
diff --git a/i18n/ru.po b/i18n/ru.po
index b8ca4977..f71b1b88 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-08T12:27:13.174Z\n"
+"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -339,42 +339,34 @@ msgstr "Шаблон"
 msgid "New custom template"
 msgstr "Шаблон"
 
-#, fuzzy
-msgid "Template Code"
-msgstr "Шаблон"
-
-#, fuzzy
-msgid "Template Name"
-msgstr "Шаблон"
-
-#, fuzzy
-msgid "Template Description"
-msgstr "Доступ к генерации шаблонов"
+msgid "Advanced"
+msgstr ""
 
-#, fuzzy
-msgid "Program/Dataset"
-msgstr "Программа"
+msgid "Basic (only row schema)"
+msgstr ""
 
 #, fuzzy
 msgid "Data Source Configuration"
 msgstr "Доступ к генерации шаблонов"
 
-msgid "Event UID - Sheet"
-msgstr ""
-
-msgid "Event UID - Column"
-msgstr ""
-
 msgid "Styles"
 msgstr ""
 
 msgid "File"
 msgstr ""
 
+#, fuzzy
+msgid "Download"
+msgstr "Скачать шаблон"
+
 #, fuzzy
 msgid "Drag and drop template file"
 msgstr "Перетащите файл логотипа"
 
+#, fuzzy
+msgid "Template saved"
+msgstr "Шаблон"
+
 #, fuzzy
 msgid "An error ocurred while saving custom template"
 msgstr "Возникла ошибка при сохранении темы"
@@ -439,6 +431,257 @@ msgstr "Создать тему"
 msgid "Access to Templates"
 msgstr "Доступ к генерации шаблонов"
 
+#, fuzzy
+msgid "Field cannot be empty"
+msgstr "Поле {{поле}} не может быть пустым"
+
+msgid "Mode"
+msgstr ""
+
+msgid "Code"
+msgstr ""
+
+msgid "Description"
+msgstr "Описание"
+
+#, fuzzy
+msgid "Program/Dataset"
+msgstr "Программа"
+
+#, fuzzy
+msgid "Spreadsheet template"
+msgstr "Создать тему"
+
+msgid "Event UID - Sheet"
+msgstr ""
+
+msgid "Event UID - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Organisation Unit - Sheet"
+msgstr "Организационные единицы"
+
+#, fuzzy
+msgid "Organisation Unit - Column"
+msgstr "Организационные единицы"
+
+msgid "Attribute - Sheet"
+msgstr ""
+
+msgid "Attribute - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Period - Sheet"
+msgstr "Период"
+
+msgid "Period - Column"
+msgstr ""
+
+msgid "Range - Sheet"
+msgstr ""
+
+msgid "Range - Starting row"
+msgstr ""
+
+msgid "Range - Starting column"
+msgstr ""
+
+#, fuzzy
+msgid "Data Element - Sheet"
+msgstr "Значения данных - Удалить"
+
+msgid "Data Element - Row"
+msgstr ""
+
+#, fuzzy
+msgid "Category Option - Sheet"
+msgstr "Период"
+
+msgid "Category Option - Row"
+msgstr ""
+
+msgid "Coordinates Latitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Latitude - Column"
+msgstr ""
+
+msgid "Coordinates Longitude - Sheet"
+msgstr ""
+
+msgid "Coordinates Longitude - Column"
+msgstr ""
+
+#, fuzzy
+msgid "Title - Sheet"
+msgstr "Текст заглавия"
+
+msgid "Title Range (example D2:I2)"
+msgstr ""
+
+#, fuzzy
+msgid "Subtitle - Sheet"
+msgstr "Текст субтитров"
+
+msgid "Title Range (example D3:I3)"
+msgstr ""
+
+msgid "Logo - Sheet"
+msgstr ""
+
+msgid "Title Range (example A2:C3)"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Id - Sheet"
+msgstr "Текст заглавия"
+
+msgid "TEI Id - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Organisation Unit - Sheet"
+msgstr "Организационные единицы"
+
+#, fuzzy
+msgid "TEI Organisation Unit - Column"
+msgstr "Организационные единицы"
+
+#, fuzzy
+msgid "TEI Geometry - Sheet"
+msgstr "Значения данных - Удалить"
+
+msgid "TEI Geometry - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Sheet"
+msgstr "Дата зачисления"
+
+#, fuzzy
+msgid "TEI Enrolmment Date - Column"
+msgstr "Дата зачисления"
+
+#, fuzzy
+msgid "TEI Incident Date - Sheet"
+msgstr "Дата инцидента"
+
+#, fuzzy
+msgid "TEI Incident Date - Column"
+msgstr "Дата инцидента"
+
+#, fuzzy
+msgid "TEI Attributes - Sheet"
+msgstr "Текст заглавия"
+
+msgid "TEI Attributes - Row Start"
+msgstr ""
+
+msgid "TEI Attributes - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Attribute ID - Sheet"
+msgstr "Текст заглавия"
+
+msgid "TEI Attribute ID - Row"
+msgstr ""
+
+msgid "TEI Relationship Range - Sheet"
+msgstr ""
+
+msgid "TEI Relationship Range - Row Start"
+msgstr ""
+
+msgid "TEI Relationship Range - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship Type - Sheet"
+msgstr "Тип отношений"
+
+#, fuzzy
+msgid "TEI Relationship Type - Cell"
+msgstr "Тип отношений"
+
+#, fuzzy
+msgid "TEI Relationship From - Sheet"
+msgstr "Тип отношений"
+
+msgid "TEI Relationship From - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Relationship To - Sheet"
+msgstr "Тип отношений"
+
+#, fuzzy
+msgid "TEI Relationship To - Column"
+msgstr "Тип отношений"
+
+#, fuzzy
+msgid "TEI Event Event-Id - Sheet"
+msgstr "Значения данных - Удалить"
+
+msgid "TEI Event Event-Id - Column"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Sheet"
+msgstr ""
+
+msgid "TEI Event TEI-Id - Column"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Sheet"
+msgstr ""
+
+msgid "TEI Event Category Option Combo - Column"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Date - Sheet"
+msgstr "Текст заглавия"
+
+msgid "TEI Event Date - Column"
+msgstr ""
+
+msgid "TEI Event Program Stage - Sheet"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Program Stage - Cell"
+msgstr "Программа"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Sheet"
+msgstr "Значения данных - Удалить"
+
+#, fuzzy
+msgid "TEI Event Data Elements - Row Start"
+msgstr "Значения данных - Удалить"
+
+msgid "TEI Event Data Elements - Row End"
+msgstr ""
+
+msgid "TEI Event Data Elements - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "TEI Event Data Values - Sheet"
+msgstr "Значения данных - Удалить"
+
+msgid "TEI Event Data Values - Row Start"
+msgstr ""
+
+msgid "TEI Event Data Values - Column Start"
+msgstr ""
+
+#, fuzzy
+msgid "Data Source"
+msgstr "Набор данных"
+
 msgid "Imported"
 msgstr "Импортировано"
 
@@ -651,9 +894,6 @@ msgstr "Дата зачисления"
 msgid "Incident Date"
 msgstr "Дата инцидента"
 
-msgid "Description"
-msgstr "Описание"
-
 msgid "Value Type"
 msgstr "Тип значения"
 
@@ -849,3 +1089,11 @@ msgstr "Нет захвата орг единицы соответствие э
 
 msgid "Settings saved"
 msgstr "Сохранение настроек"
+
+#, fuzzy
+#~ msgid "Template Code"
+#~ msgstr "Шаблон"
+
+#, fuzzy
+#~ msgid "Template Description"
+#~ msgstr "Доступ к генерации шаблонов"
diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index 175b51d0..805704af 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -23,6 +23,7 @@ import { GetDataFormsUseCase } from "./domain/usecases/GetDataFormsUseCase";
 import { GetDefaultSettingsUseCase } from "./domain/usecases/GetDefaultSettingsUseCase";
 import { GetFormDataPackageUseCase } from "./domain/usecases/GetFormDataPackageUseCase";
 import { GetFormOrgUnitRootsUseCase } from "./domain/usecases/GetFormOrgUnitRootsUseCase";
+import { GetGeneratedTemplatesUseCase } from "./domain/usecases/GetGeneratedTemplatesUseCase";
 import { GetMigrationVersionsUseCase } from "./domain/usecases/GetMigrationVersionsUseCase";
 import { GetOrgUnitRootsUseCase } from "./domain/usecases/GetOrgUnitRootsUseCase";
 import { HasPendingMigrationsUseCase } from "./domain/usecases/HasPendingMigrationsUseCase";
@@ -33,6 +34,7 @@ import { ListThemesUseCase } from "./domain/usecases/ListThemesUseCase";
 import { PersistTemplatesFromStaticModulesUseCase } from "./domain/usecases/PersistTemplatesFromStaticModulesUseCase";
 import { ReadSettingsUseCase } from "./domain/usecases/ReadSettingsUseCase";
 import { RunMigrationsUseCase } from "./domain/usecases/RunMigrationsUseCase";
+import { SaveCustomTemplateUseCase } from "./domain/usecases/SaveCustomTemplateUseCase";
 import { SaveThemeUseCase } from "./domain/usecases/SaveThemeUseCase";
 import { SearchUsersUseCase } from "./domain/usecases/SearchUsersUseCase";
 import { WriteSettingsUseCase } from "./domain/usecases/WriteSettingsUseCase";
@@ -73,7 +75,9 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             get: new GetDataFormsUseCase(instance),
             persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager, usersRepository),
             getCustom: new GetCustomTemplatesUseCase(templateManager),
+            getGenerated: new GetGeneratedTemplatesUseCase(templateManager),
             delete: new DeleteCustomTemplateUseCase(templateManager),
+            save: new SaveCustomTemplateUseCase(templateManager),
         }),
         themes: getExecute({
             list: new ListThemesUseCase(templateManager),
diff --git a/src/data/D2UsersRepository.ts b/src/data/D2UsersRepository.ts
index d4497616..ec4990f5 100644
--- a/src/data/D2UsersRepository.ts
+++ b/src/data/D2UsersRepository.ts
@@ -18,6 +18,7 @@ export class D2UsersRepository implements UsersRepository {
                     id: true,
                     name: true,
                     userCredentials: { username: true },
+                    userGroups: { id: true, name: true },
                     authorities: true,
                 },
             })
@@ -27,7 +28,8 @@ export class D2UsersRepository implements UsersRepository {
             id: apiUser.id,
             name: apiUser.name,
             username: apiUser.userCredentials.username,
-            authorities: apiUser.authorities,
+            authorities: new Set(apiUser.authorities),
+            userGroups: apiUser.userGroups,
         };
     }
 
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index db8ca948..a14ce99a 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -28,6 +28,10 @@ export class TemplateWebRepository implements TemplateRepository {
         });
     }
 
+    public saveTemplate(template: Template): Promise<void> {
+        return this.storage.saveObjectInCollection(templatesCollectionKey, template);
+    }
+
     public saveTemplates(templates: Template[]): Promise<void> {
         return this.storage.saveObject(templatesCollectionKey, templates);
     }
diff --git a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.01.ts b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.01.ts
index 9f196938..d4e735c1 100644
--- a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.01.ts
+++ b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.01.ts
@@ -44,70 +44,70 @@ export class TrackerProgramGenerated01 implements GeneratedTemplate {
                 ref: 5,
             },
         },
-        (sheet: string) =>
-            isRelationshipSheet(sheet) && {
-                type: "rowTeiRelationship",
-                range: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "A",
-                },
-                relationshipType: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                from: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                to: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-            },
-        (sheet: string) =>
-            isStageSheet(sheet) && {
-                type: "rowTrackedEvent",
-                teiId: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                categoryOptionCombo: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-                eventId: {
-                    sheet,
-                    type: "column",
-                    ref: "C",
-                },
-                date: {
-                    sheet,
-                    type: "column",
-                    ref: "D",
-                },
-                programStage: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                dataElements: {
-                    sheet,
-                    rowStart: 2,
-                    rowEnd: 2,
-                    columnStart: "E",
-                },
-                dataValues: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "E",
-                },
+        {
+            type: "rowTeiRelationship",
+            sheetsMatch: "^Rel",
+            range: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "A",
+            },
+            relationshipType: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            from: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            to: {
+                sheet: "",
+                type: "column",
+                ref: "B",
+            },
+        },
+        {
+            type: "rowTrackedEvent",
+            sheetsMatch: "^(Stage|\\()",
+            teiId: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            categoryOptionCombo: {
+                sheet: "",
+                type: "column",
+                ref: "B",
             },
+            eventId: {
+                sheet: "",
+                type: "column",
+                ref: "C",
+            },
+            date: {
+                sheet: "",
+                type: "column",
+                ref: "D",
+            },
+            programStage: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            dataElements: {
+                sheet: "",
+                rowStart: 2,
+                rowEnd: 2,
+                columnStart: "E",
+            },
+            dataValues: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "E",
+            },
+        },
     ];
 
     public readonly styleSources: StyleSource[] = [
@@ -137,11 +137,3 @@ export class TrackerProgramGenerated01 implements GeneratedTemplate {
         },
     ];
 }
-
-function isStageSheet(name: string): boolean {
-    return name.startsWith("Stage") || name.startsWith("(");
-}
-
-function isRelationshipSheet(name: string): boolean {
-    return name.startsWith("Rel");
-}
diff --git a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.02.ts b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.02.ts
index ee9f3d2b..16558f32 100644
--- a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.02.ts
+++ b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.02.ts
@@ -44,70 +44,70 @@ export class TrackerProgramGenerated02 implements GeneratedTemplate {
                 ref: 5,
             },
         },
-        (sheet: string) =>
-            isRelationshipSheet(sheet) && {
-                type: "rowTeiRelationship",
-                range: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "A",
-                },
-                relationshipType: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                from: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                to: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-            },
-        (sheet: string) =>
-            isStageSheet(sheet) && {
-                type: "rowTrackedEvent",
-                eventId: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                teiId: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-                categoryOptionCombo: {
-                    sheet,
-                    type: "column",
-                    ref: "C",
-                },
-                date: {
-                    sheet,
-                    type: "column",
-                    ref: "D",
-                },
-                programStage: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                dataElements: {
-                    sheet,
-                    rowStart: 2,
-                    rowEnd: 2,
-                    columnStart: "E",
-                },
-                dataValues: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "E",
-                },
+        {
+            type: "rowTeiRelationship",
+            sheetsMatch: "^Rel",
+            range: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "A",
+            },
+            relationshipType: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            from: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            to: {
+                sheet: "",
+                type: "column",
+                ref: "B",
+            },
+        },
+        {
+            type: "rowTrackedEvent",
+            sheetsMatch: "^(Stage|\\()",
+            eventId: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            teiId: {
+                sheet: "",
+                type: "column",
+                ref: "B",
             },
+            categoryOptionCombo: {
+                sheet: "",
+                type: "column",
+                ref: "C",
+            },
+            date: {
+                sheet: "",
+                type: "column",
+                ref: "D",
+            },
+            programStage: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            dataElements: {
+                sheet: "",
+                rowStart: 2,
+                rowEnd: 2,
+                columnStart: "E",
+            },
+            dataValues: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "E",
+            },
+        },
     ];
 
     public readonly styleSources: StyleSource[] = [
@@ -137,11 +137,3 @@ export class TrackerProgramGenerated02 implements GeneratedTemplate {
         },
     ];
 }
-
-function isStageSheet(name: string): boolean {
-    return name.startsWith("Stage") || name.startsWith("(");
-}
-
-function isRelationshipSheet(name: string): boolean {
-    return name.startsWith("Rel");
-}
diff --git a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.03.ts b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.03.ts
index 527bd78c..a5459e85 100644
--- a/src/data/templates/generated-tracker-program/TrackerProgramGenerated.03.ts
+++ b/src/data/templates/generated-tracker-program/TrackerProgramGenerated.03.ts
@@ -49,70 +49,70 @@ export class TrackerProgramGenerated03 implements GeneratedTemplate {
                 ref: 5,
             },
         },
-        (sheet: string) =>
-            isRelationshipSheet(sheet) && {
-                type: "rowTeiRelationship",
-                range: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "A",
-                },
-                relationshipType: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                from: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                to: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-            },
-        (sheet: string) =>
-            isStageSheet(sheet) && {
-                type: "rowTrackedEvent",
-                eventId: {
-                    sheet,
-                    type: "column",
-                    ref: "A",
-                },
-                teiId: {
-                    sheet,
-                    type: "column",
-                    ref: "B",
-                },
-                categoryOptionCombo: {
-                    sheet,
-                    type: "column",
-                    ref: "C",
-                },
-                date: {
-                    sheet,
-                    type: "column",
-                    ref: "D",
-                },
-                programStage: {
-                    sheet,
-                    type: "cell",
-                    ref: "A1",
-                },
-                dataElements: {
-                    sheet,
-                    rowStart: 2,
-                    rowEnd: 2,
-                    columnStart: "E",
-                },
-                dataValues: {
-                    sheet,
-                    rowStart: 3,
-                    columnStart: "E",
-                },
+        {
+            type: "rowTeiRelationship",
+            sheetsMatch: "^Rel",
+            range: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "A",
+            },
+            relationshipType: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            from: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            to: {
+                sheet: "",
+                type: "column",
+                ref: "B",
             },
+        },
+        {
+            type: "rowTrackedEvent",
+            sheetsMatch: "^(Stage|\\()",
+            eventId: {
+                sheet: "",
+                type: "column",
+                ref: "A",
+            },
+            teiId: {
+                sheet: "",
+                type: "column",
+                ref: "B",
+            },
+            categoryOptionCombo: {
+                sheet: "",
+                type: "column",
+                ref: "C",
+            },
+            date: {
+                sheet: "",
+                type: "column",
+                ref: "D",
+            },
+            programStage: {
+                sheet: "",
+                type: "cell",
+                ref: "A1",
+            },
+            dataElements: {
+                sheet: "",
+                rowStart: 2,
+                rowEnd: 2,
+                columnStart: "E",
+            },
+            dataValues: {
+                sheet: "",
+                rowStart: 3,
+                columnStart: "E",
+            },
+        },
     ];
 
     public readonly styleSources: StyleSource[] = [
@@ -142,11 +142,3 @@ export class TrackerProgramGenerated03 implements GeneratedTemplate {
         },
     ];
 }
-
-function isStageSheet(name: string): boolean {
-    return name.startsWith("Stage") || name.startsWith("(");
-}
-
-function isRelationshipSheet(name: string): boolean {
-    return name.startsWith("Rel");
-}
diff --git a/src/domain/entities/Template.ts b/src/domain/entities/Template.ts
index 3a83410e..b27c9246 100644
--- a/src/domain/entities/Template.ts
+++ b/src/domain/entities/Template.ts
@@ -5,7 +5,7 @@ import { DataFormType } from "./DataForm";
 import { DataPackage } from "./DataPackage";
 import { Id } from "./ReferenceObject";
 import { ImageSections, ThemeableSections } from "./Theme";
-import { User } from "./User";
+import { UserTimestamp } from "./User";
 
 export type TemplateType = "generated" | "custom";
 export type DataSourceType = "row" | "column" | "cell";
@@ -30,17 +30,12 @@ export type StyleSource = {
     source: CellRef | RangeRef;
 };
 
-type Base64Blob = { blob: string };
+type Base64String = string;
 
 export interface CustomTemplate extends Omit<CustomTemplateWithUrl, "url"> {
-    file: Base64Blob;
-    created: UserTimestamp;
-    lastUpdated: UserTimestamp;
-}
-
-export interface UserTimestamp {
-    user: Pick<User, "id" | "username" | "name">;
-    timestamp: string;
+    file: { name: string; contents: Base64String };
+    created: Maybe<UserTimestamp>;
+    lastUpdated: Maybe<UserTimestamp>;
 }
 
 export type Template = GeneratedTemplate | CustomTemplate;
@@ -148,6 +143,7 @@ interface BaseDataSource {
 
 export interface TrackerRelationship {
     type: "rowTeiRelationship";
+    sheetsMatch: string;
     skipPopulate?: boolean;
     range: Range;
     relationshipType: CellRef;
@@ -157,6 +153,7 @@ export interface TrackerRelationship {
 
 export interface TrackerEventRowDataSource {
     type: "rowTrackedEvent";
+    sheetsMatch: string;
     skipPopulate?: boolean;
     teiId: ColumnRef;
     eventId: ColumnRef;
@@ -225,3 +222,32 @@ export function getDataFormRef(template: BaseTemplate): DataFormRef {
         id: dataFormId.type === "value" ? dataFormId.id : undefined,
     };
 }
+
+export function setSheet<DS extends TrackerRelationship | TrackerEventRowDataSource>(
+    dataSource: DS,
+    sheetName: string
+): DS {
+    const sheet = sheetName;
+
+    switch (dataSource.type) {
+        case "rowTeiRelationship":
+            return {
+                ...dataSource,
+                range: { ...dataSource.range, sheet },
+                relationshipType: { ...dataSource.relationshipType, sheet },
+                from: { ...dataSource.from, sheet },
+                to: { ...dataSource.to, sheet },
+            };
+        case "rowTrackedEvent":
+            return {
+                ...dataSource,
+                teiId: { ...dataSource.teiId, sheet },
+                eventId: { ...dataSource.eventId, sheet },
+                date: { ...dataSource.date, sheet },
+                categoryOptionCombo: { ...dataSource.categoryOptionCombo, sheet },
+                dataValues: { ...dataSource.dataValues, sheet },
+                programStage: { ...dataSource.programStage, sheet },
+                dataElements: { ...dataSource.dataElements, sheet },
+            };
+    }
+}
diff --git a/src/domain/entities/User.ts b/src/domain/entities/User.ts
index 289edae2..34a8a769 100644
--- a/src/domain/entities/User.ts
+++ b/src/domain/entities/User.ts
@@ -1,6 +1,22 @@
+import _ from "lodash";
+import { getCurrentTimestamp } from "../../utils/time";
+import { Ref } from "./ReferenceObject";
+
 export interface User {
     id: string;
     username: string;
     name: string;
-    authorities: string[];
+    authorities: Set<string>;
+    userGroups: Ref[];
+}
+
+export interface UserTimestamp {
+    user: Pick<User, "id" | "username" | "name">;
+    timestamp: string;
+}
+
+export function getUserTimestamp(currentUser: User): UserTimestamp {
+    const timestamp = getCurrentTimestamp();
+    const user = _.pick(currentUser, ["id", "username", "name"]);
+    return { user, timestamp };
 }
diff --git a/src/domain/helpers/ExcelBuilder.ts b/src/domain/helpers/ExcelBuilder.ts
index 71bc8366..32dbd56b 100644
--- a/src/domain/helpers/ExcelBuilder.ts
+++ b/src/domain/helpers/ExcelBuilder.ts
@@ -13,6 +13,7 @@ import {
     DataSourceValue,
     DownloadCustomizationOptions,
     RowDataSource,
+    setSheet,
     SheetRef,
     TeiRowDataSource,
     Template,
@@ -79,6 +80,11 @@ export class ExcelBuilder {
                     .flatMap(sheet => dataSource(sheet.name))
                     .compact()
                     .value();
+            } else if ("sheetsMatch" in dataSource) {
+                return _(sheets)
+                    .map(sheet => (sheet.name.match(dataSource.sheetsMatch) ? setSheet(dataSource, sheet.name) : null))
+                    .compact()
+                    .value();
             } else {
                 return [dataSource];
             }
diff --git a/src/domain/helpers/ExcelReader.ts b/src/domain/helpers/ExcelReader.ts
index 4c4c8899..ca1dc225 100644
--- a/src/domain/helpers/ExcelReader.ts
+++ b/src/domain/helpers/ExcelReader.ts
@@ -17,6 +17,7 @@ import {
     DataSourceValue,
     GenericSheetRef,
     RowDataSource,
+    setSheet,
     SheetRef,
     TeiRowDataSource,
     Template,
@@ -459,6 +460,11 @@ export class ExcelReader {
                     .flatMap(sheet => dataSource(sheet.name))
                     .compact()
                     .value();
+            } else if ("sheetsMatch" in dataSource) {
+                return _(sheets)
+                    .map(sheet => (sheet.name.match(dataSource.sheetsMatch) ? setSheet(dataSource, sheet.name) : null))
+                    .compact()
+                    .value();
             } else {
                 return [dataSource];
             }
diff --git a/src/domain/repositories/TemplateRepository.ts b/src/domain/repositories/TemplateRepository.ts
index 08256758..741f1747 100644
--- a/src/domain/repositories/TemplateRepository.ts
+++ b/src/domain/repositories/TemplateRepository.ts
@@ -6,6 +6,7 @@ export interface TemplateRepository {
     // Template access
     getTemplates(): Promise<Template[]>;
     getCustomTemplates(): CustomTemplateWithUrl[];
+    saveTemplate(template: Template): Promise<void>;
     saveTemplates(templates: Template[]): Promise<void>;
     getTemplate(id: Id): Promise<Template>;
     deleteTemplate(id: Id): Promise<void>;
diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index d89cd640..1649bc43 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -71,7 +71,7 @@ export class DownloadTemplateUseCase implements UseCase {
         const name = element.displayName ?? element.name;
 
         if (template.type === "custom") {
-            await this.excelRepository.loadTemplate({ type: "file-base64", contents: template.file.blob });
+            await this.excelRepository.loadTemplate({ type: "file-base64", contents: template.file.contents });
         } else {
             const result = await getElementMetadata({
                 api,
diff --git a/src/domain/usecases/GetGeneratedTemplatesUseCase.ts b/src/domain/usecases/GetGeneratedTemplatesUseCase.ts
new file mode 100644
index 00000000..dc8c1f9b
--- /dev/null
+++ b/src/domain/usecases/GetGeneratedTemplatesUseCase.ts
@@ -0,0 +1,16 @@
+import _ from "lodash";
+import { GeneratedTemplate } from "../entities/Template";
+import { TemplateRepository } from "../repositories/TemplateRepository";
+
+export class GetGeneratedTemplatesUseCase {
+    constructor(private templateRepository: TemplateRepository) {}
+
+    async execute(): Promise<GeneratedTemplate[]> {
+        const templates = await this.templateRepository.getTemplates();
+
+        return _(templates)
+            .map(template => (template.type === "generated" ? template : null))
+            .compact()
+            .value();
+    }
+}
diff --git a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
index b7ad664f..5402d4d4 100644
--- a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
+++ b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
@@ -4,6 +4,7 @@ import path from "path";
 import { Template } from "../entities/Template";
 import { TemplateRepository } from "../repositories/TemplateRepository";
 import { UsersRepository } from "../repositories/UsersRepository";
+import { getCurrentTimestamp } from "../../utils/time";
 
 export class PersistTemplatesFromStaticModulesUseCase {
     constructor(private templateRepository: TemplateRepository, private usersRepository: UsersRepository) {}
@@ -13,15 +14,16 @@ export class PersistTemplatesFromStaticModulesUseCase {
         const customTemplates = this.templateRepository.getCustomTemplates();
         const rootDir = path.join(__dirname, "../../..", "public");
 
-        const templates = customTemplates.map(template => {
+        const templates = customTemplates.map((template): Template => {
             const spreadsheetPath = path.join(rootDir, template.url);
             const buffer = fs.readFileSync(spreadsheetPath);
-            const file = { blob: buffer.toString("base64") };
-            const date = new Date().toISOString();
+            const contents = "data:text;base64," + buffer.toString("base64");
+            const file = { name: path.basename(template.url), contents };
+            const date = getCurrentTimestamp();
             const user = _.pick(currentUser, ["id", "username", "name"]);
 
             return {
-                ...template,
+                ..._.omit(template, ["url"]),
                 file,
                 created: { user, timestamp: date },
                 lastUpdated: { user, timestamp: date },
diff --git a/src/domain/usecases/RunMigrationsUseCase.ts b/src/domain/usecases/RunMigrationsUseCase.ts
index 996ccde6..55ac56bd 100644
--- a/src/domain/usecases/RunMigrationsUseCase.ts
+++ b/src/domain/usecases/RunMigrationsUseCase.ts
@@ -9,7 +9,7 @@ export class RunMigrationsUseCase implements UseCase {
     public async execute(debug: Debug): Promise<void> {
         const currentUser = await this.usersRepository.getCurrentUser();
 
-        if (!currentUser.authorities.includes("ALL")) {
+        if (!currentUser.authorities.has("ALL")) {
             throw new Error("Only a user with authority ALL can run this migration");
         }
 
diff --git a/src/domain/usecases/SaveCustomTemplateUseCase.ts b/src/domain/usecases/SaveCustomTemplateUseCase.ts
new file mode 100644
index 00000000..aa8db027
--- /dev/null
+++ b/src/domain/usecases/SaveCustomTemplateUseCase.ts
@@ -0,0 +1,34 @@
+import { CustomTemplate, Template } from "../entities/Template";
+import { getUserTimestamp, User } from "../entities/User";
+import { TemplateRepository } from "../repositories/TemplateRepository";
+
+export class SaveCustomTemplateUseCase {
+    constructor(private templatesRepository: TemplateRepository) {}
+
+    async execute(options: { template: CustomTemplate; currentUser: User }): Promise<void> {
+        const { template, currentUser } = options;
+        const existingTemplate = await this.getExistingCustomTemplate(template);
+
+        const templateToSave: CustomTemplate = {
+            ...existingTemplate,
+            ...template,
+            lastUpdated: getUserTimestamp(currentUser),
+            created: existingTemplate?.created || getUserTimestamp(currentUser),
+        };
+
+        return this.templatesRepository.saveTemplate(templateToSave);
+    }
+
+    private async getExistingCustomTemplate(template: CustomTemplate): Promise<Partial<CustomTemplate>> {
+        let existingTemplate: Partial<Template>;
+
+        try {
+            existingTemplate = await this.templatesRepository.getTemplate(template.id);
+        } catch {
+            return {};
+        }
+
+        if (existingTemplate.type !== "custom") throw new Error("Not a custom template");
+        return existingTemplate;
+    }
+}
diff --git a/src/index.tsx b/src/index.tsx
index 26862bea..66c4c0fc 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -51,11 +51,9 @@ async function main() {
         configI18n(userSettings);
 
         ReactDOM.render(
-            <React.StrictMode>
-                <Provider config={{ baseUrl, apiVersion: 30 }}>
-                    <App d2={d2 as object} api={api} />
-                </Provider>
-            </React.StrictMode>,
+            <Provider config={{ baseUrl, apiVersion: 30 }}>
+                <App d2={d2 as object} api={api} />
+            </Provider>,
             document.getElementById("root")
         );
     } catch (err: any) {
diff --git a/src/utils/files.ts b/src/utils/files.ts
index 52a59182..a1ef3f3b 100644
--- a/src/utils/files.ts
+++ b/src/utils/files.ts
@@ -7,8 +7,22 @@ export const toBase64 = (file: File): Promise<string> => {
     });
 };
 
-export const fromBase64 = async (string: string): Promise<File> => {
-    const response = await fetch(string);
+export const getStringFromFile = (file: File): Promise<string> => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsText(file, "utf-8");
+        reader.onload = () => resolve(String(reader.result));
+        reader.onerror = error => reject(error);
+    });
+};
+
+export const fromBase64 = async (uri: string, filename?: string): Promise<File> => {
+    const response = await fetch(uri);
     const buffer = await response.arrayBuffer();
-    return new File([buffer], "Logo");
+    return new File([buffer], filename || "Logo");
 };
+
+export function getBlobFromBase64(contents: string): Blob {
+    const buffer = Buffer.from(contents, "base64");
+    return new Blob([buffer]);
+}
diff --git a/src/utils/time.ts b/src/utils/time.ts
new file mode 100644
index 00000000..e25d8dda
--- /dev/null
+++ b/src/utils/time.ts
@@ -0,0 +1,3 @@
+export function getCurrentTimestamp(): string {
+    return new Date().toISOString();
+}
diff --git a/src/webapp/components/app/App.tsx b/src/webapp/components/app/App.tsx
index 41a9a3c3..1ba1668b 100644
--- a/src/webapp/components/app/App.tsx
+++ b/src/webapp/components/app/App.tsx
@@ -4,7 +4,6 @@ import { LoadingProvider, SnackbarProvider } from "@eyeseetea/d2-ui-components";
 import { MuiThemeProvider } from "@material-ui/core/styles";
 import _ from "lodash";
 //@ts-ignore
-import OldMuiThemeProvider from "material-ui/styles/MuiThemeProvider";
 import React, { useEffect, useState } from "react";
 import { getCompositionRoot } from "../../../CompositionRoot";
 import { D2Api } from "../../../types/d2-api";
@@ -15,7 +14,6 @@ import { useMigrations } from "../migrations/hooks";
 import Migrations from "../migrations/Migrations";
 import Share from "../share/Share";
 import "./App.css";
-import muiThemeLegacy from "./themes/dhis2-legacy.theme";
 import { muiTheme } from "./themes/dhis2.theme";
 
 export interface AppProps {
@@ -63,16 +61,14 @@ export const App: React.FC<AppProps> = React.memo(({ api, d2 }) => {
         return (
             <AppContext.Provider value={appContext}>
                 <MuiThemeProvider theme={muiTheme}>
-                    <OldMuiThemeProvider muiTheme={muiThemeLegacy}>
-                        <LoadingProvider>
-                            <SnackbarProvider>
-                                <div id="app">
-                                    <Router />
-                                </div>
-                                <Share visible={showShareButton} />
-                            </SnackbarProvider>
-                        </LoadingProvider>
-                    </OldMuiThemeProvider>
+                    <LoadingProvider>
+                        <SnackbarProvider>
+                            <div id="app">
+                                <Router />
+                            </div>
+                            <Share visible={showShareButton} />
+                        </SnackbarProvider>
+                    </LoadingProvider>
                 </MuiThemeProvider>
             </AppContext.Provider>
         );
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 01929a55..d9724b2a 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateEditDialog.tsx b/src/webapp/components/settings/TemplateEditDialog.tsx
index 3abf053c..c1e3ffd5 100644
--- a/src/webapp/components/settings/TemplateEditDialog.tsx
+++ b/src/webapp/components/settings/TemplateEditDialog.tsx
@@ -1,148 +1,329 @@
-import { Grid, makeStyles, TextField, Typography } from "@material-ui/core";
-import { ConfirmationDialog } from "@eyeseetea/d2-ui-components";
-import { useCallback, useState } from "react";
+import {
+    Button,
+    ButtonProps,
+    FormControlLabel,
+    Grid,
+    GridSize,
+    makeStyles,
+    Switch,
+    SwitchProps,
+    TextField,
+    TextFieldProps,
+    Typography,
+} from "@material-ui/core";
+import { ConfirmationDialog, useSnackbar } from "@eyeseetea/d2-ui-components";
 import { useDropzone } from "react-dropzone";
 import i18n from "../../../locales";
-import { toBase64 } from "../../../utils/files";
 import { Select } from "../select/Select";
 import { CustomTemplate } from "../../../domain/entities/Template";
 import React from "react";
 import { useDataForms } from "./settings.hooks";
 import {
-    CustomTemplateProgramViewModel,
-    CustomTemplateProgramViewModelActions,
-} from "./templates/CustomTemplateProgramViewModel";
+    TemplateView as ViewModel,
+    TemplateViewActions as ViewModelActions,
+    TemplateViewKey as ViewModelField,
+} from "./templates/TemplateView";
+import { downloadFile } from "../../utils/download";
+import { useAppContext } from "../../contexts/app-context";
 
 export interface CustomTemplateEditDialogProps {
-    action: CustomTemplateAction;
+    formMode: FormMode;
     onSave: (template: CustomTemplate) => void;
     onCancel: () => void;
 }
 
-export type CustomTemplateAction = { type: "new" } | { type: "edit"; template: CustomTemplate };
+export interface CustomTemplateEditDialogProps2 extends CustomTemplateEditDialogProps {
+    template: ViewModel;
+    setTemplate: SetTemplate;
+    actions: ViewModelActions;
+}
 
-export function CustomTemplateEditDialog(props: CustomTemplateEditDialogProps) {
-    const { action, onSave, onCancel } = props;
-    const classes = useStyles();
+type SetTemplate = (event: UpdateEvent<ViewModelField>) => void;
+
+export type FormMode = { type: "new" } | { type: "edit"; template: CustomTemplate };
+
+type UpdateEvent<Field extends ViewModelField> = { field: Field; value: ViewModel[Field] };
+
+type StateEvent<Field extends ViewModelField> =
+    | { type: "load"; viewModel: ViewModel; actions: ViewModelActions }
+    | { type: "update"; field: Field; value: ViewModel[Field] };
+
+type State = { type: "initial" } | { type: "loaded"; viewModel: ViewModel; actions: ViewModelActions };
+
+function viewModelReducer(state: State, event: StateEvent<ViewModelField>): State {
+    switch (event.type) {
+        case "load":
+            return { type: "loaded", viewModel: event.viewModel, actions: event.actions };
+        case "update":
+            return state.type === "loaded"
+                ? {
+                      ...state,
+                      viewModel: state.actions.update(state.viewModel, event.field, event.value),
+                  }
+                : state;
+    }
+}
 
-    const getInitialTemplate = (): CustomTemplateProgramViewModel =>
-        props.action.type === "edit"
-            ? CustomTemplateProgramViewModelActions.fromTemplate(props.action.template)
-            : CustomTemplateProgramViewModelActions.build();
+export const CustomTemplateEditDialog: React.FC<CustomTemplateEditDialogProps> = React.memo(props => {
+    const { formMode } = props;
+    const [state, dispatch] = React.useReducer(viewModelReducer, { type: "initial" } as State);
+    const { compositionRoot } = useAppContext();
 
-    const [template, setTemplate] = useState(getInitialTemplate);
+    React.useEffect(() => {
+        async function load() {
+            if (state.type === "loaded") return;
 
-    const dataForms = useDataForms({ initialSelectionId: template.dataFormId || undefined });
+            const generatedTemplates = await compositionRoot.templates.getGenerated();
+            const actions = new ViewModelActions(generatedTemplates);
 
-    const onDrop = useCallback(async ([file]: File[]) => {
-        if (!file) return;
-        const src = await toBase64(file);
-        console.debug(src);
-        //updateTemplate(theme => theme.updatePicture("logo", { name: file.name, src }));
+            const viewModel =
+                formMode.type === "edit"
+                    ? await actions.fromCustomTemplate(formMode.template)
+                    : await actions.build({ dataFormType: undefined });
+
+            dispatch({ type: "load", viewModel, actions });
+        }
+        load();
+    }, [formMode, compositionRoot, state]);
+
+    const setTemplate = React.useCallback((updateEvent: UpdateEvent<ViewModelField>) => {
+        dispatch({ type: "update", ...updateEvent });
     }, []);
 
-    const { getRootProps, getInputProps } = useDropzone({
-        onDrop,
-        accept: "image/jpeg, image/png",
+    return state.type === "loaded" ? (
+        <EditDialog {...props} template={state.viewModel} actions={state.actions} setTemplate={setTemplate} />
+    ) : null;
+});
+
+const EditDialog: React.FC<CustomTemplateEditDialogProps2> = React.memo(props => {
+    const { formMode, actions, onSave, onCancel, template, setTemplate } = props;
+
+    const translations = React.useMemo(() => ViewModelActions.getTranslations(), []);
+    const snackbar = useSnackbar();
+    const dataForms = useDataForms({
+        type: template.dataFormType || undefined,
+        initialSelectionId: template.dataFormId || undefined,
     });
 
-    const title = action.type === "edit" ? i18n.t("Edit custom template") : i18n.t("New custom template");
+    const title = formMode.type === "edit" ? i18n.t("Edit custom template") : i18n.t("New custom template");
+    const isAdvancedMode = template.mode === "advanced";
 
-    const save = React.useCallback(() => {
-        onSave(template as unknown as CustomTemplate);
-    }, [onSave, template]);
+    const validateAndSendSaveEvent = React.useCallback(async () => {
+        const validation = actions.validate(template);
+        if (validation.isValid) {
+            const customTemplate = await actions.toCustomTemplate(validation.object);
+            onSave(customTemplate);
+        } else {
+            snackbar.error(validation.errors.join("\n"));
+        }
+    }, [onSave, template, snackbar, actions]);
 
-    function setFieldFromEvent(field: keyof CustomTemplateProgramViewModel) {
-        return (ev: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
-            setTemplate(prevTemplate =>
-                CustomTemplateProgramViewModelActions.update(prevTemplate, field, ev.target.value)
-            );
-        };
-    }
+    const toggleMode = React.useCallback<NonNullable<SwitchProps["onChange"]>>(
+        ev => {
+            const mode = ev.target.checked ? "advanced" : "basic";
+            setTemplate(update("mode", mode));
+        },
+        [setTemplate]
+    );
+
+    React.useEffect(() => {
+        const dataForm = dataForms.selected;
+        if (!dataForm) return;
+        setTemplate(update("dataFormId", dataForm.id));
+        setTemplate(update("dataFormType", dataForm.type));
+    }, [dataForms.selected, setTemplate]);
+
+    const data = React.useMemo(() => ({ template, setTemplate }), [template, setTemplate]);
+
+    const hasDataFormType = Boolean(template.dataFormType);
 
     return (
         <ConfirmationDialog
             isOpen={true}
             title={title}
-            onSave={save}
+            onSave={validateAndSendSaveEvent}
             onCancel={onCancel}
             maxWidth={"lg"}
             fullWidth={true}
         >
             <Group>
-                <TextField
-                    className={classes.text}
-                    label={i18n.t("Template Code")}
-                    required={true}
-                    fullWidth={true}
-                    value={template.code || ""}
-                    disabled={action.type === "edit"}
-                    onChange={setFieldFromEvent("code")}
-                />
-
-                <TextField
-                    className={classes.text}
-                    label={i18n.t("Template Name")}
-                    required={true}
-                    fullWidth={true}
-                    value={template.name || ""}
-                    onChange={setFieldFromEvent("name")}
-                />
-
-                <TextField
-                    className={classes.text}
-                    label={i18n.t("Template Description")}
-                    required={false}
-                    fullWidth={true}
-                    value={template.description || ""}
-                    onChange={setFieldFromEvent("description")}
-                />
+                <Field field="code" data={data} disabled={formMode.type === "edit"} />
+                <Field field="name" data={data} />
+                <Field field="description" data={data} />
 
                 <Select
-                    placeholder={i18n.t("Program/Dataset")}
+                    placeholder={translations.dataFormId}
                     options={dataForms.options}
                     value={dataForms.selected?.id}
                     onChange={dataForms.setSelected}
                 />
             </Group>
 
-            <Group title={i18n.t("Data Source Configuration")}>
-                <Grid container spacing={1}>
-                    <Grid item xs={6}>
-                        <TextField
-                            className={classes.text}
-                            label={i18n.t("Event UID - Sheet")}
-                            fullWidth={true}
-                            value={template.eventIdSheet}
-                            onChange={setFieldFromEvent("eventIdSheet")}
-                        />
-                    </Grid>
-
-                    <Grid item xs={6}>
-                        <TextField
-                            className={classes.text}
-                            label={i18n.t("Event UID - Column")}
-                            fullWidth={true}
-                            value={template.eventIdColumn}
-                            onChange={setFieldFromEvent("eventIdColumn")}
-                        />
-                    </Grid>
-                </Grid>
-            </Group>
+            <Div key={template.dataFormType} visible={hasDataFormType}>
+                <FormControlLabel
+                    control={<Switch checked={isAdvancedMode} onChange={toggleMode} />}
+                    label={isAdvancedMode ? i18n.t("Advanced") : i18n.t("Basic (only row schema)")}
+                />
 
-            <Group title={i18n.t("Styles")}></Group>
+                <Group title={i18n.t("Data Source Configuration")}>
+                    {isAdvancedMode ? (
+                        <FileField data={data} field="dataSources" mimeType="application/json" />
+                    ) : (
+                        actions
+                            .getFieldsForDataFormType(template.dataFormType)
+                            .map(fields => <FieldsRow key={fields.join()} fields={fields} data={data} />)
+                    )}
+                </Group>
 
-            <Group title={i18n.t("File")}>
-                <div {...getRootProps({ className: classes.dropzone })}>
-                    <input {...getInputProps()} />
+                <Group title={i18n.t("Styles")}>
+                    {isAdvancedMode ? (
+                        <>
+                            <FileField data={data} field="styleSources" mimeType="application/json" />
+                        </>
+                    ) : (
+                        <>
+                            <FieldsRow fields={fields.stylesTitle} data={data} />
+                            <FieldsRow fields={fields.stylesSubtitle} data={data} />
+                            <FieldsRow fields={fields.stylesLogo} data={data} />
+                        </>
+                    )}
+                </Group>
 
-                    {"template.xlsx" ?? <p>{i18n.t("Drag and drop template file")}</p>}
-                </div>
-            </Group>
+                <Group title={i18n.t("File")}>
+                    <FileField
+                        data={data}
+                        field="spreadsheet"
+                        mimeType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+                    />
+                </Group>
+            </Div>
         </ConfirmationDialog>
     );
+});
+
+const fields = {
+    stylesTitle: ["stylesTitleSheet", "stylesTitleRange"],
+    stylesSubtitle: ["stylesSubtitleSheet", "stylesSubtitleRange"],
+    stylesLogo: ["stylesLogoSheet", "stylesLogoRange"],
+} as const;
+
+const FileField: React.FC<{
+    data: { template: ViewModel; setTemplate: SetTemplate };
+    field: "spreadsheet" | "dataSources" | "styleSources";
+    mimeType: string;
+}> = React.memo(props => {
+    const { data, field, mimeType } = props;
+    const { template, setTemplate } = data;
+    const classes = useStyles();
+    const file = template[field];
+
+    const onDrop = React.useCallback(
+        async (files: File[]) => {
+            const file = files[0];
+            if (file) setTemplate(update(field, file));
+        },
+        [field, setTemplate]
+    );
+
+    const download = React.useCallback<NonNullable<ButtonProps["onClick"]>>(
+        ev => {
+            if (!file) return;
+            ev.stopPropagation();
+            downloadFile({
+                filename: file.name,
+                data: file,
+                mimeType: "application/vnd.ms-excel",
+            });
+        },
+        [file]
+    );
+
+    const { getRootProps, getInputProps } = useDropzone({ onDrop, accept: mimeType });
+
+    return (
+        <div {...getRootProps({ className: classes.dropzone })}>
+            <input {...getInputProps()} />
+
+            {file ? (
+                <div className={classes.dropZoneWrapper}>
+                    <div>{file.name}</div>
+
+                    <Button variant="contained" onClick={download} className={classes.dropZoneButton}>
+                        {i18n.t("Download")}
+                    </Button>
+                </div>
+            ) : (
+                <p>{i18n.t("Drag and drop template file")}</p>
+            )}
+        </div>
+    );
+});
+
+interface FieldDataProp {
+    template: ViewModel;
+    setTemplate: SetTemplate;
+}
+
+interface FieldProps {
+    field: ViewModelField;
+    data: FieldDataProp;
+    disabled?: boolean;
+    multiline?: boolean;
+}
+
+const Field: React.FC<FieldProps> = React.memo(props => {
+    const { field, data, disabled, multiline } = props;
+
+    const { template, setTemplate } = data;
+    const classes = useStyles();
+    const translations = React.useMemo(() => ViewModelActions.getTranslations(), []);
+    const propValue = template[field];
+    const [value, setValue] = React.useState(propValue);
+
+    const setFromEvent = React.useCallback<NonNullable<TextFieldProps["onChange"]>>(
+        ev => setValue(ev.target.value),
+        [setValue]
+    );
+
+    const notifyParent = React.useCallback<NonNullable<TextFieldProps["onChange"]>>(
+        ev => setTemplate(update(field, ev.target.value)),
+        [setTemplate, field]
+    );
+
+    return (
+        <TextField
+            className={classes.text}
+            label={translations[field]}
+            fullWidth={true}
+            multiline={multiline}
+            maxRows={10}
+            value={value}
+            onChange={setFromEvent}
+            onBlur={notifyParent}
+            disabled={disabled}
+        />
+    );
+});
+
+interface TextFieldPairProps extends Omit<FieldProps, "field"> {
+    fields: readonly ViewModelField[];
 }
 
+const FieldsRow: React.FC<TextFieldPairProps> = React.memo(props => {
+    const { fields, data } = props;
+    const xs = 12 / fields.length;
+
+    return (
+        <Grid container spacing={1}>
+            {fields.map(field => (
+                <Grid key={field} item xs={xs as GridSize}>
+                    <Field field={field} data={data} />
+                </Grid>
+            ))}
+        </Grid>
+    );
+});
+
 const useStyles = makeStyles({
     group: { marginBottom: 25, marginLeft: 0 },
     text: { marginTop: 10, marginBottom: 10 },
@@ -162,11 +343,20 @@ const useStyles = makeStyles({
         backgroundColor: "#f0f0f0",
         cursor: "pointer",
     },
+    dropZoneWrapper: { display: "flex", alignItems: "center" },
+    dropZoneButton: { marginLeft: 20 },
 });
 
-const Group: React.FC<{ title?: string }> = props => {
-    const { title, children } = props;
+const Div: React.FC<{ visible: boolean }> = React.memo(props => {
+    const { visible = true, children } = props;
+
+    return visible ? <div>{children}</div> : null;
+});
+
+const Group: React.FC<{ title?: string; visible?: boolean }> = React.memo(props => {
+    const { title, visible = true, children } = props;
     const classes = useStyles();
+    if (!visible) return null;
 
     return (
         <div className={classes.group}>
@@ -174,4 +364,8 @@ const Group: React.FC<{ title?: string }> = props => {
             {children}
         </div>
     );
-};
+});
+
+function update<Field extends ViewModelField>(field: Field, value: ViewModel[Field]) {
+    return { field, value };
+}
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index a438bae9..7cee545b 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -21,7 +21,7 @@ import { CustomTemplate } from "../../../domain/entities/Template";
 import { firstOrFail, isValueInUnionType } from "../../../types/utils";
 import { TemplatePermissionsDialog } from "./TemplatePermissionsDialog";
 import { useAppContext } from "../../contexts/app-context";
-import { CustomTemplateAction, CustomTemplateEditDialog } from "./TemplateEditDialog";
+import { FormMode, CustomTemplateEditDialog } from "./TemplateEditDialog";
 import { downloadFile } from "../../utils/download";
 import { DataFormType, dataFormTypes, getTranslations } from "../../../domain/entities/DataForm";
 
@@ -50,11 +50,15 @@ type TemplateListTableProps = Pick<
 export default function TemplateListTable(props: TemplateListTableProps) {
     const { settings, setSettings, customTemplates, setCustomTemplates } = props;
     const { api, compositionRoot } = useAppContext();
+    const { currentUser } = settings;
     const snackbar = useSnackbar();
     const loading = useLoading();
 
     const [selection, setSelection] = useState<TableSelection[]>([]);
-    const [customTemplateEdit, setCustomTemplateEdit] = useState<CustomTemplateAction | undefined>();
+    const [customTemplateEdit, setCustomTemplateEdit] = useState<FormMode | undefined>({
+        type: "new",
+        //template: firstOrFail(customTemplates.filter(t => t.id === "NHWA_MODULE_1_v1")),
+    });
     const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
 
     const rows = buildCustomTemplateRow(customTemplates);
@@ -67,28 +71,31 @@ export default function TemplateListTable(props: TemplateListTableProps) {
         setCustomTemplateEdit(undefined);
     };
 
-    const save = async (customTemplate: CustomTemplate) => {
-        try {
-            loading.show();
-            //const errors = await compositionRoot.templates.save(customTemplate);
-            const errors: string[] = []; // TODO
-            if (errors.length === 0) {
+    const save = React.useCallback(
+        async (customTemplate: CustomTemplate) => {
+            try {
+                loading.show();
+                await compositionRoot.templates.save({ template: customTemplate, currentUser });
                 closeEdit();
+                snackbar.success(i18n.t("Template saved"));
                 setCustomTemplates(_.uniqBy([customTemplate, ...customTemplates], "id"));
-            } else {
-                snackbar.error(errors.join("\n"));
+            } catch (error) {
+                console.error(error);
+                snackbar.error(i18n.t("An error ocurred while saving custom template"));
+            } finally {
+                loading.hide();
             }
-        } catch (error) {
-            console.error(error);
-            snackbar.error(i18n.t("An error ocurred while saving custom template"));
-        }
-        loading.hide();
-    };
+        },
+        [compositionRoot, currentUser, customTemplates, loading, setCustomTemplates, snackbar]
+    );
 
-    const edit = (ids: string[]) => {
-        const template = customTemplates.find(row => row.id === ids[0]);
-        if (template) setCustomTemplateEdit({ type: "edit", template });
-    };
+    const edit = React.useCallback(
+        (ids: string[]) => {
+            const template = customTemplates.find(row => row.id === ids[0]);
+            if (template) setCustomTemplateEdit({ type: "edit", template });
+        },
+        [customTemplates]
+    );
 
     const deleteTemplates = React.useCallback(
         (ids: string[]) => {
@@ -115,7 +122,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             if (template) {
                 downloadFile({
                     filename: template.id + ".xlsx",
-                    data: Buffer.from(template.file.blob, "base64"),
+                    data: Buffer.from(template.file.contents, "base64"),
                     mimeType: "application/vnd.ms-excel",
                 });
             } else if (row) {
@@ -227,7 +234,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             )}
 
             {customTemplateEdit && (
-                <CustomTemplateEditDialog action={customTemplateEdit} onSave={save} onCancel={closeEdit} />
+                <CustomTemplateEditDialog formMode={customTemplateEdit} onSave={save} onCancel={closeEdit} />
             )}
 
             <ObjectsTable<TemplateRow>
@@ -260,8 +267,8 @@ function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[
                 id,
                 name,
                 description,
-                created: `${created.user.username} (${formatDate(created.timestamp)})`,
-                lastUpdated: `${created.user.username} (${formatDate(lastUpdated.timestamp)})`,
+                created: created ? `${created.user.username} (${formatDate(created.timestamp)})` : "-",
+                lastUpdated: lastUpdated ? `${lastUpdated.user.username} (${formatDate(lastUpdated.timestamp)})` : "-",
                 dataFormId: dataFormId_,
                 dataFormType: dataFormType_,
             };
diff --git a/src/webapp/components/settings/settings.hooks.ts b/src/webapp/components/settings/settings.hooks.ts
index 82d5ef49..1f2ed10e 100644
--- a/src/webapp/components/settings/settings.hooks.ts
+++ b/src/webapp/components/settings/settings.hooks.ts
@@ -1,23 +1,23 @@
 import React from "react";
-import { DataForm } from "../../../domain/entities/DataForm";
+import { DataForm, DataFormType } from "../../../domain/entities/DataForm";
 import { Id } from "../../../domain/entities/ReferenceObject";
 import { Maybe } from "../../../types/utils";
 import { useAppContext } from "../../contexts/app-context";
 import { getSelectOptionsFromNamedRefs } from "../../utils/refs";
 import { SelectOption } from "../select/Select";
 
-export function useDataForms(options: { initialSelectionId?: Id } = {}) {
-    const { compositionRoot } = useAppContext();
+export function useDataForms(options: { initialSelectionId?: Id; type?: DataFormType } = {}) {
+    const { initialSelectionId, type } = options;
 
+    const { compositionRoot } = useAppContext();
     const [dataForms, setDataForms] = React.useState<DataForm[]>();
-
     const [selected, setSelected] = React.useState<Maybe<DataForm>>();
 
     React.useEffect(() => {
-        if (!dataForms || !options.initialSelectionId) return;
-        const initialSelected = dataForms.find(df => df.id === options.initialSelectionId);
+        if (!dataForms || !initialSelectionId) return;
+        const initialSelected = dataForms.find(df => df.id === initialSelectionId);
         if (initialSelected) setSelected(initialSelected);
-    }, [dataForms, options.initialSelectionId]);
+    }, [dataForms, initialSelectionId]);
 
     React.useEffect(() => {
         compositionRoot.templates.get().then(setDataForms);
@@ -34,8 +34,12 @@ export function useDataForms(options: { initialSelectionId?: Id } = {}) {
         [dataForms]
     );
 
+    const dataFormsFiltered = React.useMemo(() => {
+        return dataForms ? dataForms.filter(df => !type || df.type === type) : undefined;
+    }, [dataForms, type]);
+
     return {
-        objects: dataForms,
+        objects: dataFormsFiltered,
         options: selectOptions,
         selected,
         setSelected: selectDataForm,
diff --git a/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts b/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
deleted file mode 100644
index bf9069e7..00000000
--- a/src/webapp/components/settings/templates/CustomTemplateProgramViewModel.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { CustomTemplate } from "../../../../domain/entities/Template";
-import { Maybe } from "../../../../types/utils";
-
-export interface CustomTemplateProgramViewModel {
-    code: string;
-    name: string;
-    description: string;
-
-    dataFormId: Maybe<string>;
-
-    eventIdSheet: string;
-    eventIdColumn: string;
-}
-
-export class CustomTemplateProgramViewModelActions {
-    static build(): CustomTemplateProgramViewModel {
-        const viewModel: CustomTemplateProgramViewModel = {
-            code: "",
-            name: "",
-            dataFormId: undefined,
-            description: "",
-            eventIdSheet: "Data Entry",
-            eventIdColumn: "A",
-        };
-
-        return viewModel;
-    }
-
-    static fromTemplate(template: CustomTemplate): CustomTemplateProgramViewModel {
-        const dataSource = template.dataSources?.[0];
-        const empty = this.build();
-        const dataSourceHasTypeRow = dataSource && "type" in dataSource && dataSource.type === "row";
-        const eventId =
-            dataSourceHasTypeRow && dataSource.eventId?.type === "column"
-                ? { sheet: dataSource.eventId.sheet.toString(), column: dataSource.eventId.ref }
-                : { sheet: empty.eventIdSheet, column: empty.eventIdColumn };
-
-        return {
-            code: template.id,
-            name: template.name,
-            dataFormId: template.dataFormId.type === "value" ? template.dataFormId.id : undefined,
-            description: template.description,
-            eventIdSheet: eventId.sheet,
-            eventIdColumn: eventId.column,
-        };
-    }
-
-    static update<Field extends keyof CustomTemplateProgramViewModel>(
-        viewModel: CustomTemplateProgramViewModel,
-        field: Field,
-        value: CustomTemplateProgramViewModel[Field]
-    ): CustomTemplateProgramViewModel {
-        return { ...viewModel, [field]: value };
-    }
-}
diff --git a/src/webapp/components/settings/templates/TemplateView.ts b/src/webapp/components/settings/templates/TemplateView.ts
new file mode 100644
index 00000000..99efa4cc
--- /dev/null
+++ b/src/webapp/components/settings/templates/TemplateView.ts
@@ -0,0 +1,792 @@
+import _ from "lodash";
+import i18n from "@eyeseetea/d2-ui-components/locales";
+import {
+    CellRef,
+    ColumnRef,
+    CustomTemplate,
+    DataSource,
+    DataSourceValue,
+    GeneratedTemplate,
+    Range,
+    RowDataSource,
+    RowRef,
+    SheetRef,
+    StyleSource,
+    TeiRowDataSource,
+    Template,
+    TrackerEventRowDataSource,
+    TrackerRelationship,
+    ValueRef,
+} from "../../../../domain/entities/Template";
+import { Maybe, ofType } from "../../../../types/utils";
+import { fromBase64, getStringFromFile, toBase64 } from "../../../../utils/files";
+import { DataFormType } from "../../../../domain/entities/DataForm";
+import { getTemplateId } from "../../../logic/sheetBuilder";
+
+export interface TemplateView extends BasicViewModel, AdvancedViewModel {
+    mode: "basic" | "advanced";
+}
+
+type ValidViewModel = { [K in keyof TemplateView]: NonNullable<TemplateView[K]> };
+
+const baseFields: Array<keyof BaseViewModel> = ["code", "name", "dataFormId", "spreadsheet"];
+const advancedFields: Array<keyof AdvancedViewModel> = ["dataSources", "styleSources"];
+
+interface BaseViewModel {
+    code: string;
+    name: string;
+    description: string;
+    dataFormType: Maybe<DataFormType>;
+    dataFormId: Maybe<string>;
+    spreadsheet: Maybe<File>;
+}
+
+export interface AdvancedViewModel extends BaseViewModel {
+    dataSources: Maybe<File>;
+    styleSources: Maybe<File>;
+}
+
+export interface BasicViewModel extends BaseViewModel {
+    // Data Source (dataSets and programs)
+    eventIdSheet: string;
+    eventIdColumn: string;
+    orgUnitSheet: string;
+    orgUnitColumn: string;
+    attributeSheet: string;
+    attributeColumn: string;
+    periodSheet: string;
+    periodColumn: string;
+    rangeSheet: string;
+    rangeRowStart: number;
+    rangeColumnStart: string;
+    dataElementSheet: string;
+    dataElementRow: number;
+    categoryOptionSheet: string;
+    categoryOptionRow: number;
+    coordinatesLatitudeSheet: string;
+    coordinatesLatitudeColumn: string;
+    coordinatesLongitudeSheet: string;
+    coordinatesLongitudeColumn: string;
+
+    // Data Source (trackerPrograms)
+    teiIdSheet: string;
+    teiIdColumn: string;
+    teiOrgUnitSheet: string;
+    teiOrgUnitColumn: string;
+    teiGeometrySheet: string;
+    teiGeometryColumn: string;
+    teiEnrollmentDateSheet: string;
+    teiEnrollmentDateColumn: string;
+    teiIncidentDateSheet: string;
+    teiIncidentDateColumn: string;
+    teiAttributesSheet: string;
+    teiAttributesRowStart: number;
+    teiAttributesColumnStart: string;
+    teiAttributeIdSheet: string;
+    teiAttributeIdRow: number;
+    teiRelRangeSheet: string;
+    teiRelRangeRowStart: number;
+    teiRelRangeColumnStart: string;
+    teiRelRelationshipTypeSheet: string;
+    teiRelRelationshipTypeCell: string;
+    teiRelFromSheet: string;
+    teiRelFromColumn: string;
+    teiRelToSheet: string;
+    teiRelToColumn: string;
+    teiEventEventIdSheet: string;
+    teiEventEventIdColumn: string;
+    teiEventTeiIdSheet: string;
+    teiEventTeiIdColumn: string;
+    teiEventCategoryOptionComboSheet: string;
+    teiEventCategoryOptionComboColumn: string;
+    teiEventDateSheet: string;
+    teiEventDateColumn: string;
+    teiEventProgramStageSheet: string;
+    teiEventProgramStageCell: string;
+    teiEventDataElementsSheet: string;
+    teiEventDataElementsRowStart: number;
+    teiEventDataElementsRowEnd: number;
+    teiEventDataElementsColumnStart: string;
+    teiEventDataValuesSheet: string;
+    teiEventDataValuesRowStart: number;
+    teiEventDataValuesColumnStart: string;
+
+    // Styles
+    stylesTitleSheet: string;
+    stylesTitleRange: string;
+    stylesSubtitleSheet: string;
+    stylesSubtitleRange: string;
+    stylesLogoSheet: string;
+    stylesLogoRange: string;
+}
+
+const dataEntryDefaultSheet = "Data Entry";
+
+const viewModelEmpty: TemplateView = {
+    mode: "basic",
+    code: "",
+    name: "",
+    dataFormType: undefined,
+    dataFormId: undefined,
+    description: "",
+    eventIdSheet: dataEntryDefaultSheet,
+    eventIdColumn: "",
+    orgUnitSheet: dataEntryDefaultSheet,
+    orgUnitColumn: "",
+    attributeSheet: dataEntryDefaultSheet,
+    attributeColumn: "",
+    periodSheet: dataEntryDefaultSheet,
+    periodColumn: "",
+    rangeSheet: dataEntryDefaultSheet,
+    rangeRowStart: 1,
+    rangeColumnStart: "",
+    dataElementSheet: dataEntryDefaultSheet,
+    dataElementRow: 1,
+    categoryOptionSheet: dataEntryDefaultSheet,
+    categoryOptionRow: 1,
+    coordinatesLatitudeSheet: dataEntryDefaultSheet,
+    coordinatesLatitudeColumn: "",
+    coordinatesLongitudeSheet: dataEntryDefaultSheet,
+    coordinatesLongitudeColumn: "",
+
+    teiIdSheet: "",
+    teiIdColumn: "",
+    teiOrgUnitSheet: "",
+    teiOrgUnitColumn: "",
+    teiGeometrySheet: "",
+    teiGeometryColumn: "",
+    teiEnrollmentDateSheet: "",
+    teiEnrollmentDateColumn: "",
+    teiIncidentDateSheet: "",
+    teiIncidentDateColumn: "",
+    teiAttributesSheet: "",
+    teiAttributesRowStart: 1,
+    teiAttributesColumnStart: "",
+    teiAttributeIdSheet: "",
+    teiAttributeIdRow: 1,
+    teiRelRangeSheet: "",
+    teiRelRangeRowStart: 1,
+    teiRelRangeColumnStart: "",
+    teiRelRelationshipTypeSheet: "",
+    teiRelRelationshipTypeCell: "",
+    teiRelFromSheet: "",
+    teiRelFromColumn: "",
+    teiRelToSheet: "",
+    teiRelToColumn: "",
+    teiEventEventIdSheet: "",
+    teiEventEventIdColumn: "",
+    teiEventTeiIdSheet: "",
+    teiEventTeiIdColumn: "",
+    teiEventCategoryOptionComboSheet: "",
+    teiEventCategoryOptionComboColumn: "",
+    teiEventDateSheet: "",
+    teiEventDateColumn: "",
+    teiEventProgramStageSheet: "",
+    teiEventProgramStageCell: "",
+    teiEventDataElementsSheet: "",
+    teiEventDataElementsRowStart: 1,
+    teiEventDataElementsRowEnd: 1,
+    teiEventDataElementsColumnStart: "",
+    teiEventDataValuesSheet: "",
+    teiEventDataValuesRowStart: 1,
+    teiEventDataValuesColumnStart: "",
+    stylesTitleSheet: dataEntryDefaultSheet,
+    stylesTitleRange: "",
+    stylesSubtitleSheet: dataEntryDefaultSheet,
+    stylesSubtitleRange: "",
+    stylesLogoSheet: dataEntryDefaultSheet,
+    stylesLogoRange: "",
+
+    spreadsheet: undefined,
+    dataSources: undefined,
+    styleSources: undefined,
+};
+
+const fieldsByKey = {
+    // dataSets and programs
+    eventId: ["eventIdSheet", "eventIdColumn"],
+    orgUnit: ["orgUnitSheet", "orgUnitColumn"],
+    attribute: ["attributeSheet", "attributeColumn"],
+    period: ["periodSheet", "periodColumn"],
+    coordinatesLatitude: ["coordinatesLatitudeSheet", "coordinatesLatitudeColumn"],
+    coordinatesLongitude: ["coordinatesLongitudeSheet", "coordinatesLongitudeColumn"],
+    dataElement: ["dataElementSheet", "dataElementRow"],
+    categoryOption: ["categoryOptionSheet", "categoryOptionRow"],
+    range: ["rangeSheet", "rangeColumnStart", "rangeRowStart"],
+    // trackerPrograms
+    teiId: ["teiIdSheet", "teiIdColumn"],
+    teiOrgUnit: ["teiOrgUnitSheet", "teiOrgUnitColumn"],
+    teiGeometry: ["teiGeometrySheet", "teiGeometryColumn"],
+    teiEnrollmentDate: ["teiEnrollmentDateSheet", "teiEnrollmentDateColumn"],
+    teiIncidentDate: ["teiIncidentDateSheet", "teiIncidentDateColumn"],
+    teiAttributes: ["teiAttributesSheet", "teiAttributesRowStart", "teiAttributesColumnStart"],
+    teiAttributeId: ["teiAttributeIdSheet", "teiAttributeIdRow"],
+    teiRelRange: ["teiRelRangeRowStart", "teiRelRangeColumnStart"],
+    teiRelRelationshipType: ["teiRelRelationshipTypeCell"],
+    teiRelFrom: ["teiRelFromColumn"],
+    teiRelTo: ["teiRelToColumn"],
+    teiEventEventId: ["teiEventEventIdColumn"],
+    teiEventTeiId: ["teiEventTeiIdColumn"],
+    teiEventCategoryOptionCombo: ["teiEventCategoryOptionComboColumn"],
+    teiEventDateSheet: ["teiEventDateColumn"],
+    teiEventProgramStage: ["teiEventProgramStageCell"],
+    teiEventDataElements: [
+        "teiEventDataElementsRowStart",
+        "teiEventDataElementsRowEnd",
+        "teiEventDataElementsColumnStart",
+    ],
+    teiEventDataValues: ["teiEventDataValuesRowStart", "teiEventDataValuesColumnStart"],
+} as const;
+
+export type TemplateViewKey = keyof TemplateView;
+
+type Validation = { isValid: true; object: ValidViewModel } | { isValid: false; errors: string[] };
+
+export class TemplateViewActions {
+    constructor(private generatedTemplates: GeneratedTemplate[]) {}
+
+    async build(options: { dataFormType: DataFormType | undefined }): Promise<TemplateView> {
+        const { dataFormType } = options;
+        if (!dataFormType) return viewModelEmpty;
+        const generatedTemplate = this.getGenerateTemplate(dataFormType);
+
+        return { ...viewModelEmpty, ...this.get(generatedTemplate) };
+    }
+
+    private getGenerateTemplate(dataFormType: DataFormType): GeneratedTemplate {
+        const templateId = getTemplateId(dataFormType, null).id;
+        const generatedTemplate = this.generatedTemplates.find(t => t.id === templateId);
+        if (!generatedTemplate) throw new Error("Cannot find generated template");
+        return generatedTemplate;
+    }
+
+    async fromCustomTemplate(template: CustomTemplate): Promise<TemplateView> {
+        const base: Partial<TemplateView> = {
+            code: template.id,
+            name: template.name,
+            dataFormId: template.dataFormId.type === "value" ? template.dataFormId.id : undefined,
+            dataFormType: template.dataFormType.type === "value" ? template.dataFormType.id : undefined,
+            description: template.description,
+            spreadsheet: await getFile(template.file),
+        };
+
+        return { ...viewModelEmpty, ...base, ...this.get(template) };
+    }
+
+    getFieldsForDataFormType(dataFormType: Maybe<DataFormType>): Array<readonly TemplateViewKey[]> {
+        const f = fieldsByKey;
+
+        switch (dataFormType) {
+            case "programs":
+                return [
+                    f.eventId,
+                    f.orgUnit,
+                    f.attribute,
+                    f.period,
+                    f.range,
+                    f.dataElement,
+                    f.coordinatesLatitude,
+                    f.coordinatesLongitude,
+                ];
+            case "dataSets":
+                return [f.orgUnit, f.period, f.attribute, f.range, f.dataElement, f.categoryOption];
+            case "trackerPrograms":
+                return [
+                    f.teiId,
+                    f.teiOrgUnit,
+                    f.teiGeometry,
+                    f.teiEnrollmentDate,
+                    f.teiIncidentDate,
+                    f.teiAttributes,
+                    f.teiAttributeId,
+                    f.teiRelRange,
+                    f.teiRelRelationshipType,
+                    f.teiRelFrom,
+                    f.teiRelTo,
+                    f.teiEventEventId,
+                    f.teiEventTeiId,
+                    f.teiEventCategoryOptionCombo,
+                    f.teiEventDateSheet,
+                    f.teiEventProgramStage,
+                    f.teiEventDataElements,
+                    f.teiEventDataValues,
+                ];
+            default:
+                return [];
+        }
+    }
+
+    private get(template: Template): Partial<TemplateView> {
+        const { dataSources, styleSources } = template;
+        const dataFormType = template.dataFormType.type === "value" ? template.dataFormType.id : undefined;
+        if (!dataFormType) return {};
+
+        const advancedViewModel: Partial<TemplateView> = {
+            mode: "advanced",
+            dataSources: getFileFromTemplateField(template, "Data Sources", template.dataSources),
+            styleSources: getFileFromTemplateField(template, "Styles Sources", template.styleSources),
+        };
+
+        const stylesBySection = _.keyBy(styleSources, styleSource => styleSource.section);
+        const stylesAttrs = _.pickBy({
+            stylesTitleSheet: stylesBySection["title"]?.source.sheet,
+            stylesTitleRange: stylesBySection["title"]?.source.ref,
+            stylesSubtitleSheet: stylesBySection["subtitle"]?.source.sheet,
+            stylesSubtitleRange: stylesBySection["subtitle"]?.source.ref,
+            stylesLogoSheet: stylesBySection["logo"]?.source.sheet,
+            stylesLogoRange: stylesBySection["logo"]?.source.ref,
+        });
+
+        switch (dataFormType) {
+            case "dataSets":
+            case "programs": {
+                const dataSource = dataSources?.[0];
+                const dataSourceHasTypeRow = dataSource && "type" in dataSource && dataSource.type === "row";
+                if (!dataSourceHasTypeRow || dataSources?.length !== 1) return advancedViewModel;
+
+                const viewModel: Partial<TemplateView> = {
+                    mode: "basic",
+                    ...getColumnAttrs(dataSource.eventId, "eventId"),
+                    ...getColumnAttrs(dataSource.orgUnit, "orgUnit"),
+                    ...getColumnAttrs(dataSource.attribute, "attribute"),
+                    ...getColumnAttrs(dataSource.period, "period"),
+                    ...getRangeAttrs(dataSource.range, "range"),
+                    ...getRowAttrs(dataSource.dataElement, "dataElement"),
+                    ...getRowAttrs(dataSource.categoryOption, "categoryOption"),
+                    ...getColumnAttrs(dataSource.coordinates?.latitude, "coordinatesLatitude"),
+                    ...getColumnAttrs(dataSource.coordinates?.longitude, "coordinatesLongitude"),
+                    ...stylesAttrs,
+                };
+
+                return viewModel;
+            }
+            case "trackerPrograms": {
+                if (!dataSources || dataSources.length !== 3) return advancedViewModel;
+
+                const rowTei = findDataSourceByType(dataSources, "rowTei");
+                const rowTeiRelationship = findDataSourceByType(dataSources, "rowTeiRelationship");
+                const rowTrackedEvent = findDataSourceByType(dataSources, "rowTrackedEvent");
+
+                if (!(rowTei && rowTeiRelationship && rowTrackedEvent)) return advancedViewModel;
+
+                const viewModel: Partial<TemplateView> = {
+                    mode: "basic",
+                    ...getColumnAttrs(rowTei.teiId, "teiId"),
+                    ...getColumnAttrs(rowTei.orgUnit, "teiOrgUnit"),
+                    ...getColumnAttrs(rowTei.geometry, "teiGeometry"),
+                    ...getColumnAttrs(rowTei.enrollmentDate, "teiEnrollmentDate"),
+                    ...getColumnAttrs(rowTei.incidentDate, "teiIncidentDate"),
+                    ...getRangeAttrs(rowTei.attributes, "teiAttributes"),
+                    ...getRowAttrs(rowTei.attributeId, "teiAttributeId"),
+
+                    ...getRangeAttrs(rowTeiRelationship.range, "teiRelRange"),
+                    ...getCellAttrs(rowTeiRelationship.relationshipType, "teiRelRelationshipType"),
+                    ...getColumnAttrs(rowTeiRelationship.from, "teiRelFrom"),
+                    ...getColumnAttrs(rowTeiRelationship.to, "teiRelTo"),
+
+                    ...getColumnAttrs(rowTrackedEvent.eventId, "teiEventEventId"),
+                    ...getColumnAttrs(rowTrackedEvent.teiId, "teiEventTeiId"),
+                    ...getColumnAttrs(rowTrackedEvent.date, "teiEventDate"),
+                    ...getColumnAttrs(rowTrackedEvent.categoryOptionCombo, "teiEventCategoryOptionCombo"),
+                    ...getRangeAttrs(rowTrackedEvent.dataValues, "teiEventDataValues"),
+                    ...getCellAttrs(rowTrackedEvent.programStage, "teiEventProgramStage"),
+                    ...getRangeAttrs(rowTrackedEvent.dataElements, "teiEventDataElements"),
+
+                    ...stylesAttrs,
+                };
+
+                return viewModel;
+            }
+        }
+    }
+
+    async toCustomTemplate(viewModel: ValidViewModel): Promise<CustomTemplate> {
+        const base: Pick<
+            CustomTemplate,
+            "type" | "id" | "name" | "dataFormType" | "dataFormId" | "description" | "file" | "created" | "lastUpdated"
+        > = {
+            type: "custom",
+            id: viewModel.code,
+            name: viewModel.name,
+            dataFormType: { type: "value", id: viewModel.dataFormType },
+            dataFormId: { type: "value", id: viewModel.dataFormId },
+            description: viewModel.description,
+            file: { name: viewModel.spreadsheet.name, contents: await toBase64(viewModel.spreadsheet) },
+            created: undefined,
+            lastUpdated: undefined,
+        };
+
+        const styleSources: StyleSource[] = [
+            {
+                section: "title",
+                source: { type: "range", ref: viewModel.stylesTitleRange, sheet: "Data Entry" },
+            },
+            {
+                section: "subtitle",
+                source: { type: "range", ref: viewModel.stylesSubtitleRange, sheet: "Data Entry" },
+            },
+            {
+                section: "logo",
+                source: { type: "range", ref: viewModel.stylesLogoRange, sheet: "Data Entry" },
+            },
+        ];
+
+        switch (viewModel.mode) {
+            case "basic": {
+                switch (viewModel.dataFormType) {
+                    case "dataSets": {
+                        const dataSource: RowDataSource = {
+                            type: "row",
+                            orgUnit: getDataSourceColumnAttrs(viewModel, "orgUnit"),
+                            period: getDataSourceColumnAttrs(viewModel, "period"),
+                            attribute: getDataSourceColumnAttrs(viewModel, "attribute"),
+                            range: getDataSourceRangeAttrs(viewModel, "range"),
+                            dataElement: getDataSourceRowAttrs(viewModel, "dataElement"),
+                            categoryOption: getDataSourceRowAttrs(viewModel, "categoryOption"),
+                        };
+
+                        return { ...base, dataSources: [dataSource], styleSources };
+                    }
+                    case "programs": {
+                        const dataSource: RowDataSource = {
+                            type: "row",
+                            eventId: getDataSourceColumnAttrs(viewModel, "eventId"),
+                            orgUnit: getDataSourceColumnAttrs(viewModel, "orgUnit"),
+                            attribute: getDataSourceColumnAttrs(viewModel, "attribute"),
+                            period: getDataSourceColumnAttrs(viewModel, "period"),
+                            range: getDataSourceRangeAttrs(viewModel, "range"),
+                            dataElement: getDataSourceRowAttrs(viewModel, "dataElement"),
+                            coordinates: {
+                                latitude: {
+                                    type: "column",
+                                    sheet: viewModel.coordinatesLatitudeSheet,
+                                    ref: viewModel.coordinatesLatitudeColumn,
+                                },
+                                longitude: {
+                                    type: "column",
+                                    sheet: viewModel.coordinatesLongitudeSheet,
+                                    ref: viewModel.coordinatesLongitudeColumn,
+                                },
+                            },
+                        };
+
+                        return { ...base, dataSources: [dataSource], styleSources };
+                    }
+                    case "trackerPrograms": {
+                        const dataSource1: TeiRowDataSource = {
+                            type: "rowTei",
+                            teiId: getDataSourceColumnAttrs(viewModel, "teiId"),
+                            orgUnit: getDataSourceColumnAttrs(viewModel, "teiOrgUnit"),
+                            geometry: getDataSourceColumnAttrs(viewModel, "teiGeometry"),
+                            enrollmentDate: getDataSourceColumnAttrs(viewModel, "teiEnrollmentDate"),
+                            incidentDate: getDataSourceColumnAttrs(viewModel, "teiIncidentDate"),
+                            attributes: getDataSourceRangeAttrs(viewModel, "teiAttributes"),
+                            attributeId: getDataSourceRowAttrs(viewModel, "teiAttributeId"),
+                        };
+
+                        const dataSource2: TrackerRelationship = {
+                            type: "rowTeiRelationship",
+                            sheetsMatch: "^Rel",
+                            range: getDataSourceRangeAttrs(viewModel, "teiRelRange"),
+                            relationshipType: getDataSourceCellAttrs(viewModel, "teiRelRelationshipType"),
+                            from: getDataSourceColumnAttrs(viewModel, "teiRelFrom"),
+                            to: getDataSourceColumnAttrs(viewModel, "teiRelTo"),
+                        };
+
+                        const dataSource3: TrackerEventRowDataSource = {
+                            type: "rowTrackedEvent",
+                            sheetsMatch: "^(Stage|\\()",
+                            eventId: getDataSourceColumnAttrs(viewModel, "teiEventEventId"),
+                            teiId: getDataSourceColumnAttrs(viewModel, "teiEventTeiId"),
+                            date: getDataSourceColumnAttrs(viewModel, "teiEventDate"),
+                            categoryOptionCombo: getDataSourceColumnAttrs(viewModel, "teiEventCategoryOptionCombo"),
+                            dataValues: getDataSourceRangeAttrs(viewModel, "teiEventDataValues"),
+                            programStage: getDataSourceCellAttrs(viewModel, "teiEventProgramStage"),
+                            dataElements: getDataSourceRangeAttrs(viewModel, "teiEventDataElements"),
+                        };
+
+                        const dataSources = [dataSource1, dataSource2, dataSource3];
+                        return { ...base, dataSources: dataSources, styleSources };
+                    }
+                }
+                break;
+            }
+            case "advanced":
+                return {
+                    ...base,
+                    dataSources: await arrayFromFile<DataSource>(viewModel.dataSources),
+                    styleSources: await arrayFromFile<StyleSource>(viewModel.styleSources),
+                };
+        }
+    }
+
+    update<Field extends keyof TemplateView>(
+        viewModel: TemplateView,
+        field: Field,
+        value: TemplateView[Field]
+    ): TemplateView {
+        if (field === "dataFormType" && value && viewModel.dataFormType !== value) {
+            const newDataFormType = value as DataFormType;
+            const generatedTemplate = this.getGenerateTemplate(newDataFormType);
+            return { ...viewModel, dataFormType: newDataFormType, ...this.get(generatedTemplate) };
+        } else {
+            return { ...viewModel, [field]: value };
+        }
+    }
+
+    validate(viewModel: TemplateView): Validation {
+        switch (viewModel.mode) {
+            case "basic": {
+                const fieldsByType = _.flatten(this.getFieldsForDataFormType(viewModel.dataFormType));
+                return this.validatePresence(viewModel, _.concat(baseFields, fieldsByType));
+            }
+            case "advanced":
+                return this.validatePresence(viewModel, _.concat(baseFields, advancedFields));
+        }
+    }
+
+    private validatePresence(viewModel: TemplateView, fields: TemplateViewKey[]): Validation {
+        const translations = TemplateViewActions.getTranslations();
+        const emptyFields = fields.filter(field => !viewModel[field]);
+        const errors = emptyFields.map(field => `${i18n.t("Field cannot be empty")}: ${translations[field]}`);
+
+        return _.isEmpty(errors) ? { isValid: true, object: viewModel as ValidViewModel } : { isValid: false, errors };
+    }
+
+    static getTranslations() {
+        return ofType<Record<TemplateViewKey, string>>({
+            mode: i18n.t("Mode"),
+            code: i18n.t("Code"),
+            name: i18n.t("Name"),
+            description: i18n.t("Description"),
+            dataFormType: i18n.t("Type"),
+            dataFormId: i18n.t("Program/Dataset"),
+            spreadsheet: i18n.t("Spreadsheet template"),
+
+            eventIdSheet: i18n.t("Event UID - Sheet"),
+            eventIdColumn: i18n.t("Event UID - Column"),
+            orgUnitSheet: i18n.t("Organisation Unit - Sheet"),
+            orgUnitColumn: i18n.t("Organisation Unit - Column"),
+            attributeSheet: i18n.t("Attribute - Sheet"),
+            attributeColumn: i18n.t("Attribute - Column"),
+            periodSheet: i18n.t("Period - Sheet"),
+            periodColumn: i18n.t("Period - Column"),
+            rangeSheet: i18n.t("Range - Sheet"),
+            rangeRowStart: i18n.t("Range - Starting row"),
+            rangeColumnStart: i18n.t("Range - Starting column"),
+            dataElementSheet: i18n.t("Data Element - Sheet"),
+            dataElementRow: i18n.t("Data Element - Row"),
+            categoryOptionSheet: i18n.t("Category Option - Sheet"),
+            categoryOptionRow: i18n.t("Category Option - Row"),
+            coordinatesLatitudeSheet: i18n.t("Coordinates Latitude - Sheet"),
+            coordinatesLatitudeColumn: i18n.t("Coordinates Latitude - Column"),
+            coordinatesLongitudeSheet: i18n.t("Coordinates Longitude - Sheet"),
+            coordinatesLongitudeColumn: i18n.t("Coordinates Longitude - Column"),
+            stylesTitleSheet: i18n.t("Title - Sheet"),
+            stylesTitleRange: i18n.t("Title Range (example D2:I2)", { nsSeparator: false }),
+            stylesSubtitleSheet: i18n.t("Subtitle - Sheet"),
+            stylesSubtitleRange: i18n.t("Title Range (example D3:I3)", { nsSeparator: false }),
+            stylesLogoSheet: i18n.t("Logo - Sheet"),
+            stylesLogoRange: i18n.t("Title Range (example A2:C3)", { nsSeparator: false }),
+
+            teiIdSheet: i18n.t("TEI Id - Sheet"),
+            teiIdColumn: i18n.t("TEI Id - Column"),
+            teiOrgUnitSheet: i18n.t("TEI Organisation Unit - Sheet"),
+            teiOrgUnitColumn: i18n.t("TEI Organisation Unit - Column"),
+            teiGeometrySheet: i18n.t("TEI Geometry - Sheet"),
+            teiGeometryColumn: i18n.t("TEI Geometry - Column"),
+            teiEnrollmentDateSheet: i18n.t("TEI Enrolmment Date - Sheet"),
+            teiEnrollmentDateColumn: i18n.t("TEI Enrolmment Date - Column"),
+            teiIncidentDateSheet: i18n.t("TEI Incident Date - Sheet"),
+            teiIncidentDateColumn: i18n.t("TEI Incident Date - Column"),
+            teiAttributesSheet: i18n.t("TEI Attributes - Sheet"),
+            teiAttributesRowStart: i18n.t("TEI Attributes - Row Start"),
+            teiAttributesColumnStart: i18n.t("TEI Attributes - Column Start"),
+            teiAttributeIdSheet: i18n.t("TEI Attribute ID - Sheet"),
+            teiAttributeIdRow: i18n.t("TEI Attribute ID - Row"),
+            teiRelRangeSheet: i18n.t("TEI Relationship Range - Sheet"),
+            teiRelRangeRowStart: i18n.t("TEI Relationship Range - Row Start"),
+            teiRelRangeColumnStart: i18n.t("TEI Relationship Range - Column Start"),
+            teiRelRelationshipTypeSheet: i18n.t("TEI Relationship Type - Sheet"),
+            teiRelRelationshipTypeCell: i18n.t("TEI Relationship Type - Cell"),
+            teiRelFromSheet: i18n.t("TEI Relationship From - Sheet"),
+            teiRelFromColumn: i18n.t("TEI Relationship From - Column"),
+            teiRelToSheet: i18n.t("TEI Relationship To - Sheet"),
+            teiRelToColumn: i18n.t("TEI Relationship To - Column"),
+            teiEventEventIdSheet: i18n.t("TEI Event Event-Id - Sheet"),
+            teiEventEventIdColumn: i18n.t("TEI Event Event-Id - Column"),
+            teiEventTeiIdSheet: i18n.t("TEI Event TEI-Id - Sheet"),
+            teiEventTeiIdColumn: i18n.t("TEI Event TEI-Id - Column"),
+            teiEventCategoryOptionComboSheet: i18n.t("TEI Event Category Option Combo - Sheet"),
+            teiEventCategoryOptionComboColumn: i18n.t("TEI Event Category Option Combo - Column"),
+            teiEventDateSheet: i18n.t("TEI Event Date - Sheet"),
+            teiEventDateColumn: i18n.t("TEI Event Date - Column"),
+            teiEventProgramStageSheet: i18n.t("TEI Event Program Stage - Sheet"),
+            teiEventProgramStageCell: i18n.t("TEI Event Program Stage - Cell"),
+            teiEventDataElementsSheet: i18n.t("TEI Event Data Elements - Sheet"),
+            teiEventDataElementsRowStart: i18n.t("TEI Event Data Elements - Row Start"),
+            teiEventDataElementsRowEnd: i18n.t("TEI Event Data Elements - Row End"),
+            teiEventDataElementsColumnStart: i18n.t("TEI Event Data Elements - Column Start"),
+            teiEventDataValuesSheet: i18n.t("TEI Event Data Values - Sheet"),
+            teiEventDataValuesRowStart: i18n.t("TEI Event Data Values - Row Start"),
+            teiEventDataValuesColumnStart: i18n.t("TEI Event Data Values - Column Start"),
+
+            dataSources: i18n.t("Data Source"),
+            styleSources: i18n.t("Styles"),
+        });
+    }
+}
+
+/* Helpers */
+
+type DataSourceColumnField =
+    | "eventId"
+    | "orgUnit"
+    | "attribute"
+    | "period"
+    | "coordinatesLatitude"
+    | "coordinatesLongitude"
+    | "teiId"
+    | "teiOrgUnit"
+    | "teiGeometry"
+    | "teiEnrollmentDate"
+    | "teiIncidentDate"
+    | "teiRelFrom"
+    | "teiRelTo"
+    | "teiEventTeiId"
+    | "teiEventEventId"
+    | "teiEventDate"
+    | "teiEventCategoryOptionCombo";
+
+function getColumnAttrs<Field extends DataSourceColumnField>(columnRef: SheetRef | ValueRef | undefined, field: Field) {
+    if (columnRef?.type !== "column") return;
+
+    const sheetField = (field + "Sheet") as `${typeof field}Sheet`;
+    const columnField = (field + "Column") as `${typeof field}Column`;
+    const attrs = { [sheetField]: columnRef.sheet.toString(), [columnField]: columnRef.ref };
+
+    return attrs as Record<typeof sheetField | typeof columnField, string>;
+}
+
+type DataSourceRowField = "dataElement" | "categoryOption" | "teiAttributeId";
+
+function getRowAttrs<Field extends DataSourceRowField>(rowRef: RowRef | ValueRef | undefined, field: Field) {
+    if (rowRef?.type !== "row") return;
+
+    const sheetField = (field + "Sheet") as `${typeof field}Sheet`;
+    const columnField = (field + "Row") as `${typeof field}Row`;
+    const attrs = { [sheetField]: rowRef.sheet.toString(), [columnField]: rowRef.ref };
+
+    return attrs as Record<`${Field}Sheet`, string> & Record<`${Field}Row`, number>;
+}
+
+type DataSourceRangeField = "range" | "teiAttributes" | "teiRelRange" | "teiEventDataValues" | "teiEventDataElements";
+
+function getRangeAttrs<Field extends DataSourceRangeField>(range: Range, field: Field) {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const rowStartField = (field + "RowStart") as `${Field}RowStart`;
+    const rowEndField = (field + "RowEnd") as `${Field}RowEnd`;
+    const columnStartField = (field + "ColumnStart") as `${Field}ColumnStart`;
+
+    return {
+        [sheetField]: range.sheet,
+        [rowStartField]: range.rowStart,
+        [rowEndField]: range.rowEnd,
+        [columnStartField]: range.columnStart,
+    } as Record<`${Field}RowStart`, number> &
+        Record<`${Field}RowEnd`, number | undefined> &
+        Record<`${Field}Sheet` | `${Field}ColumnStart`, string>;
+}
+
+type DataSourceCellField = "teiRelRelationshipType" | "teiEventProgramStage";
+
+function getCellAttrs<Field extends DataSourceCellField>(range: CellRef, field: Field) {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const cellField = (field + "Cell") as `${Field}Cell`;
+
+    return {
+        [sheetField]: range.sheet,
+        [cellField]: range.ref,
+    } as Record<`${Field}Sheet` | `${Field}Cell`, string>;
+}
+
+//
+
+function getDataSourceColumnAttrs<Field extends DataSourceColumnField>(
+    viewModel: ValidViewModel,
+    field: Field
+): ColumnRef {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const columnField = (field + "Column") as `${Field}Column`;
+
+    return {
+        type: "column",
+        sheet: viewModel[sheetField],
+        ref: viewModel[columnField],
+    };
+}
+
+function getDataSourceRangeAttrs<Field extends DataSourceRangeField>(viewModel: ValidViewModel, field: Field): Range {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const rowStartField = (field + "RowStart") as `${Field}RowStart`;
+    const rowEndField = (field + "RowEnd") as `${Field}RowEnd`;
+    const columnStartField = (field + "ColumnStart") as `${Field}ColumnStart`;
+
+    return {
+        sheet: viewModel[sheetField],
+        rowStart: viewModel[rowStartField],
+        rowEnd: viewModel[rowEndField as keyof ValidViewModel & `${string}RowEnd`],
+        columnStart: viewModel[columnStartField],
+    };
+}
+
+function getDataSourceRowAttrs<Field extends DataSourceRowField>(viewModel: ValidViewModel, field: Field): RowRef {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const rowField = (field + "Row") as `${Field}Row`;
+
+    return {
+        type: "row",
+        sheet: viewModel[sheetField],
+        ref: viewModel[rowField],
+    };
+}
+
+function getDataSourceCellAttrs<Field extends DataSourceCellField>(viewModel: ValidViewModel, field: Field): CellRef {
+    const sheetField = (field + "Sheet") as `${Field}Sheet`;
+    const cellField = (field + "Cell") as `${Field}Cell`;
+    return {
+        type: "cell",
+        sheet: viewModel[sheetField],
+        ref: viewModel[cellField],
+    };
+}
+
+//
+
+async function getFile(file: CustomTemplate["file"]): Promise<File> {
+    return fromBase64(file.contents, file.name);
+}
+
+function getFileFromTemplateField<T>(customTemplate: Template, name: string, obj: T[] | undefined): File {
+    const json = JSON.stringify(obj || [], null, 4);
+    const filename = `${customTemplate.name} - ${name}.json`;
+    return new File([json], filename);
+}
+
+async function arrayFromFile<T>(file: File): Promise<T[]> {
+    const contents = await getStringFromFile(file);
+    const obj = JSON.parse(contents) || [];
+    return obj as T[];
+}
+
+function findDataSourceByType<Type extends DataSourceValue["type"]>(
+    dataSources: DataSource[] | undefined,
+    type: Type
+): Extract<DataSourceValue, { type: Type }> | undefined {
+    return _(dataSources)
+        .map(ds => {
+            return "type" in ds && ds.type === type ? (ds as Extract<DataSourceValue, { type: Type }>) : null;
+        })
+        .compact()
+        .first();
+}
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index ecdf9a7e..31ed6384 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -25,6 +25,7 @@ import { Id, NamedRef } from "../../domain/entities/ReferenceObject";
 import i18n from "../../locales";
 import { D2Api, Ref } from "../../types/d2-api";
 import { GetArrayInnerType, Maybe, OkOrError } from "../../types/utils";
+import { User } from "../../domain/entities/User";
 
 const privateFields = ["currentUser"] as const;
 
@@ -51,11 +52,6 @@ type PublicOption = Pick<Options, GetArrayInnerType<typeof publicFields>>;
 export type PermissionSetting = "generation" | "settings" | "import";
 export type PermissionType = "user" | "userGroup";
 
-interface CurrentUser extends Ref {
-    userGroups: Ref[];
-    authorities: Set<string>;
-}
-
 type PermissionValue =
     | { type: "all" }
     | {
@@ -70,7 +66,7 @@ type Permissions = {
 };
 
 export default class Settings {
-    public currentUser: CurrentUser;
+    public currentUser: User;
     public permissions: Permissions;
     public templatePermissions: Record<Id, PermissionValue>;
     public models: Models;
@@ -105,8 +101,23 @@ export default class Settings {
     static async build(api: D2Api, compositionRoot: CompositionRoot): Promise<Settings> {
         const authorities = await api.get<string[]>("/me/authorization").getData();
 
-        const d2CurrentUser = await api.currentUser.get({ fields: { id: true, userGroups: { id: true } } }).getData();
-        const currentUser: CurrentUser = { ...d2CurrentUser, authorities: new Set(authorities) };
+        const d2CurrentUser = await api.currentUser
+            .get({
+                fields: {
+                    id: true,
+                    name: true,
+                    userCredentials: { username: true },
+                    userGroups: { id: true },
+                },
+            })
+            .getData();
+        const currentUser: User = {
+            id: d2CurrentUser.id,
+            name: d2CurrentUser.name,
+            username: d2CurrentUser.userCredentials.username,
+            authorities: new Set(authorities),
+            userGroups: d2CurrentUser.userGroups,
+        };
         const isUserAdmin = currentUser.authorities.has("ALL");
 
         const defaultSettings = compositionRoot.settings.getDefault();
diff --git a/src/webapp/utils/download.ts b/src/webapp/utils/download.ts
index de5326d8..e56b12c9 100644
--- a/src/webapp/utils/download.ts
+++ b/src/webapp/utils/download.ts
@@ -1,6 +1,6 @@
 interface DownloadFileOptions {
     filename: string;
-    data: string | Buffer;
+    data: string | Buffer | Blob;
     mimeType: string;
 }
 
diff --git a/src/webapp/utils/useBoolean.ts b/src/webapp/utils/useBoolean.ts
new file mode 100644
index 00000000..35b5cf1a
--- /dev/null
+++ b/src/webapp/utils/useBoolean.ts
@@ -0,0 +1,27 @@
+import React from "react";
+
+type Callback = () => void;
+
+type UseBooleanReturn = [boolean, UseBooleanActions];
+
+interface UseBooleanActions {
+    set: (newValue: boolean) => void;
+    toggle: Callback;
+    enable: Callback;
+    disable: Callback;
+}
+
+export function useBooleanState(initialValue: boolean): UseBooleanReturn {
+    const [value, setValue] = React.useState(initialValue);
+
+    const actions = React.useMemo(() => {
+        return {
+            set: (newValue: boolean) => setValue(newValue),
+            enable: () => setValue(true),
+            disable: () => setValue(false),
+            toggle: () => setValue(value_ => !value_),
+        };
+    }, [setValue]);
+
+    return [value, actions];
+}

From d8560a7c017bfba5f9981b5e5874831721380e03 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Tue, 19 Apr 2022 09:39:33 +0200
Subject: [PATCH 20/37] Use custom template forms on app + extra validations

---
 src/CompositionRoot.ts                        |   2 +
 src/data/ExcelPopulateRepository.ts           |  14 +-
 src/data/TemplateWebRepository.ts             |   2 -
 src/domain/entities/DataFormTemplate.ts       |   5 +-
 src/domain/repositories/ExcelRepository.ts    |   1 +
 .../usecases/DownloadTemplateUseCase.ts       |  18 +-
 .../GetDataFormsForGenerationUseCase.ts       |  44 ++
 .../usecases/SaveCustomTemplateUseCase.ts     |   6 +-
 src/utils/files.ts                            |   3 +
 .../settings/DataFormTemplateAssignDialog.tsx |  30 +-
 .../components/settings/SettingsFields.tsx    |   2 +-
 .../settings/TemplateEditDialog.tsx           |  44 +-
 .../components/settings/TemplateListTable.tsx |  28 +-
 .../settings/templates/TemplateView.ts        | 594 ++++++++++--------
 .../template-selector/TemplateSelector.tsx    |  53 +-
 src/webapp/logic/settings.ts                  |  11 +-
 src/webapp/logic/sheetBuilder.ts              |  47 +-
 .../DownloadTemplatePage.tsx                  |   9 +-
 src/webapp/utils/download.ts                  |   2 +-
 19 files changed, 519 insertions(+), 396 deletions(-)
 create mode 100644 src/domain/usecases/GetDataFormsForGenerationUseCase.ts

diff --git a/src/CompositionRoot.ts b/src/CompositionRoot.ts
index 805704af..57c18ee3 100644
--- a/src/CompositionRoot.ts
+++ b/src/CompositionRoot.ts
@@ -19,6 +19,7 @@ import { DeleteCustomTemplateUseCase } from "./domain/usecases/DeleteCustomTempl
 import { DeleteThemeUseCase } from "./domain/usecases/DeleteThemeUseCase";
 import { DownloadTemplateUseCase } from "./domain/usecases/DownloadTemplateUseCase";
 import { GetCustomTemplatesUseCase } from "./domain/usecases/GetCustomTemplatesUseCase";
+import { GetDataFormsForGenerationUseCase } from "./domain/usecases/GetDataFormsForGenerationUseCase";
 import { GetDataFormsUseCase } from "./domain/usecases/GetDataFormsUseCase";
 import { GetDefaultSettingsUseCase } from "./domain/usecases/GetDefaultSettingsUseCase";
 import { GetFormDataPackageUseCase } from "./domain/usecases/GetFormDataPackageUseCase";
@@ -72,6 +73,7 @@ export function getCompositionRoot({ appConfig, dhisInstance, mockApi }: Composi
             download: new DownloadTemplateUseCase(instance, templateManager, excelReader),
             import: new ImportTemplateUseCase(instance, templateManager, excelReader),
             list: new ListDataFormsUseCase(instance),
+            getDataFormsForGeneration: new GetDataFormsForGenerationUseCase(instance),
             get: new GetDataFormsUseCase(instance),
             persistFromStaticModules: new PersistTemplatesFromStaticModulesUseCase(templateManager, usersRepository),
             getCustom: new GetCustomTemplatesUseCase(templateManager),
diff --git a/src/data/ExcelPopulateRepository.ts b/src/data/ExcelPopulateRepository.ts
index d15ea251..50277177 100644
--- a/src/data/ExcelPopulateRepository.ts
+++ b/src/data/ExcelPopulateRepository.ts
@@ -20,10 +20,18 @@ export class ExcelPopulateRepository extends ExcelRepository {
 
     public async loadTemplate(options: LoadOptions): Promise<string> {
         const workbook = await this.parseFile(options);
-        const id = workbook.sheet(0).cell("A1").value();
+        const forcedCleanId = options.type === "file-base64" ? options.templateId : null;
+        let cleanId: string;
+        const cell = workbook.sheet(0).cell("A1");
+        if (forcedCleanId) {
+            cell.value(forcedCleanId);
+            cleanId = forcedCleanId;
+        } else {
+            const id = cell.value();
 
-        if (!id || typeof id !== "string") throw new Error("Invalid id");
-        const cleanId = id.replace(/^.*?:/, "").trim();
+            if (!id || typeof id !== "string") throw new Error("Invalid id");
+            cleanId = id.replace(/^.*?:/, "").trim();
+        }
 
         this.workbooks[cleanId] = workbook;
         return cleanId;
diff --git a/src/data/TemplateWebRepository.ts b/src/data/TemplateWebRepository.ts
index a14ce99a..af711e83 100644
--- a/src/data/TemplateWebRepository.ts
+++ b/src/data/TemplateWebRepository.ts
@@ -4,7 +4,6 @@ import { CustomTemplateWithUrl, Template } from "../domain/entities/Template";
 import { Theme } from "../domain/entities/Theme";
 import { StorageRepository } from "../domain/repositories/StorageRepository";
 import { TemplateRepository } from "../domain/repositories/TemplateRepository";
-import { cache } from "../utils/cache";
 import * as templates from "./templates";
 import * as customTemplates from "./templates/custom-templates";
 
@@ -14,7 +13,6 @@ const themeCollectionKey = "themes";
 export class TemplateWebRepository implements TemplateRepository {
     constructor(private storage: StorageRepository) {}
 
-    @cache()
     public async getTemplates(): Promise<Template[]> {
         const customTemplates = await this.storage.getObject<Template[]>(templatesCollectionKey, []);
         const genericTemplates = _.values(templates).map(TemplateClass => new TemplateClass());
diff --git a/src/domain/entities/DataFormTemplate.ts b/src/domain/entities/DataFormTemplate.ts
index 81bfff45..b8069f95 100644
--- a/src/domain/entities/DataFormTemplate.ts
+++ b/src/domain/entities/DataFormTemplate.ts
@@ -4,8 +4,5 @@ export interface DataFormTemplate {
     relationships: Record<DataFormId, Array<{ templateId: TemplateId }>>;
 }
 
-export const autogeneratedTemplateId = "autogenerated";
-type AutogeneratedTemplateId = typeof autogeneratedTemplateId;
-
 type DataFormId = Id;
-type TemplateId = Id | AutogeneratedTemplateId;
+type TemplateId = Id;
diff --git a/src/domain/repositories/ExcelRepository.ts b/src/domain/repositories/ExcelRepository.ts
index 153eac93..d40fbd0e 100644
--- a/src/domain/repositories/ExcelRepository.ts
+++ b/src/domain/repositories/ExcelRepository.ts
@@ -23,6 +23,7 @@ export interface FileLoadOptions {
 export interface FileBase64LoadOptions {
     type: "file-base64";
     contents: string;
+    templateId: string;
 }
 
 export abstract class ExcelRepository {
diff --git a/src/domain/usecases/DownloadTemplateUseCase.ts b/src/domain/usecases/DownloadTemplateUseCase.ts
index 1649bc43..841d3293 100644
--- a/src/domain/usecases/DownloadTemplateUseCase.ts
+++ b/src/domain/usecases/DownloadTemplateUseCase.ts
@@ -7,9 +7,10 @@ import { getRelationshipMetadata, RelationshipOrgUnitFilter } from "../../data/D
 import { D2Api } from "../../types/d2-api";
 import { promiseMap } from "../../utils/promises";
 import Settings from "../../webapp/logic/settings";
-import { getTemplateId, SheetBuilder } from "../../webapp/logic/sheetBuilder";
+import { getGeneratedTemplateId, SheetBuilder } from "../../webapp/logic/sheetBuilder";
 import { DataFormType } from "../entities/DataForm";
 import { Id } from "../entities/ReferenceObject";
+import { TemplateType } from "../entities/Template";
 import { ExcelBuilder } from "../helpers/ExcelBuilder";
 import { ExcelRepository } from "../repositories/ExcelRepository";
 import { InstanceRepository } from "../repositories/InstanceRepository";
@@ -31,7 +32,8 @@ export interface DownloadTemplateProps {
     downloadRelationships: boolean;
     filterTEIEnrollmentDate?: boolean;
     relationshipsOuFilter?: RelationshipOrgUnitFilter;
-    useAutogeneratedTemplate?: boolean;
+    templateId?: string;
+    templateType?: TemplateType;
 }
 
 export class DownloadTemplateUseCase implements UseCase {
@@ -59,10 +61,12 @@ export class DownloadTemplateUseCase implements UseCase {
             downloadRelationships,
             filterTEIEnrollmentDate,
             relationshipsOuFilter,
-            useAutogeneratedTemplate = false,
+            templateId: customTemplateId,
+            templateType,
         }: DownloadTemplateProps
     ): Promise<void> {
-        const { id: templateId } = getTemplateId(type, id, useAutogeneratedTemplate);
+        const templateId =
+            templateType === "custom" && customTemplateId ? customTemplateId : getGeneratedTemplateId(type);
         const template = await this.templateRepository.getTemplate(templateId);
 
         const theme = themeId ? await this.templateRepository.getTheme(themeId) : undefined;
@@ -71,7 +75,11 @@ export class DownloadTemplateUseCase implements UseCase {
         const name = element.displayName ?? element.name;
 
         if (template.type === "custom") {
-            await this.excelRepository.loadTemplate({ type: "file-base64", contents: template.file.contents });
+            await this.excelRepository.loadTemplate({
+                type: "file-base64",
+                contents: template.file.contents,
+                templateId: template.id,
+            });
         } else {
             const result = await getElementMetadata({
                 api,
diff --git a/src/domain/usecases/GetDataFormsForGenerationUseCase.ts b/src/domain/usecases/GetDataFormsForGenerationUseCase.ts
new file mode 100644
index 00000000..39f559ff
--- /dev/null
+++ b/src/domain/usecases/GetDataFormsForGenerationUseCase.ts
@@ -0,0 +1,44 @@
+import _ from "lodash";
+import { UseCase } from "../../CompositionRoot";
+import Settings from "../../webapp/logic/settings";
+import { DataForm } from "../entities/DataForm";
+import { CustomTemplate } from "../entities/Template";
+import { InstanceRepository } from "../repositories/InstanceRepository";
+
+interface ExecuteOptions {
+    settings: Settings;
+    customTemplates: CustomTemplate[];
+}
+
+export class GetDataFormsForGenerationUseCase implements UseCase {
+    constructor(private instance: InstanceRepository) {}
+
+    public async execute(options: ExecuteOptions): Promise<{ dataSets: DataForm[]; programs: DataForm[] }> {
+        const dataSets = await this.instance.getDataForms({ type: ["dataSets"] });
+        const programs = await this.instance.getDataForms({ type: ["programs"] });
+
+        return {
+            dataSets: this.splitCustomAndAutogenerated(dataSets, options),
+            programs: this.splitCustomAndAutogenerated(programs, options),
+        };
+    }
+
+    private splitCustomAndAutogenerated(dataForms: DataForm[], options: ExecuteOptions): DataForm[] {
+        const { customTemplates, settings } = options;
+
+        return _(dataForms)
+            .flatMap(dataForm => {
+                const enabledTemplateIds = settings.getTemplateIdsForDataForm(dataForm);
+
+                return _(customTemplates)
+                    .filter(ct => ct.dataFormId.type === "value" && ct.dataFormId.id === dataForm.id)
+                    .map(ct => ({ ...dataForm, id: ct.id, name: ct.name }))
+                    .concat(settings.isDataFormVisibleForCurrentUser(dataForm.id) ? [dataForm] : [])
+                    .filter(template => settings.isDataFormVisibleForCurrentUser(template.id))
+                    .filter(template => !enabledTemplateIds || enabledTemplateIds.includes(template.id))
+                    .value();
+            })
+            .sortBy(template => template.name)
+            .value();
+    }
+}
diff --git a/src/domain/usecases/SaveCustomTemplateUseCase.ts b/src/domain/usecases/SaveCustomTemplateUseCase.ts
index aa8db027..412509fa 100644
--- a/src/domain/usecases/SaveCustomTemplateUseCase.ts
+++ b/src/domain/usecases/SaveCustomTemplateUseCase.ts
@@ -5,7 +5,7 @@ import { TemplateRepository } from "../repositories/TemplateRepository";
 export class SaveCustomTemplateUseCase {
     constructor(private templatesRepository: TemplateRepository) {}
 
-    async execute(options: { template: CustomTemplate; currentUser: User }): Promise<void> {
+    async execute(options: { template: CustomTemplate; currentUser: User }): Promise<CustomTemplate> {
         const { template, currentUser } = options;
         const existingTemplate = await this.getExistingCustomTemplate(template);
 
@@ -16,7 +16,9 @@ export class SaveCustomTemplateUseCase {
             created: existingTemplate?.created || getUserTimestamp(currentUser),
         };
 
-        return this.templatesRepository.saveTemplate(templateToSave);
+        await this.templatesRepository.saveTemplate(templateToSave);
+
+        return templateToSave;
     }
 
     private async getExistingCustomTemplate(template: CustomTemplate): Promise<Partial<CustomTemplate>> {
diff --git a/src/utils/files.ts b/src/utils/files.ts
index a1ef3f3b..afcbe04d 100644
--- a/src/utils/files.ts
+++ b/src/utils/files.ts
@@ -26,3 +26,6 @@ export function getBlobFromBase64(contents: string): Blob {
     const buffer = Buffer.from(contents, "base64");
     return new Blob([buffer]);
 }
+
+export const xlsxMimeType =
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel.sheet.macroEnabled.12";
diff --git a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
index 4a5ff03a..fe54a6a7 100644
--- a/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
+++ b/src/webapp/components/settings/DataFormTemplateAssignDialog.tsx
@@ -3,14 +3,13 @@ import _ from "lodash";
 import { ConfirmationDialog, MultiSelector } from "@eyeseetea/d2-ui-components";
 import { makeStyles } from "@material-ui/core";
 
-import { Id, NamedRef } from "../../../domain/entities/ReferenceObject";
+import { NamedRef } from "../../../domain/entities/ReferenceObject";
 import { CustomTemplate, getDataFormRef } from "../../../domain/entities/Template";
 import i18n from "../../../locales";
 import { useAppContext } from "../../contexts/app-context";
 import { modelToSelectOption } from "../../utils/refs";
 import { Select } from "../select/Select";
 import { SettingsFieldsProps } from "./SettingsFields";
-import { autogeneratedTemplateId } from "../../../domain/entities/DataFormTemplate";
 import { useDataForms } from "./settings.hooks";
 
 export interface ModuleTemplateDialogProps extends SettingsFieldsProps {
@@ -32,22 +31,16 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
     useEffect(() => {
         if (!selectedDataForm) return;
 
-        const autogeneratedTemplate: NamedRef = {
-            name: i18n.t("Autogenerated"),
-            id: autogeneratedTemplateId,
-        };
-
-        const selectedDataFormHasCustomTemplate = _(customTemplates).some(
-            template => getDataFormRef(template).id === selectedDataForm.id
-        );
-
         const templateOptions = _(customTemplates)
-            .filter(template => getDataFormRef(template).type === selectedDataForm.type)
-            .filter(template =>
-                selectedDataFormHasCustomTemplate ? selectedDataForm.id === getDataFormRef(template).id : true
-            )
-            .map(template => _.pick(template, ["id", "name"]))
-            .concat([autogeneratedTemplate])
+            .map(template => {
+                const ref = getDataFormRef(template);
+                return ref.id && ref.type ? { template, ref: { id: ref.id, type: ref.type } } : null;
+            })
+            .compact()
+            .filter(({ ref }) => ref.type === selectedDataForm.type)
+            .filter(({ ref }) => selectedDataForm.id === ref.id)
+            .map(({ template }) => _.pick(template, ["id", "name"]))
+            .concat([{ id: selectedDataForm.id, name: i18n.t("Autogenerated") }])
             .value();
 
         setTemplates(templateOptions);
@@ -55,7 +48,8 @@ export function DataFormTemplateAssignDialog(props: ModuleTemplateDialogProps):
 
     const itemOptions = dataForms.options;
     const templatesOptions = useMemo(() => modelToSelectOption(templates), [templates]);
-    const templateIdsSelected: Id[] = settings.getTemplateIdsForDataForm(selectedDataForm);
+    // If no templates are explicitly assigned to the data form, assume all selected
+    const templateIdsSelected = settings.getTemplateIdsForDataForm(selectedDataForm) || templates.map(t => t.id);
 
     const updateSelection = useCallback(
         (newSelectedIds: string[]) => {
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index d9724b2a..01929a55 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateEditDialog.tsx b/src/webapp/components/settings/TemplateEditDialog.tsx
index c1e3ffd5..d6830492 100644
--- a/src/webapp/components/settings/TemplateEditDialog.tsx
+++ b/src/webapp/components/settings/TemplateEditDialog.tsx
@@ -25,11 +25,13 @@ import {
 } from "./templates/TemplateView";
 import { downloadFile } from "../../utils/download";
 import { useAppContext } from "../../contexts/app-context";
+import { xlsxMimeType } from "../../../utils/files";
 
 export interface CustomTemplateEditDialogProps {
     formMode: FormMode;
     onSave: (template: CustomTemplate) => void;
     onCancel: () => void;
+    customTemplates: CustomTemplate[];
 }
 
 export interface CustomTemplateEditDialogProps2 extends CustomTemplateEditDialogProps {
@@ -65,7 +67,7 @@ function viewModelReducer(state: State, event: StateEvent<ViewModelField>): Stat
 }
 
 export const CustomTemplateEditDialog: React.FC<CustomTemplateEditDialogProps> = React.memo(props => {
-    const { formMode } = props;
+    const { formMode, customTemplates } = props;
     const [state, dispatch] = React.useReducer(viewModelReducer, { type: "initial" } as State);
     const { compositionRoot } = useAppContext();
 
@@ -74,7 +76,7 @@ export const CustomTemplateEditDialog: React.FC<CustomTemplateEditDialogProps> =
             if (state.type === "loaded") return;
 
             const generatedTemplates = await compositionRoot.templates.getGenerated();
-            const actions = new ViewModelActions(generatedTemplates);
+            const actions = new ViewModelActions(customTemplates, generatedTemplates);
 
             const viewModel =
                 formMode.type === "edit"
@@ -84,7 +86,7 @@ export const CustomTemplateEditDialog: React.FC<CustomTemplateEditDialogProps> =
             dispatch({ type: "load", viewModel, actions });
         }
         load();
-    }, [formMode, compositionRoot, state]);
+    }, [formMode, compositionRoot, state, customTemplates]);
 
     const setTemplate = React.useCallback((updateEvent: UpdateEvent<ViewModelField>) => {
         dispatch({ type: "update", ...updateEvent });
@@ -147,8 +149,8 @@ const EditDialog: React.FC<CustomTemplateEditDialogProps2> = React.memo(props =>
             fullWidth={true}
         >
             <Group>
-                <Field field="code" data={data} disabled={formMode.type === "edit"} />
                 <Field field="name" data={data} />
+                <Field field="code" data={data} disabled={formMode.type === "edit"} />
                 <Field field="description" data={data} />
 
                 <Select
@@ -182,29 +184,25 @@ const EditDialog: React.FC<CustomTemplateEditDialogProps2> = React.memo(props =>
                         </>
                     ) : (
                         <>
-                            <FieldsRow fields={fields.stylesTitle} data={data} />
-                            <FieldsRow fields={fields.stylesSubtitle} data={data} />
-                            <FieldsRow fields={fields.stylesLogo} data={data} />
+                            <FieldsRow fields={stylesFields.title} data={data} />
+                            <FieldsRow fields={stylesFields.subtitle} data={data} />
+                            <FieldsRow fields={stylesFields.logo} data={data} />
                         </>
                     )}
                 </Group>
 
                 <Group title={i18n.t("File")}>
-                    <FileField
-                        data={data}
-                        field="spreadsheet"
-                        mimeType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-                    />
+                    <FileField data={data} field="spreadsheet" mimeType={xlsxMimeType} />
                 </Group>
             </Div>
         </ConfirmationDialog>
     );
 });
 
-const fields = {
-    stylesTitle: ["stylesTitleSheet", "stylesTitleRange"],
-    stylesSubtitle: ["stylesSubtitleSheet", "stylesSubtitleRange"],
-    stylesLogo: ["stylesLogoSheet", "stylesLogoRange"],
+const stylesFields = {
+    title: ["stylesTitleSheet", "stylesTitleRange"],
+    subtitle: ["stylesSubtitleSheet", "stylesSubtitleRange"],
+    logo: ["stylesLogoSheet", "stylesLogoRange"],
 } as const;
 
 const FileField: React.FC<{
@@ -229,19 +227,17 @@ const FileField: React.FC<{
         ev => {
             if (!file) return;
             ev.stopPropagation();
-            downloadFile({
-                filename: file.name,
-                data: file,
-                mimeType: "application/vnd.ms-excel",
-            });
+            downloadFile({ filename: file.name, data: file, mimeType });
         },
-        [file]
+        [file, mimeType]
     );
 
-    const { getRootProps, getInputProps } = useDropzone({ onDrop, accept: mimeType });
+    const { getRootProps, getInputProps } = useDropzone({ onDrop, accept: mimeType, multiple: false });
+
+    const mainProps = React.useMemo(() => ({ className: classes.dropzone }), [classes]);
 
     return (
-        <div {...getRootProps({ className: classes.dropzone })}>
+        <div {...getRootProps(mainProps)}>
             <input {...getInputProps()} />
 
             {file ? (
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 7cee545b..031ba8d4 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -24,6 +24,7 @@ import { useAppContext } from "../../contexts/app-context";
 import { FormMode, CustomTemplateEditDialog } from "./TemplateEditDialog";
 import { downloadFile } from "../../utils/download";
 import { DataFormType, dataFormTypes, getTranslations } from "../../../domain/entities/DataForm";
+import { fromBase64, xlsxMimeType } from "../../../utils/files";
 
 interface WarningDialog {
     title?: string;
@@ -55,10 +56,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     const loading = useLoading();
 
     const [selection, setSelection] = useState<TableSelection[]>([]);
-    const [customTemplateEdit, setCustomTemplateEdit] = useState<FormMode | undefined>({
-        type: "new",
-        //template: firstOrFail(customTemplates.filter(t => t.id === "NHWA_MODULE_1_v1")),
-    });
+    const [customTemplateEdit, setCustomTemplateEdit] = useState<FormMode | undefined>();
     const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
 
     const rows = buildCustomTemplateRow(customTemplates);
@@ -75,10 +73,10 @@ export default function TemplateListTable(props: TemplateListTableProps) {
         async (customTemplate: CustomTemplate) => {
             try {
                 loading.show();
-                await compositionRoot.templates.save({ template: customTemplate, currentUser });
+                const savedTemplate = await compositionRoot.templates.save({ template: customTemplate, currentUser });
                 closeEdit();
                 snackbar.success(i18n.t("Template saved"));
-                setCustomTemplates(_.uniqBy([customTemplate, ...customTemplates], "id"));
+                setCustomTemplates(_.uniqBy([savedTemplate, ...customTemplates], "id"));
             } catch (error) {
                 console.error(error);
                 snackbar.error(i18n.t("An error ocurred while saving custom template"));
@@ -115,21 +113,20 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     );
 
     const downloadSpreadsheet = React.useCallback(
-        (templateId: string) => {
+        async (templateId: string) => {
             const template = customTemplates.find(row => row.id === templateId);
             const row = rows.find(row => row.id === templateId);
 
             if (template) {
                 downloadFile({
                     filename: template.id + ".xlsx",
-                    data: Buffer.from(template.file.contents, "base64"),
-                    mimeType: "application/vnd.ms-excel",
+                    data: await fromBase64(template.file.contents),
+                    mimeType: xlsxMimeType,
                 });
             } else if (row) {
                 compositionRoot.templates.download(api, {
                     type: row.dataFormType,
                     id: row.dataFormId,
-                    useAutogeneratedTemplate: true,
                     language: "en",
                     settings,
                     populate: false,
@@ -178,7 +175,7 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             text: i18n.t("Download spreadsheet"),
             primary: false,
             onClick: selectedIds => downloadSpreadsheet(firstOrFail(selectedIds)),
-            icon: <Icon>share</Icon>,
+            icon: <Icon>cloud_download</Icon>,
         },
         {
             name: "edit",
@@ -234,7 +231,12 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             )}
 
             {customTemplateEdit && (
-                <CustomTemplateEditDialog formMode={customTemplateEdit} onSave={save} onCancel={closeEdit} />
+                <CustomTemplateEditDialog
+                    formMode={customTemplateEdit}
+                    customTemplates={customTemplates}
+                    onSave={save}
+                    onCancel={closeEdit}
+                />
             )}
 
             <ObjectsTable<TemplateRow>
@@ -275,7 +277,7 @@ function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[
 
             const autogeneratedRow: TemplateRow = {
                 ...customRow,
-                id: "autogenerated-" + customRow.id,
+                id: dataFormId_,
                 type: "autogenerated",
                 description: "",
                 created: "",
diff --git a/src/webapp/components/settings/templates/TemplateView.ts b/src/webapp/components/settings/templates/TemplateView.ts
index 99efa4cc..d3890b00 100644
--- a/src/webapp/components/settings/templates/TemplateView.ts
+++ b/src/webapp/components/settings/templates/TemplateView.ts
@@ -1,5 +1,5 @@
 import _ from "lodash";
-import i18n from "@eyeseetea/d2-ui-components/locales";
+
 import {
     CellRef,
     ColumnRef,
@@ -18,21 +18,24 @@ import {
     TrackerRelationship,
     ValueRef,
 } from "../../../../domain/entities/Template";
-import { Maybe, ofType } from "../../../../types/utils";
+import { assertUnreachable, Maybe, ofType, OkOrError } from "../../../../types/utils";
 import { fromBase64, getStringFromFile, toBase64 } from "../../../../utils/files";
 import { DataFormType } from "../../../../domain/entities/DataForm";
-import { getTemplateId } from "../../../logic/sheetBuilder";
+import { getGeneratedTemplateId } from "../../../logic/sheetBuilder";
+import i18n from "../../../../locales";
 
-export interface TemplateView extends BasicViewModel, AdvancedViewModel {
+export interface TemplateView extends BasicView, AdvancedView {
     mode: "basic" | "advanced";
 }
 
-type ValidViewModel = { [K in keyof TemplateView]: NonNullable<TemplateView[K]> };
+type ValidView = { [K in keyof TemplateView]: NonNullable<TemplateView[K]> };
+
+const baseFields: Array<keyof BaseView> = ["code", "name", "dataFormId", "spreadsheet"];
 
-const baseFields: Array<keyof BaseViewModel> = ["code", "name", "dataFormId", "spreadsheet"];
-const advancedFields: Array<keyof AdvancedViewModel> = ["dataSources", "styleSources"];
+const advancedFields: Array<keyof AdvancedView> = ["dataSources", "styleSources"];
 
-interface BaseViewModel {
+interface BaseView {
+    action: "create" | "edit";
     code: string;
     name: string;
     description: string;
@@ -41,12 +44,12 @@ interface BaseViewModel {
     spreadsheet: Maybe<File>;
 }
 
-export interface AdvancedViewModel extends BaseViewModel {
+export interface AdvancedView extends BaseView {
     dataSources: Maybe<File>;
     styleSources: Maybe<File>;
 }
 
-export interface BasicViewModel extends BaseViewModel {
+export interface BasicView extends BaseView {
     // Data Source (dataSets and programs)
     eventIdSheet: string;
     eventIdColumn: string;
@@ -57,12 +60,12 @@ export interface BasicViewModel extends BaseViewModel {
     periodSheet: string;
     periodColumn: string;
     rangeSheet: string;
-    rangeRowStart: number;
+    rangeRowStart: string;
     rangeColumnStart: string;
     dataElementSheet: string;
-    dataElementRow: number;
+    dataElementRow: string;
     categoryOptionSheet: string;
-    categoryOptionRow: number;
+    categoryOptionRow: string;
     coordinatesLatitudeSheet: string;
     coordinatesLatitudeColumn: string;
     coordinatesLongitudeSheet: string;
@@ -80,12 +83,12 @@ export interface BasicViewModel extends BaseViewModel {
     teiIncidentDateSheet: string;
     teiIncidentDateColumn: string;
     teiAttributesSheet: string;
-    teiAttributesRowStart: number;
+    teiAttributesRowStart: string;
     teiAttributesColumnStart: string;
     teiAttributeIdSheet: string;
-    teiAttributeIdRow: number;
+    teiAttributeIdRow: string;
     teiRelRangeSheet: string;
-    teiRelRangeRowStart: number;
+    teiRelRangeRowStart: string;
     teiRelRangeColumnStart: string;
     teiRelRelationshipTypeSheet: string;
     teiRelRelationshipTypeCell: string;
@@ -104,11 +107,11 @@ export interface BasicViewModel extends BaseViewModel {
     teiEventProgramStageSheet: string;
     teiEventProgramStageCell: string;
     teiEventDataElementsSheet: string;
-    teiEventDataElementsRowStart: number;
-    teiEventDataElementsRowEnd: number;
+    teiEventDataElementsRowStart: string;
+    teiEventDataElementsRowEnd: string;
     teiEventDataElementsColumnStart: string;
     teiEventDataValuesSheet: string;
-    teiEventDataValuesRowStart: number;
+    teiEventDataValuesRowStart: string;
     teiEventDataValuesColumnStart: string;
 
     // Styles
@@ -120,87 +123,100 @@ export interface BasicViewModel extends BaseViewModel {
     stylesLogoRange: string;
 }
 
-const dataEntryDefaultSheet = "Data Entry";
-
-const viewModelEmpty: TemplateView = {
-    mode: "basic",
-    code: "",
-    name: "",
-    dataFormType: undefined,
-    dataFormId: undefined,
-    description: "",
-    eventIdSheet: dataEntryDefaultSheet,
-    eventIdColumn: "",
-    orgUnitSheet: dataEntryDefaultSheet,
-    orgUnitColumn: "",
-    attributeSheet: dataEntryDefaultSheet,
-    attributeColumn: "",
-    periodSheet: dataEntryDefaultSheet,
-    periodColumn: "",
-    rangeSheet: dataEntryDefaultSheet,
-    rangeRowStart: 1,
-    rangeColumnStart: "",
-    dataElementSheet: dataEntryDefaultSheet,
-    dataElementRow: 1,
-    categoryOptionSheet: dataEntryDefaultSheet,
-    categoryOptionRow: 1,
-    coordinatesLatitudeSheet: dataEntryDefaultSheet,
-    coordinatesLatitudeColumn: "",
-    coordinatesLongitudeSheet: dataEntryDefaultSheet,
-    coordinatesLongitudeColumn: "",
-
-    teiIdSheet: "",
-    teiIdColumn: "",
-    teiOrgUnitSheet: "",
-    teiOrgUnitColumn: "",
-    teiGeometrySheet: "",
-    teiGeometryColumn: "",
-    teiEnrollmentDateSheet: "",
-    teiEnrollmentDateColumn: "",
-    teiIncidentDateSheet: "",
-    teiIncidentDateColumn: "",
-    teiAttributesSheet: "",
-    teiAttributesRowStart: 1,
-    teiAttributesColumnStart: "",
-    teiAttributeIdSheet: "",
-    teiAttributeIdRow: 1,
-    teiRelRangeSheet: "",
-    teiRelRangeRowStart: 1,
-    teiRelRangeColumnStart: "",
-    teiRelRelationshipTypeSheet: "",
-    teiRelRelationshipTypeCell: "",
-    teiRelFromSheet: "",
-    teiRelFromColumn: "",
-    teiRelToSheet: "",
-    teiRelToColumn: "",
-    teiEventEventIdSheet: "",
-    teiEventEventIdColumn: "",
-    teiEventTeiIdSheet: "",
-    teiEventTeiIdColumn: "",
-    teiEventCategoryOptionComboSheet: "",
-    teiEventCategoryOptionComboColumn: "",
-    teiEventDateSheet: "",
-    teiEventDateColumn: "",
-    teiEventProgramStageSheet: "",
-    teiEventProgramStageCell: "",
-    teiEventDataElementsSheet: "",
-    teiEventDataElementsRowStart: 1,
-    teiEventDataElementsRowEnd: 1,
-    teiEventDataElementsColumnStart: "",
-    teiEventDataValuesSheet: "",
-    teiEventDataValuesRowStart: 1,
-    teiEventDataValuesColumnStart: "",
-    stylesTitleSheet: dataEntryDefaultSheet,
-    stylesTitleRange: "",
-    stylesSubtitleSheet: dataEntryDefaultSheet,
-    stylesSubtitleRange: "",
-    stylesLogoSheet: dataEntryDefaultSheet,
-    stylesLogoRange: "",
-
-    spreadsheet: undefined,
-    dataSources: undefined,
-    styleSources: undefined,
-};
+const defaultSheet = "Data Entry";
+
+type ValidationKey = "column" | "row" | "range" | "cell";
+
+interface Definition {
+    default: unknown;
+    validations: ValidationKey[];
+}
+
+function definition<T>(defaultValue: T, validations?: ValidationKey[]): Definition {
+    return { default: defaultValue, validations: validations || [] };
+}
+const viewDefs = {
+    action: definition("create"),
+    mode: definition("basic"),
+    code: definition(""),
+    name: definition(""),
+    dataFormType: definition(undefined),
+    dataFormId: definition(undefined),
+    description: definition(""),
+    eventIdSheet: definition(defaultSheet),
+    eventIdColumn: definition("", ["column"]),
+    orgUnitSheet: definition(defaultSheet),
+    orgUnitColumn: definition("", ["column"]),
+    attributeSheet: definition(defaultSheet),
+    attributeColumn: definition("", ["column"]),
+    periodSheet: definition(defaultSheet),
+    periodColumn: definition("", ["column"]),
+    rangeSheet: definition(defaultSheet),
+    rangeRowStart: definition("", ["row"]),
+    rangeColumnStart: definition("", ["column"]),
+    dataElementSheet: definition(defaultSheet),
+    dataElementRow: definition("", ["row"]),
+    categoryOptionSheet: definition(defaultSheet),
+    categoryOptionRow: definition("", ["row"]),
+    coordinatesLatitudeSheet: definition(defaultSheet),
+    coordinatesLatitudeColumn: definition("", ["column"]),
+    coordinatesLongitudeSheet: definition(defaultSheet),
+    coordinatesLongitudeColumn: definition("", ["column"]),
+
+    teiIdSheet: definition(""),
+    teiIdColumn: definition("", ["column"]),
+    teiOrgUnitSheet: definition(""),
+    teiOrgUnitColumn: definition("", ["column"]),
+    teiGeometrySheet: definition(""),
+    teiGeometryColumn: definition("", ["column"]),
+    teiEnrollmentDateSheet: definition(""),
+    teiEnrollmentDateColumn: definition("", ["column"]),
+    teiIncidentDateSheet: definition(""),
+    teiIncidentDateColumn: definition("", ["column"]),
+    teiAttributesSheet: definition(""),
+    teiAttributesRowStart: definition("", ["row"]),
+    teiAttributesColumnStart: definition("", ["column"]),
+    teiAttributeIdSheet: definition(""),
+    teiAttributeIdRow: definition("", ["row"]),
+    teiRelRangeSheet: definition(""),
+    teiRelRangeRowStart: definition("", ["row"]),
+    teiRelRangeColumnStart: definition("", ["column"]),
+    teiRelRelationshipTypeSheet: definition(""),
+    teiRelRelationshipTypeCell: definition("", ["cell"]),
+    teiRelFromSheet: definition(""),
+    teiRelFromColumn: definition("", ["column"]),
+    teiRelToSheet: definition(""),
+    teiRelToColumn: definition("", ["column"]),
+    teiEventEventIdSheet: definition(""),
+    teiEventEventIdColumn: definition("", ["column"]),
+    teiEventTeiIdSheet: definition(""),
+    teiEventTeiIdColumn: definition("", ["column"]),
+    teiEventCategoryOptionComboSheet: definition(""),
+    teiEventCategoryOptionComboColumn: definition("", ["column"]),
+    teiEventDateSheet: definition(""),
+    teiEventDateColumn: definition("", ["column"]),
+    teiEventProgramStageSheet: definition(""),
+    teiEventProgramStageCell: definition("", ["cell"]),
+    teiEventDataElementsSheet: definition(""),
+    teiEventDataElementsRowStart: definition("", ["row"]),
+    teiEventDataElementsRowEnd: definition("", ["row"]),
+    teiEventDataElementsColumnStart: definition("", ["column"]),
+    teiEventDataValuesSheet: definition(""),
+    teiEventDataValuesRowStart: definition("", ["row"]),
+    teiEventDataValuesColumnStart: definition("", ["column"]),
+    stylesTitleSheet: definition(defaultSheet),
+    stylesTitleRange: definition("", ["range"]),
+    stylesSubtitleSheet: definition(defaultSheet),
+    stylesSubtitleRange: definition("", ["range"]),
+    stylesLogoSheet: definition(defaultSheet),
+    stylesLogoRange: definition("", ["range"]),
+
+    spreadsheet: definition(undefined),
+    dataSources: definition(undefined),
+    styleSources: definition(undefined),
+} as const;
+
+const viewEmpty = _.mapValues(viewDefs, def => def.default) as TemplateView;
 
 const fieldsByKey = {
     // dataSets and programs
@@ -213,6 +229,7 @@ const fieldsByKey = {
     dataElement: ["dataElementSheet", "dataElementRow"],
     categoryOption: ["categoryOptionSheet", "categoryOptionRow"],
     range: ["rangeSheet", "rangeColumnStart", "rangeRowStart"],
+
     // trackerPrograms
     teiId: ["teiIdSheet", "teiIdColumn"],
     teiOrgUnit: ["teiOrgUnitSheet", "teiOrgUnitColumn"],
@@ -240,21 +257,27 @@ const fieldsByKey = {
 
 export type TemplateViewKey = keyof TemplateView;
 
-type Validation = { isValid: true; object: ValidViewModel } | { isValid: false; errors: string[] };
+type Validation = { isValid: true; object: ValidView } | { isValid: false; errors: string[] };
+
+type Translations = Record<TemplateViewKey, string>;
 
 export class TemplateViewActions {
-    constructor(private generatedTemplates: GeneratedTemplate[]) {}
+    translations: Translations;
+
+    constructor(private customTemplates: CustomTemplate[], private generatedTemplates: GeneratedTemplate[]) {
+        this.translations = TemplateViewActions.getTranslations();
+    }
 
     async build(options: { dataFormType: DataFormType | undefined }): Promise<TemplateView> {
         const { dataFormType } = options;
-        if (!dataFormType) return viewModelEmpty;
-        const generatedTemplate = this.getGenerateTemplate(dataFormType);
+        if (!dataFormType) return viewEmpty;
+        const generatedTemplate = this.getGeneratedTemplate(dataFormType);
 
-        return { ...viewModelEmpty, ...this.get(generatedTemplate) };
+        return { ...viewEmpty, ...this.get(generatedTemplate), action: "create" };
     }
 
-    private getGenerateTemplate(dataFormType: DataFormType): GeneratedTemplate {
-        const templateId = getTemplateId(dataFormType, null).id;
+    private getGeneratedTemplate(dataFormType: DataFormType): GeneratedTemplate {
+        const templateId = getGeneratedTemplateId(dataFormType);
         const generatedTemplate = this.generatedTemplates.find(t => t.id === templateId);
         if (!generatedTemplate) throw new Error("Cannot find generated template");
         return generatedTemplate;
@@ -262,6 +285,7 @@ export class TemplateViewActions {
 
     async fromCustomTemplate(template: CustomTemplate): Promise<TemplateView> {
         const base: Partial<TemplateView> = {
+            action: "edit",
             code: template.id,
             name: template.name,
             dataFormId: template.dataFormId.type === "value" ? template.dataFormId.id : undefined,
@@ -270,46 +294,53 @@ export class TemplateViewActions {
             spreadsheet: await getFile(template.file),
         };
 
-        return { ...viewModelEmpty, ...base, ...this.get(template) };
+        return { ...viewEmpty, ...base, ...this.get(template) };
     }
 
     getFieldsForDataFormType(dataFormType: Maybe<DataFormType>): Array<readonly TemplateViewKey[]> {
-        const f = fieldsByKey;
+        const fields = fieldsByKey;
 
         switch (dataFormType) {
+            case "dataSets":
+                return [
+                    fields.orgUnit,
+                    fields.period,
+                    fields.attribute,
+                    fields.range,
+                    fields.dataElement,
+                    fields.categoryOption,
+                ];
             case "programs":
                 return [
-                    f.eventId,
-                    f.orgUnit,
-                    f.attribute,
-                    f.period,
-                    f.range,
-                    f.dataElement,
-                    f.coordinatesLatitude,
-                    f.coordinatesLongitude,
+                    fields.eventId,
+                    fields.orgUnit,
+                    fields.attribute,
+                    fields.period,
+                    fields.range,
+                    fields.dataElement,
+                    fields.coordinatesLatitude,
+                    fields.coordinatesLongitude,
                 ];
-            case "dataSets":
-                return [f.orgUnit, f.period, f.attribute, f.range, f.dataElement, f.categoryOption];
             case "trackerPrograms":
                 return [
-                    f.teiId,
-                    f.teiOrgUnit,
-                    f.teiGeometry,
-                    f.teiEnrollmentDate,
-                    f.teiIncidentDate,
-                    f.teiAttributes,
-                    f.teiAttributeId,
-                    f.teiRelRange,
-                    f.teiRelRelationshipType,
-                    f.teiRelFrom,
-                    f.teiRelTo,
-                    f.teiEventEventId,
-                    f.teiEventTeiId,
-                    f.teiEventCategoryOptionCombo,
-                    f.teiEventDateSheet,
-                    f.teiEventProgramStage,
-                    f.teiEventDataElements,
-                    f.teiEventDataValues,
+                    fields.teiId,
+                    fields.teiOrgUnit,
+                    fields.teiGeometry,
+                    fields.teiEnrollmentDate,
+                    fields.teiIncidentDate,
+                    fields.teiAttributes,
+                    fields.teiAttributeId,
+                    fields.teiRelRange,
+                    fields.teiRelRelationshipType,
+                    fields.teiRelFrom,
+                    fields.teiRelTo,
+                    fields.teiEventEventId,
+                    fields.teiEventTeiId,
+                    fields.teiEventCategoryOptionCombo,
+                    fields.teiEventDateSheet,
+                    fields.teiEventProgramStage,
+                    fields.teiEventDataElements,
+                    fields.teiEventDataValues,
                 ];
             default:
                 return [];
@@ -321,7 +352,7 @@ export class TemplateViewActions {
         const dataFormType = template.dataFormType.type === "value" ? template.dataFormType.id : undefined;
         if (!dataFormType) return {};
 
-        const advancedViewModel: Partial<TemplateView> = {
+        const advancedView: Partial<TemplateView> = {
             mode: "advanced",
             dataSources: getFileFromTemplateField(template, "Data Sources", template.dataSources),
             styleSources: getFileFromTemplateField(template, "Styles Sources", template.styleSources),
@@ -342,9 +373,9 @@ export class TemplateViewActions {
             case "programs": {
                 const dataSource = dataSources?.[0];
                 const dataSourceHasTypeRow = dataSource && "type" in dataSource && dataSource.type === "row";
-                if (!dataSourceHasTypeRow || dataSources?.length !== 1) return advancedViewModel;
+                if (!dataSourceHasTypeRow || dataSources?.length !== 1) return advancedView;
 
-                const viewModel: Partial<TemplateView> = {
+                const view: Partial<TemplateView> = {
                     mode: "basic",
                     ...getColumnAttrs(dataSource.eventId, "eventId"),
                     ...getColumnAttrs(dataSource.orgUnit, "orgUnit"),
@@ -358,18 +389,18 @@ export class TemplateViewActions {
                     ...stylesAttrs,
                 };
 
-                return viewModel;
+                return view;
             }
             case "trackerPrograms": {
-                if (!dataSources || dataSources.length !== 3) return advancedViewModel;
+                if (!dataSources || dataSources.length !== 3) return advancedView;
 
                 const rowTei = findDataSourceByType(dataSources, "rowTei");
                 const rowTeiRelationship = findDataSourceByType(dataSources, "rowTeiRelationship");
                 const rowTrackedEvent = findDataSourceByType(dataSources, "rowTrackedEvent");
 
-                if (!(rowTei && rowTeiRelationship && rowTrackedEvent)) return advancedViewModel;
+                if (!(rowTei && rowTeiRelationship && rowTrackedEvent)) return advancedView;
 
-                const viewModel: Partial<TemplateView> = {
+                const view: Partial<TemplateView> = {
                     mode: "basic",
                     ...getColumnAttrs(rowTei.teiId, "teiId"),
                     ...getColumnAttrs(rowTei.orgUnit, "teiOrgUnit"),
@@ -395,54 +426,53 @@ export class TemplateViewActions {
                     ...stylesAttrs,
                 };
 
-                return viewModel;
+                return view;
             }
         }
     }
 
-    async toCustomTemplate(viewModel: ValidViewModel): Promise<CustomTemplate> {
-        const base: Pick<
-            CustomTemplate,
-            "type" | "id" | "name" | "dataFormType" | "dataFormId" | "description" | "file" | "created" | "lastUpdated"
-        > = {
+    async toCustomTemplate(view: ValidView): Promise<CustomTemplate> {
+        type BaseField =
+            | "type"
+            | "id"
+            | "name"
+            | "dataFormType"
+            | "dataFormId"
+            | "description"
+            | "file"
+            | "created"
+            | "lastUpdated";
+
+        const base: Pick<CustomTemplate, BaseField> = {
             type: "custom",
-            id: viewModel.code,
-            name: viewModel.name,
-            dataFormType: { type: "value", id: viewModel.dataFormType },
-            dataFormId: { type: "value", id: viewModel.dataFormId },
-            description: viewModel.description,
-            file: { name: viewModel.spreadsheet.name, contents: await toBase64(viewModel.spreadsheet) },
+            id: view.code,
+            name: view.name,
+            dataFormType: { type: "value", id: view.dataFormType },
+            dataFormId: { type: "value", id: view.dataFormId },
+            description: view.description,
+            file: { name: view.spreadsheet.name, contents: await toBase64(view.spreadsheet) },
             created: undefined,
             lastUpdated: undefined,
         };
 
         const styleSources: StyleSource[] = [
-            {
-                section: "title",
-                source: { type: "range", ref: viewModel.stylesTitleRange, sheet: "Data Entry" },
-            },
-            {
-                section: "subtitle",
-                source: { type: "range", ref: viewModel.stylesSubtitleRange, sheet: "Data Entry" },
-            },
-            {
-                section: "logo",
-                source: { type: "range", ref: viewModel.stylesLogoRange, sheet: "Data Entry" },
-            },
+            getStyleSource("title", defaultSheet, view.stylesTitleRange),
+            getStyleSource("subtitle", defaultSheet, view.stylesSubtitleRange),
+            getStyleSource("logo", defaultSheet, view.stylesLogoRange),
         ];
 
-        switch (viewModel.mode) {
+        switch (view.mode) {
             case "basic": {
-                switch (viewModel.dataFormType) {
+                switch (view.dataFormType) {
                     case "dataSets": {
                         const dataSource: RowDataSource = {
                             type: "row",
-                            orgUnit: getDataSourceColumnAttrs(viewModel, "orgUnit"),
-                            period: getDataSourceColumnAttrs(viewModel, "period"),
-                            attribute: getDataSourceColumnAttrs(viewModel, "attribute"),
-                            range: getDataSourceRangeAttrs(viewModel, "range"),
-                            dataElement: getDataSourceRowAttrs(viewModel, "dataElement"),
-                            categoryOption: getDataSourceRowAttrs(viewModel, "categoryOption"),
+                            orgUnit: getDataSourceColumnAttrs(view, "orgUnit"),
+                            period: getDataSourceColumnAttrs(view, "period"),
+                            attribute: getDataSourceColumnAttrs(view, "attribute"),
+                            range: getDataSourceRangeAttrs(view, "range"),
+                            dataElement: getDataSourceRowAttrs(view, "dataElement"),
+                            categoryOption: getDataSourceRowAttrs(view, "categoryOption"),
                         };
 
                         return { ...base, dataSources: [dataSource], styleSources };
@@ -450,63 +480,55 @@ export class TemplateViewActions {
                     case "programs": {
                         const dataSource: RowDataSource = {
                             type: "row",
-                            eventId: getDataSourceColumnAttrs(viewModel, "eventId"),
-                            orgUnit: getDataSourceColumnAttrs(viewModel, "orgUnit"),
-                            attribute: getDataSourceColumnAttrs(viewModel, "attribute"),
-                            period: getDataSourceColumnAttrs(viewModel, "period"),
-                            range: getDataSourceRangeAttrs(viewModel, "range"),
-                            dataElement: getDataSourceRowAttrs(viewModel, "dataElement"),
+                            eventId: getDataSourceColumnAttrs(view, "eventId"),
+                            orgUnit: getDataSourceColumnAttrs(view, "orgUnit"),
+                            attribute: getDataSourceColumnAttrs(view, "attribute"),
+                            period: getDataSourceColumnAttrs(view, "period"),
+                            range: getDataSourceRangeAttrs(view, "range"),
+                            dataElement: getDataSourceRowAttrs(view, "dataElement"),
                             coordinates: {
-                                latitude: {
-                                    type: "column",
-                                    sheet: viewModel.coordinatesLatitudeSheet,
-                                    ref: viewModel.coordinatesLatitudeColumn,
-                                },
-                                longitude: {
-                                    type: "column",
-                                    sheet: viewModel.coordinatesLongitudeSheet,
-                                    ref: viewModel.coordinatesLongitudeColumn,
-                                },
+                                latitude: getDataSourceColumnAttrs(view, "coordinatesLatitude"),
+                                longitude: getDataSourceColumnAttrs(view, "coordinatesLongitude"),
                             },
                         };
 
                         return { ...base, dataSources: [dataSource], styleSources };
                     }
                     case "trackerPrograms": {
-                        const dataSource1: TeiRowDataSource = {
+                        const dataSourceRowTei: TeiRowDataSource = {
                             type: "rowTei",
-                            teiId: getDataSourceColumnAttrs(viewModel, "teiId"),
-                            orgUnit: getDataSourceColumnAttrs(viewModel, "teiOrgUnit"),
-                            geometry: getDataSourceColumnAttrs(viewModel, "teiGeometry"),
-                            enrollmentDate: getDataSourceColumnAttrs(viewModel, "teiEnrollmentDate"),
-                            incidentDate: getDataSourceColumnAttrs(viewModel, "teiIncidentDate"),
-                            attributes: getDataSourceRangeAttrs(viewModel, "teiAttributes"),
-                            attributeId: getDataSourceRowAttrs(viewModel, "teiAttributeId"),
+                            teiId: getDataSourceColumnAttrs(view, "teiId"),
+                            orgUnit: getDataSourceColumnAttrs(view, "teiOrgUnit"),
+                            geometry: getDataSourceColumnAttrs(view, "teiGeometry"),
+                            enrollmentDate: getDataSourceColumnAttrs(view, "teiEnrollmentDate"),
+                            incidentDate: getDataSourceColumnAttrs(view, "teiIncidentDate"),
+                            attributes: getDataSourceRangeAttrs(view, "teiAttributes"),
+                            attributeId: getDataSourceRowAttrs(view, "teiAttributeId"),
                         };
 
-                        const dataSource2: TrackerRelationship = {
+                        const dataSourceRelationships: TrackerRelationship = {
                             type: "rowTeiRelationship",
                             sheetsMatch: "^Rel",
-                            range: getDataSourceRangeAttrs(viewModel, "teiRelRange"),
-                            relationshipType: getDataSourceCellAttrs(viewModel, "teiRelRelationshipType"),
-                            from: getDataSourceColumnAttrs(viewModel, "teiRelFrom"),
-                            to: getDataSourceColumnAttrs(viewModel, "teiRelTo"),
+                            range: getDataSourceRangeAttrs(view, "teiRelRange"),
+                            relationshipType: getDataSourceCellAttrs(view, "teiRelRelationshipType"),
+                            from: getDataSourceColumnAttrs(view, "teiRelFrom"),
+                            to: getDataSourceColumnAttrs(view, "teiRelTo"),
                         };
 
-                        const dataSource3: TrackerEventRowDataSource = {
+                        const dataSourceEvents: TrackerEventRowDataSource = {
                             type: "rowTrackedEvent",
                             sheetsMatch: "^(Stage|\\()",
-                            eventId: getDataSourceColumnAttrs(viewModel, "teiEventEventId"),
-                            teiId: getDataSourceColumnAttrs(viewModel, "teiEventTeiId"),
-                            date: getDataSourceColumnAttrs(viewModel, "teiEventDate"),
-                            categoryOptionCombo: getDataSourceColumnAttrs(viewModel, "teiEventCategoryOptionCombo"),
-                            dataValues: getDataSourceRangeAttrs(viewModel, "teiEventDataValues"),
-                            programStage: getDataSourceCellAttrs(viewModel, "teiEventProgramStage"),
-                            dataElements: getDataSourceRangeAttrs(viewModel, "teiEventDataElements"),
+                            eventId: getDataSourceColumnAttrs(view, "teiEventEventId"),
+                            teiId: getDataSourceColumnAttrs(view, "teiEventTeiId"),
+                            date: getDataSourceColumnAttrs(view, "teiEventDate"),
+                            categoryOptionCombo: getDataSourceColumnAttrs(view, "teiEventCategoryOptionCombo"),
+                            dataValues: getDataSourceRangeAttrs(view, "teiEventDataValues"),
+                            programStage: getDataSourceCellAttrs(view, "teiEventProgramStage"),
+                            dataElements: getDataSourceRangeAttrs(view, "teiEventDataElements"),
                         };
 
-                        const dataSources = [dataSource1, dataSource2, dataSource3];
-                        return { ...base, dataSources: dataSources, styleSources };
+                        const dataSources = [dataSourceRowTei, dataSourceRelationships, dataSourceEvents];
+                        return { ...base, dataSources, styleSources };
                     }
                 }
                 break;
@@ -514,47 +536,62 @@ export class TemplateViewActions {
             case "advanced":
                 return {
                     ...base,
-                    dataSources: await arrayFromFile<DataSource>(viewModel.dataSources),
-                    styleSources: await arrayFromFile<StyleSource>(viewModel.styleSources),
+                    dataSources: await arrayFromFile<DataSource>(view.dataSources),
+                    styleSources: await arrayFromFile<StyleSource>(view.styleSources),
                 };
         }
     }
 
     update<Field extends keyof TemplateView>(
-        viewModel: TemplateView,
+        view: TemplateView,
         field: Field,
         value: TemplateView[Field]
     ): TemplateView {
-        if (field === "dataFormType" && value && viewModel.dataFormType !== value) {
+        const dataFormTypeChanged = field === "dataFormType" && value && view.dataFormType !== value;
+
+        if (dataFormTypeChanged) {
             const newDataFormType = value as DataFormType;
-            const generatedTemplate = this.getGenerateTemplate(newDataFormType);
-            return { ...viewModel, dataFormType: newDataFormType, ...this.get(generatedTemplate) };
+            const generatedTemplate = this.getGeneratedTemplate(newDataFormType);
+            return { ...view, dataFormType: newDataFormType, ...this.get(generatedTemplate) };
         } else {
-            return { ...viewModel, [field]: value };
+            return { ...view, [field]: value };
         }
     }
 
-    validate(viewModel: TemplateView): Validation {
-        switch (viewModel.mode) {
+    validateCodeUniqueness(view: TemplateView): OkOrError {
+        return view.action === "create" && _(this.customTemplates).some(ct => ct.id === view.code)
+            ? { status: false, error: i18n.t("A custom template exists with this same code: ") + view.code }
+            : { status: true };
+    }
+
+    validate(view: TemplateView): Validation {
+        const codeValidation = this.validateCodeUniqueness(view);
+        if (!codeValidation.status) return { isValid: false, errors: [codeValidation.error] };
+
+        switch (view.mode) {
             case "basic": {
-                const fieldsByType = _.flatten(this.getFieldsForDataFormType(viewModel.dataFormType));
-                return this.validatePresence(viewModel, _.concat(baseFields, fieldsByType));
+                const fieldsForType = _.flatten(this.getFieldsForDataFormType(view.dataFormType));
+                const errorsByDefinition = getErrorsByDefinition(fieldsForType, view, this.translations);
+                if (!_.isEmpty(errorsByDefinition)) return { isValid: false, errors: errorsByDefinition };
+
+                return this.validatePresence(view, _.concat(baseFields, fieldsForType));
             }
             case "advanced":
-                return this.validatePresence(viewModel, _.concat(baseFields, advancedFields));
+                return this.validatePresence(view, _.concat(baseFields, advancedFields));
         }
     }
 
-    private validatePresence(viewModel: TemplateView, fields: TemplateViewKey[]): Validation {
+    private validatePresence(view: TemplateView, fields: TemplateViewKey[]): Validation {
         const translations = TemplateViewActions.getTranslations();
-        const emptyFields = fields.filter(field => !viewModel[field]);
+        const emptyFields = fields.filter(field => !view[field]);
         const errors = emptyFields.map(field => `${i18n.t("Field cannot be empty")}: ${translations[field]}`);
 
-        return _.isEmpty(errors) ? { isValid: true, object: viewModel as ValidViewModel } : { isValid: false, errors };
+        return _.isEmpty(errors) ? { isValid: true, object: view as ValidView } : { isValid: false, errors };
     }
 
     static getTranslations() {
-        return ofType<Record<TemplateViewKey, string>>({
+        return ofType<Translations>({
+            action: i18n.t("Action"),
             mode: i18n.t("Mode"),
             code: i18n.t("Code"),
             name: i18n.t("Name"),
@@ -615,8 +652,8 @@ export class TemplateViewActions {
             teiRelToColumn: i18n.t("TEI Relationship To - Column"),
             teiEventEventIdSheet: i18n.t("TEI Event Event-Id - Sheet"),
             teiEventEventIdColumn: i18n.t("TEI Event Event-Id - Column"),
-            teiEventTeiIdSheet: i18n.t("TEI Event TEI-Id - Sheet"),
-            teiEventTeiIdColumn: i18n.t("TEI Event TEI-Id - Column"),
+            teiEventTeiIdSheet: i18n.t("TEI Event TEI Id - Sheet"),
+            teiEventTeiIdColumn: i18n.t("TEI Event TEI Id - Column"),
             teiEventCategoryOptionComboSheet: i18n.t("TEI Event Category Option Combo - Sheet"),
             teiEventCategoryOptionComboColumn: i18n.t("TEI Event Category Option Combo - Column"),
             teiEventDateSheet: i18n.t("TEI Event Date - Sheet"),
@@ -658,7 +695,7 @@ type DataSourceColumnField =
     | "teiEventDate"
     | "teiEventCategoryOptionCombo";
 
-function getColumnAttrs<Field extends DataSourceColumnField>(columnRef: SheetRef | ValueRef | undefined, field: Field) {
+function getColumnAttrs<Field extends DataSourceColumnField>(columnRef: Maybe<SheetRef | ValueRef>, field: Field) {
     if (columnRef?.type !== "column") return;
 
     const sheetField = (field + "Sheet") as `${typeof field}Sheet`;
@@ -677,7 +714,7 @@ function getRowAttrs<Field extends DataSourceRowField>(rowRef: RowRef | ValueRef
     const columnField = (field + "Row") as `${typeof field}Row`;
     const attrs = { [sheetField]: rowRef.sheet.toString(), [columnField]: rowRef.ref };
 
-    return attrs as Record<`${Field}Sheet`, string> & Record<`${Field}Row`, number>;
+    return attrs as Record<`${Field}Sheet` | `${Field}Row`, string>;
 }
 
 type DataSourceRangeField = "range" | "teiAttributes" | "teiRelRange" | "teiEventDataValues" | "teiEventDataElements";
@@ -693,8 +730,8 @@ function getRangeAttrs<Field extends DataSourceRangeField>(range: Range, field:
         [rowStartField]: range.rowStart,
         [rowEndField]: range.rowEnd,
         [columnStartField]: range.columnStart,
-    } as Record<`${Field}RowStart`, number> &
-        Record<`${Field}RowEnd`, number | undefined> &
+    } as Record<`${Field}RowStart`, string> &
+        Record<`${Field}RowEnd`, string | undefined> &
         Record<`${Field}Sheet` | `${Field}ColumnStart`, string>;
 }
 
@@ -712,57 +749,52 @@ function getCellAttrs<Field extends DataSourceCellField>(range: CellRef, field:
 
 //
 
-function getDataSourceColumnAttrs<Field extends DataSourceColumnField>(
-    viewModel: ValidViewModel,
-    field: Field
-): ColumnRef {
+function getDataSourceColumnAttrs<Field extends DataSourceColumnField>(view: ValidView, field: Field): ColumnRef {
     const sheetField = (field + "Sheet") as `${Field}Sheet`;
     const columnField = (field + "Column") as `${Field}Column`;
 
     return {
         type: "column",
-        sheet: viewModel[sheetField],
-        ref: viewModel[columnField],
+        sheet: view[sheetField],
+        ref: view[columnField],
     };
 }
 
-function getDataSourceRangeAttrs<Field extends DataSourceRangeField>(viewModel: ValidViewModel, field: Field): Range {
+function getDataSourceRangeAttrs<Field extends DataSourceRangeField>(view: ValidView, field: Field): Range {
     const sheetField = (field + "Sheet") as `${Field}Sheet`;
     const rowStartField = (field + "RowStart") as `${Field}RowStart`;
     const rowEndField = (field + "RowEnd") as `${Field}RowEnd`;
     const columnStartField = (field + "ColumnStart") as `${Field}ColumnStart`;
 
     return {
-        sheet: viewModel[sheetField],
-        rowStart: viewModel[rowStartField],
-        rowEnd: viewModel[rowEndField as keyof ValidViewModel & `${string}RowEnd`],
-        columnStart: viewModel[columnStartField],
+        sheet: view[sheetField],
+        rowStart: toInt(view[rowStartField]),
+        rowEnd: toOptionalInt(view[rowEndField as keyof ValidView & `${string}RowEnd`]),
+        columnStart: view[columnStartField],
     };
 }
 
-function getDataSourceRowAttrs<Field extends DataSourceRowField>(viewModel: ValidViewModel, field: Field): RowRef {
+function getDataSourceRowAttrs<Field extends DataSourceRowField>(view: ValidView, field: Field): RowRef {
     const sheetField = (field + "Sheet") as `${Field}Sheet`;
     const rowField = (field + "Row") as `${Field}Row`;
 
     return {
         type: "row",
-        sheet: viewModel[sheetField],
-        ref: viewModel[rowField],
+        sheet: view[sheetField],
+        ref: toInt(view[rowField]),
     };
 }
 
-function getDataSourceCellAttrs<Field extends DataSourceCellField>(viewModel: ValidViewModel, field: Field): CellRef {
+function getDataSourceCellAttrs<Field extends DataSourceCellField>(view: ValidView, field: Field): CellRef {
     const sheetField = (field + "Sheet") as `${Field}Sheet`;
     const cellField = (field + "Cell") as `${Field}Cell`;
     return {
         type: "cell",
-        sheet: viewModel[sheetField],
-        ref: viewModel[cellField],
+        sheet: view[sheetField],
+        ref: view[cellField],
     };
 }
 
-//
-
 async function getFile(file: CustomTemplate["file"]): Promise<File> {
     return fromBase64(file.contents, file.name);
 }
@@ -780,13 +812,55 @@ async function arrayFromFile<T>(file: File): Promise<T[]> {
 }
 
 function findDataSourceByType<Type extends DataSourceValue["type"]>(
-    dataSources: DataSource[] | undefined,
+    dataSources: Maybe<DataSource[]>,
     type: Type
 ): Extract<DataSourceValue, { type: Type }> | undefined {
     return _(dataSources)
-        .map(ds => {
-            return "type" in ds && ds.type === type ? (ds as Extract<DataSourceValue, { type: Type }>) : null;
-        })
+        .map(ds => ("type" in ds && ds.type === type ? (ds as Extract<DataSourceValue, { type: Type }>) : null))
         .compact()
         .first();
 }
+
+function getStyleSource(section: StyleSource["section"], sheet: string, ref: string): StyleSource {
+    return {
+        section,
+        source: { type: "range", sheet, ref },
+    };
+}
+
+function toInt(s: string): number {
+    const n = parseInt(s);
+    return Number.isNaN(n) ? 0 : n;
+}
+
+function toOptionalInt(s: string): number | undefined {
+    const n = parseInt(s);
+    return Number.isNaN(n) ? undefined : n;
+}
+
+function getErrorsByDefinition(fieldsByType: (keyof TemplateView)[], view: TemplateView, translations: Translations) {
+    return _.flatMap(fieldsByType, field => {
+        const value = view[field];
+        const { validations } = viewDefs[field];
+        const fieldT = translations[field];
+        const msg = i18n.t("Value for field '{{field}}' is invalid: {{value}}", { field: fieldT, value });
+
+        return _(validations)
+            .map((validation): string | null => {
+                switch (validation) {
+                    case "column":
+                        return value?.toString().match(/^[A-Z]+$/) ? null : msg;
+                    case "row":
+                        return value?.toString().match(/^\d+$/) ? null : msg;
+                    case "range":
+                        return value?.toString().match(/^[A-Z]+\d+:[A-Z]+\d+$/) ? null : msg;
+                    case "cell":
+                        return value?.toString().match(/^[A-Z]+\d+$/) ? null : msg;
+                    default:
+                        return assertUnreachable(validation);
+                }
+            })
+            .compact()
+            .value();
+    });
+}
diff --git a/src/webapp/components/template-selector/TemplateSelector.tsx b/src/webapp/components/template-selector/TemplateSelector.tsx
index ec6baf30..6f439dc2 100644
--- a/src/webapp/components/template-selector/TemplateSelector.tsx
+++ b/src/webapp/components/template-selector/TemplateSelector.tsx
@@ -5,7 +5,7 @@ import moment from "moment";
 import React, { useEffect, useMemo, useState } from "react";
 import { RelationshipOrgUnitFilter } from "../../../data/Dhis2RelationshipTypes";
 import { DataForm } from "../../../domain/entities/DataForm";
-import { TemplateType } from "../../../domain/entities/Template";
+import { CustomTemplate, TemplateType } from "../../../domain/entities/Template";
 import { Theme } from "../../../domain/entities/Theme";
 import { DownloadTemplateProps } from "../../../domain/usecases/DownloadTemplateUseCase";
 import i18n from "../../../locales";
@@ -13,7 +13,6 @@ import { PartialBy } from "../../../types/utils";
 import { cleanOrgUnitPaths } from "../../../utils/dhis";
 import { useAppContext } from "../../contexts/app-context";
 import Settings from "../../logic/settings";
-import { getTemplateId } from "../../logic/sheetBuilder";
 import { Select, SelectOption } from "../select/Select";
 
 type DataSource = Record<string, DataForm[]>;
@@ -26,6 +25,7 @@ interface PickerFormat {
 }
 
 export interface TemplateSelectorState extends DownloadTemplateProps {
+    templateId?: string;
     templateType?: TemplateType;
 }
 
@@ -33,9 +33,10 @@ export interface TemplateSelectorProps {
     settings: Settings;
     themes: Theme[];
     onChange(state: TemplateSelectorState | null): void;
+    customTemplates: CustomTemplate[];
 }
 
-export const TemplateSelector = ({ settings, themes, onChange }: TemplateSelectorProps) => {
+export const TemplateSelector = ({ settings, themes, onChange, customTemplates }: TemplateSelectorProps) => {
     const classes = useStyles();
     const { api, compositionRoot } = useAppContext();
 
@@ -78,23 +79,25 @@ export const TemplateSelector = ({ settings, themes, onChange }: TemplateSelecto
     }, [settings]);
 
     useEffect(() => {
-        compositionRoot.templates.list().then(({ dataSets, programs }) => {
-            const dataSource: DataSource = {
-                dataSets,
-                programs,
-                all: _.sortBy([...dataSets, ...programs], ["name"]),
-            };
-
-            setDataSource(dataSource);
-            const model = models[0]?.value;
-            const dataSourceModel = dataSource[model ?? ""];
-
-            if (model && dataSourceModel) {
-                setTemplates(modelToSelectOption(dataSourceModel));
-                setSelectedModel(model);
-            }
-        });
-    }, [models, compositionRoot]);
+        compositionRoot.templates
+            .getDataFormsForGeneration({ settings, customTemplates })
+            .then(({ dataSets, programs }) => {
+                const dataSource: DataSource = {
+                    dataSets,
+                    programs,
+                    all: _.sortBy([...dataSets, ...programs], ["name"]),
+                };
+
+                setDataSource(dataSource);
+                const model = models[0]?.value;
+                const dataSourceModel = dataSource[model ?? ""];
+
+                if (model && dataSourceModel) {
+                    setTemplates(modelToSelectOption(dataSourceModel));
+                    setSelectedModel(model);
+                }
+            });
+    }, [models, compositionRoot, customTemplates, settings]);
 
     useEffect(() => {
         const { type, id } = state;
@@ -161,8 +164,12 @@ export const TemplateSelector = ({ settings, themes, onChange }: TemplateSelecto
                 setDatePickerFormat(undefined);
             }
 
-            const templateType = getTemplateId(type, value).type as TemplateType;
-            setState(state => ({ ...state, id: value, type, templateType, populate: false }));
+            const customTemplate = customTemplates.find(t => t.id === value);
+            const templateId = customTemplate?.id || value;
+            const dataFormId = customTemplate?.dataFormId.type === "value" ? customTemplate.dataFormId.id : value;
+            const templateType: TemplateType = customTemplate ? "custom" : "generated";
+
+            setState(state => ({ ...state, id: dataFormId, type, templateId, templateType, populate: false }));
             clearPopulateDates();
             setSelectedOrgUnits([]);
         }
@@ -233,7 +240,7 @@ export const TemplateSelector = ({ settings, themes, onChange }: TemplateSelecto
                         placeholder={i18n.t("Select template to export...")}
                         onChange={onTemplateChange}
                         options={templates}
-                        value={state.id ?? ""}
+                        value={state.templateId || ""}
                     />
                 </div>
 
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 31ed6384..3d379a4a 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -14,7 +14,7 @@ import {
     TemplatePermissionAccess,
     TemplatePermissions,
 } from "../../domain/entities/AppSettings";
-import { autogeneratedTemplateId, DataFormTemplate } from "../../domain/entities/DataFormTemplate";
+import { DataFormTemplate } from "../../domain/entities/DataFormTemplate";
 import {
     DataElementDisaggregated,
     DataElementDisaggregatedId,
@@ -457,6 +457,11 @@ export default class Settings {
         return this.hasPermissions(this.permissions.import);
     }
 
+    isDataFormVisibleForCurrentUser(dataFormId: Id): boolean {
+        const permission = this.templatePermissions[dataFormId];
+        return !permission || this.hasPermissions(permission);
+    }
+
     getModelsInfo(): Array<{ key: Model; name: string; value: boolean }> {
         return [
             { key: "dataSet", name: i18n.t("Data set"), value: this.models.dataSet },
@@ -464,7 +469,7 @@ export default class Settings {
         ];
     }
 
-    getTemplateIdsForDataForm(dataForm: Maybe<Ref>): Id[] {
+    getTemplateIdsForDataForm(dataForm: Maybe<Ref>): Id[] | undefined {
         const { relationships } = this.dataFormTemplate;
         const hasRelationships = dataForm && dataForm.id in relationships;
 
@@ -472,7 +477,7 @@ export default class Settings {
             const relationshipsForDataForm = relationships[dataForm.id] || [];
             return relationshipsForDataForm.map(r => r.templateId);
         } else {
-            return [autogeneratedTemplateId];
+            return undefined;
         }
     }
 
diff --git a/src/webapp/logic/sheetBuilder.ts b/src/webapp/logic/sheetBuilder.ts
index 9f8f9d40..07bab89e 100644
--- a/src/webapp/logic/sheetBuilder.ts
+++ b/src/webapp/logic/sheetBuilder.ts
@@ -3,6 +3,7 @@ import * as Excel from "excel4node";
 import _ from "lodash";
 import "lodash.product";
 import { Moment } from "moment";
+import { DataFormType } from "../../domain/entities/DataForm";
 import { NamedRef } from "../../domain/entities/ReferenceObject";
 import { GeneratedTemplate } from "../../domain/entities/Template";
 import { Theme } from "../../domain/entities/Theme";
@@ -48,7 +49,6 @@ export interface SheetBuilderParams {
     template: GeneratedTemplate;
     settings: Settings;
     downloadRelationships: boolean;
-    useAutogeneratedTemplate?: boolean;
 }
 
 export class SheetBuilder {
@@ -754,8 +754,8 @@ export class SheetBuilder {
     }
 
     private getVersion() {
-        const { element, useAutogeneratedTemplate = false } = this.builder;
-        const { id: defaultVersion } = getTemplateId(element.type, element.id, useAutogeneratedTemplate);
+        const { element } = this.builder;
+        const defaultVersion = getGeneratedTemplateId(element.type);
         return getObjectVersion(element) ?? defaultVersion;
     }
 
@@ -1272,39 +1272,16 @@ function isTrackerProgram(element: any) {
     return element.type === "trackerPrograms";
 }
 
-export function getTemplateId(type: any, dataFormId: any, useAutogeneratedTemplate = false) {
-    const dataFormId2 = useAutogeneratedTemplate ? dataFormId : undefined;
-
-    switch (dataFormId2) {
-        case "Tu81BTLUuCT":
-            return { type: "custom", id: "NHWA_MODULE_1_v1" };
-        case "m5MiTPdlK17":
-            return { type: "custom", id: "NHWA_MODULE_2_v1" };
-        case "pZ3XRBi9gYE":
-            return { type: "custom", id: "NHWA_MODULE_3_v1" };
-        case "HtZb6Cg7TXo":
-            return { type: "custom", id: "NHWA_MODULE_4_v1" };
-        case "cxfAcMbSZe1":
-            return { type: "custom", id: "NHWA_MODULE_5_v1" };
-        case "WDyQKfAvY3V":
-            return { type: "custom", id: "NHWA_MODULE_6_v1" };
-        case "ZRsZdd2AvAR":
-            return { type: "custom", id: "NHWA_MODULE_7_v1" };
-        case "p5z7F51v1ag":
-            return { type: "custom", id: "NHWA_MODULE_8_v1" };
-        case "XBgvNrxpcDC":
-            return { type: "custom", id: "SNAKEBITE_ANNUAL_REPORT_v1" };
+export function getGeneratedTemplateId(type: DataFormType) {
+    switch (type) {
+        case "dataSets":
+            return dataSetId;
+        case "programs":
+            return programId;
+        case "trackerPrograms":
+            return trackerProgramId;
         default:
-            switch (type) {
-                case "dataSets":
-                    return { type: "generated", id: dataSetId };
-                case "programs":
-                    return { type: "generated", id: programId };
-                case "trackerPrograms":
-                    return { type: "generated", id: trackerProgramId };
-                default:
-                    throw new Error("Unsupported type");
-            }
+            throw new Error("Unsupported type");
     }
 }
 
diff --git a/src/webapp/pages/download-template/DownloadTemplatePage.tsx b/src/webapp/pages/download-template/DownloadTemplatePage.tsx
index 2258fa4c..98f23655 100644
--- a/src/webapp/pages/download-template/DownloadTemplatePage.tsx
+++ b/src/webapp/pages/download-template/DownloadTemplatePage.tsx
@@ -6,7 +6,7 @@ import { TemplateSelector, TemplateSelectorState } from "../../components/templa
 import { useAppContext } from "../../contexts/app-context";
 import { RouteComponentProps } from "../Router";
 
-export default function DownloadTemplatePage({ settings, themes }: RouteComponentProps) {
+export default function DownloadTemplatePage({ settings, themes, customTemplates }: RouteComponentProps) {
     const loading = useLoading();
     const snackbar = useSnackbar();
     const classes = useStyles();
@@ -61,7 +61,12 @@ export default function DownloadTemplatePage({ settings, themes }: RouteComponen
 
     return (
         <React.Fragment>
-            <TemplateSelector settings={settings} themes={themes} onChange={setTemplate} />
+            <TemplateSelector
+                settings={settings}
+                themes={themes}
+                onChange={setTemplate}
+                customTemplates={customTemplates}
+            />
 
             <div className={classes.downloadTemplateRow}>
                 <Button variant="contained" color="primary" onClick={handleTemplateDownloadClick}>
diff --git a/src/webapp/utils/download.ts b/src/webapp/utils/download.ts
index e56b12c9..2e94350b 100644
--- a/src/webapp/utils/download.ts
+++ b/src/webapp/utils/download.ts
@@ -1,6 +1,6 @@
 interface DownloadFileOptions {
     filename: string;
-    data: string | Buffer | Blob;
+    data: string | Buffer | Blob | File;
     mimeType: string;
 }
 

From 077063c9e2aa22ae9d931b25521ba1f28d39166f Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 20 Apr 2022 14:14:51 +0200
Subject: [PATCH 21/37] Update i18n

---
 i18n/en.pot                                   |  19 +-
 i18n/es.po                                    | 252 +++++++-----------
 i18n/fr.po                                    |  21 +-
 i18n/pt.po                                    |  24 +-
 i18n/ru.po                                    |  24 +-
 .../settings/templates/TemplateView.ts        |   6 +-
 6 files changed, 170 insertions(+), 176 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 1f7e21e2..671c0aa0 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
-"PO-Revision-Date: 2022-04-17T18:33:49.009Z\n"
+"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
+"PO-Revision-Date: 2022-04-20T12:14:11.837Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -383,9 +383,15 @@ msgstr ""
 msgid "Access to Templates"
 msgstr ""
 
+msgid "A custom template exists with this same code - "
+msgstr ""
+
 msgid "Field cannot be empty"
 msgstr ""
 
+msgid "Action"
+msgstr ""
+
 msgid "Mode"
 msgstr ""
 
@@ -467,7 +473,7 @@ msgstr ""
 msgid "Subtitle - Sheet"
 msgstr ""
 
-msgid "Title Range (example D3:I3)"
+msgid "Subtitle - Range (example D3:I3)"
 msgstr ""
 
 msgid "Logo - Sheet"
@@ -554,10 +560,10 @@ msgstr ""
 msgid "TEI Event Event-Id - Column"
 msgstr ""
 
-msgid "TEI Event TEI-Id - Sheet"
+msgid "TEI Event TEI Id - Sheet"
 msgstr ""
 
-msgid "TEI Event TEI-Id - Column"
+msgid "TEI Event TEI Id - Column"
 msgstr ""
 
 msgid "TEI Event Category Option Combo - Sheet"
@@ -602,6 +608,9 @@ msgstr ""
 msgid "Data Source"
 msgstr ""
 
+msgid "Value for field '{{field}}' is invalid - {{value}}"
+msgstr ""
+
 msgid "Imported"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index 1f3173fb..dcf20a6d 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
+"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -66,13 +66,11 @@ msgstr ""
 msgid "Data Set"
 msgstr "Data Set"
 
-#, fuzzy
 msgid "Event Program"
-msgstr "Programa"
+msgstr "Programa de eventos"
 
-#, fuzzy
 msgid "Tracker Program"
-msgstr "Programa"
+msgstr "Programa de tracker"
 
 msgid "Cannot read data form id"
 msgstr "No se pueden leer los datos del formulario id"
@@ -272,9 +270,8 @@ msgstr "Filtro de elementos de datos y atributos de los programas"
 msgid "Dataset/Program <-> Template"
 msgstr ""
 
-#, fuzzy
 msgid "Templates"
-msgstr "Plantilla"
+msgstr "Plantillas"
 
 msgid "Data model"
 msgstr "Modelos de Datos"
@@ -303,9 +300,8 @@ msgstr "Elementos de datos y atributos a incluir/excluir para los programas"
 msgid "Duplicate detection"
 msgstr "Detección de duplicados"
 
-#, fuzzy
 msgid "Template configuration"
-msgstr "Acceso a la generación de plantillas"
+msgstr "Acceso a la configuración de plantillas"
 
 msgid ""
 "Templates (autogenerated and custom) available for each dataset or program"
@@ -330,13 +326,11 @@ msgstr "Elementos de datos usados para identificar los duplicados"
 msgid "Permissions"
 msgstr "Permisos"
 
-#, fuzzy
 msgid "Edit custom template"
-msgstr "Acceso a la generación de plantillas"
+msgstr "Editar plantilla personalizada"
 
-#, fuzzy
 msgid "New custom template"
-msgstr "Crear tema"
+msgstr "Nueva plantilla personalizada"
 
 msgid "Advanced"
 msgstr ""
@@ -344,9 +338,8 @@ msgstr ""
 msgid "Basic (only row schema)"
 msgstr ""
 
-#, fuzzy
 msgid "Data Source Configuration"
-msgstr "Acceso a la generación de plantillas"
+msgstr "Fuentes de datos"
 
 msgid "Styles"
 msgstr ""
@@ -354,31 +347,25 @@ msgstr ""
 msgid "File"
 msgstr ""
 
-#, fuzzy
 msgid "Download"
-msgstr "Descargar plantilla"
+msgstr "Descargar"
 
-#, fuzzy
 msgid "Drag and drop template file"
 msgstr "Mueva aquí los ficheros a importar"
 
-#, fuzzy
 msgid "Template saved"
-msgstr "Plantilla"
+msgstr "Plantilla guardada"
 
-#, fuzzy
 msgid "An error ocurred while saving custom template"
-msgstr "Ha ocurrido un error mientras se guardaba el tema"
+msgstr "Ha ocurrido un error mientras se guardaba la plantilla personalizada"
 
-#, fuzzy
 msgid "Delete {{count}} templates"
 msgid_plural "Delete {{count}} templates"
-msgstr[0] "Borrar {{count}} temas"
+msgstr[0] "Borrar {{count}} plantillas"
 msgstr[1] ""
 
-#, fuzzy
 msgid "Are you sure you want to remove the selected templates"
-msgstr "Esta seguro que quiere borrar los temas seleccionados"
+msgstr "Esta seguro que quiere borrar las plantillas seleccionadas"
 
 msgid "Cannot download spreadsheet for template"
 msgstr ""
@@ -395,19 +382,15 @@ msgstr "Tipo"
 msgid "Custom"
 msgstr ""
 
-#, fuzzy
 msgid "Created"
-msgstr "Crear"
+msgstr "Creado"
 
-#, fuzzy
 msgid "Last Updated"
-msgstr "Actualizados"
+msgstr "Última actualización"
 
-#, fuzzy
 msgid "Sharing Settings"
-msgstr "Configuración"
+msgstr "Compartir"
 
-#, fuzzy
 msgid "Download spreadsheet"
 msgstr "Descargar plantilla"
 
@@ -420,264 +403,239 @@ msgstr "Borrar"
 msgid "Ok"
 msgstr "Ok"
 
-#, fuzzy
 msgid "Create template"
-msgstr "Crear tema"
+msgstr "Crear plantilla"
 
-#, fuzzy
 msgid "Access to Templates"
-msgstr "Acceso a la generación de plantillas"
+msgstr "Acceso a plantillas"
+
+msgid "A custom template exists with this same code - "
+msgstr ""
 
-#, fuzzy
 msgid "Field cannot be empty"
 msgstr "El campo {{field}} no se puede dejar vacio"
 
+msgid "Action"
+msgstr "Acción"
+
 msgid "Mode"
-msgstr ""
+msgstr "Modo"
 
 msgid "Code"
-msgstr ""
+msgstr "Código"
 
 msgid "Description"
 msgstr "Descripción"
 
-#, fuzzy
 msgid "Program/Dataset"
-msgstr "Programa"
+msgstr "Programa/Dataset"
 
-#, fuzzy
 msgid "Spreadsheet template"
-msgstr "Crear tema"
+msgstr "Fichero de plantilla"
 
 msgid "Event UID - Sheet"
-msgstr ""
+msgstr "Evento UID - Hoja"
 
 msgid "Event UID - Column"
-msgstr ""
+msgstr "Evento UID - Columna"
 
-#, fuzzy
 msgid "Organisation Unit - Sheet"
-msgstr "Unidades Organizativas"
+msgstr "Unidades Organizativa - Hoja"
 
-#, fuzzy
 msgid "Organisation Unit - Column"
-msgstr "Unidades Organizativas"
+msgstr "Unidades Organizativa - Columna"
 
 msgid "Attribute - Sheet"
-msgstr ""
+msgstr "Atributo - Hoja"
 
 msgid "Attribute - Column"
-msgstr ""
+msgstr "Atributo - Columna"
 
-#, fuzzy
 msgid "Period - Sheet"
-msgstr "Periodo"
+msgstr "Periodo - Hoja"
 
 msgid "Period - Column"
-msgstr ""
+msgstr "Periodo - Columna"
 
 msgid "Range - Sheet"
-msgstr ""
+msgstr "Rango - Hoja"
 
 msgid "Range - Starting row"
-msgstr ""
+msgstr "Rango - Fila inicial"
 
 msgid "Range - Starting column"
-msgstr ""
+msgstr "Rango - Columna inicial"
 
-#, fuzzy
 msgid "Data Element - Sheet"
-msgstr "Valores de los datos - Borrar"
+msgstr "Elementos de datos - Hoja"
 
 msgid "Data Element - Row"
-msgstr ""
+msgstr "Elementos de datos - Fila"
 
-#, fuzzy
 msgid "Category Option - Sheet"
-msgstr "Periodo"
+msgstr "Opción de categoría - Hoja"
 
 msgid "Category Option - Row"
-msgstr ""
+msgstr "Opción de categoría - Fila"
 
 msgid "Coordinates Latitude - Sheet"
-msgstr ""
+msgstr "Coordenada latitud - Hoja"
 
 msgid "Coordinates Latitude - Column"
-msgstr ""
+msgstr "Coordenada latitud - Columna"
 
 msgid "Coordinates Longitude - Sheet"
-msgstr ""
+msgstr "Coordenada longitud - Hoja"
 
 msgid "Coordinates Longitude - Column"
-msgstr ""
+msgstr "Coordenada longitud - Columna"
 
-#, fuzzy
 msgid "Title - Sheet"
-msgstr "Título"
+msgstr "Título - Hoja"
 
 msgid "Title Range (example D2:I2)"
-msgstr ""
+msgstr "Título Rango (ejemplo D2:I2)"
 
-#, fuzzy
 msgid "Subtitle - Sheet"
-msgstr "Subtítulo"
+msgstr "Subtítulo - Hoja"
 
-msgid "Title Range (example D3:I3)"
-msgstr ""
+msgid "Subtitle - Range (example D3:I3)"
+msgstr "Subtítulo Rango (ejemplo D2:I2)"
 
 msgid "Logo - Sheet"
-msgstr ""
+msgstr "Logo - Hoja"
 
 msgid "Title Range (example A2:C3)"
-msgstr ""
+msgstr "Título Rango (ejemplo A2:C2)"
 
-#, fuzzy
 msgid "TEI Id - Sheet"
-msgstr "Título"
+msgstr "TEI Id - Hoja"
 
 msgid "TEI Id - Column"
-msgstr ""
+msgstr "TEI Id - Columna"
 
-#, fuzzy
 msgid "TEI Organisation Unit - Sheet"
-msgstr "Unidades Organizativas"
+msgstr "TEI unidad organizativa - Hoja"
 
-#, fuzzy
 msgid "TEI Organisation Unit - Column"
-msgstr "Unidades Organizativas"
+msgstr "TEI unidad organizativa - Columna"
 
-#, fuzzy
 msgid "TEI Geometry - Sheet"
-msgstr "Valores de los datos - Borrar"
+msgstr "TEI Geometría - Hoja"
 
 msgid "TEI Geometry - Column"
-msgstr ""
+msgstr "TEI Geometría - Columna"
 
-#, fuzzy
 msgid "TEI Enrolmment Date - Sheet"
-msgstr "Fecha de inscripción"
+msgstr "TEI Fecha de inscripción - Hoja"
 
-#, fuzzy
 msgid "TEI Enrolmment Date - Column"
-msgstr "Fecha de inscripción"
+msgstr "TEI Fecha de inscripción - Columna"
 
-#, fuzzy
 msgid "TEI Incident Date - Sheet"
-msgstr "Fecha del incidente"
+msgstr "TEI Fecha del incidente - Hoja"
 
-#, fuzzy
 msgid "TEI Incident Date - Column"
-msgstr "Fecha del incidente"
+msgstr "TEI Fecha del incidente - Columna"
 
-#, fuzzy
 msgid "TEI Attributes - Sheet"
-msgstr "Título"
+msgstr "TEI atributos - Hoja"
 
 msgid "TEI Attributes - Row Start"
-msgstr ""
+msgstr "TEI atributos - Fila inicial"
 
 msgid "TEI Attributes - Column Start"
-msgstr ""
+msgstr "TEI atributos - Columna inicial"
 
-#, fuzzy
 msgid "TEI Attribute ID - Sheet"
-msgstr "Título"
+msgstr "TEI ID del atributo - Hoja"
 
 msgid "TEI Attribute ID - Row"
-msgstr ""
+msgstr "TEI ID del atributo - Fila"
 
 msgid "TEI Relationship Range - Sheet"
-msgstr ""
+msgstr "TEI relaciones rango - Hoja"
 
 msgid "TEI Relationship Range - Row Start"
-msgstr ""
+msgstr "TEI relaciones rango - Fila inicial"
 
 msgid "TEI Relationship Range - Column Start"
-msgstr ""
+msgstr "TEI relaciones rango - Columna inicial"
 
-#, fuzzy
 msgid "TEI Relationship Type - Sheet"
-msgstr "Tipo de relación"
+msgstr "TEI tipo de relación - Hoja"
 
-#, fuzzy
 msgid "TEI Relationship Type - Cell"
-msgstr "Tipo de relación"
+msgstr "TEI tipo de relación - Celda"
 
-#, fuzzy
 msgid "TEI Relationship From - Sheet"
-msgstr "Tipo de relación"
+msgstr "TEI Relación origen - Hoja"
 
 msgid "TEI Relationship From - Column"
-msgstr ""
+msgstr "TEI Relación origen - Columna"
 
-#, fuzzy
 msgid "TEI Relationship To - Sheet"
-msgstr "Tipo de relación"
+msgstr "TEI Relación destino - Hoja"
 
-#, fuzzy
 msgid "TEI Relationship To - Column"
-msgstr "Tipo de relación"
+msgstr "TEI Relación destino - Columna"
 
-#, fuzzy
 msgid "TEI Event Event-Id - Sheet"
-msgstr "Valores de los datos - Borrar"
+msgstr "TEI ID del evento - Hoja"
 
 msgid "TEI Event Event-Id - Column"
-msgstr ""
+msgstr "TEI ID del evento - Columna"
 
-msgid "TEI Event TEI-Id - Sheet"
-msgstr ""
+msgid "TEI Event TEI Id - Sheet"
+msgstr "TEI Evento TEI ID - Hoja"
 
-msgid "TEI Event TEI-Id - Column"
-msgstr ""
+msgid "TEI Event TEI Id - Column"
+msgstr "TEI Evento TEI ID - Columna"
 
 msgid "TEI Event Category Option Combo - Sheet"
-msgstr ""
+msgstr "TEI combo de opción de categoría para el evento - Hoja"
 
 msgid "TEI Event Category Option Combo - Column"
-msgstr ""
+msgstr "TEI combo de opción de categoría para el evento - Columna"
 
-#, fuzzy
 msgid "TEI Event Date - Sheet"
-msgstr "Título"
+msgstr "TEI Fecha del evento - Hoja"
 
 msgid "TEI Event Date - Column"
-msgstr ""
+msgstr "TEI Fecha del evento - Columna"
 
 msgid "TEI Event Program Stage - Sheet"
-msgstr ""
+msgstr "TEI Evento - Hoja"
 
-#, fuzzy
 msgid "TEI Event Program Stage - Cell"
-msgstr "Programa"
+msgstr "TEI Evento de fase de programa - Celda"
 
-#, fuzzy
 msgid "TEI Event Data Elements - Sheet"
-msgstr "Valores de los datos - Borrar"
+msgstr "TEI elementos de datos del evento - Hoja"
 
-#, fuzzy
 msgid "TEI Event Data Elements - Row Start"
-msgstr "Valores de los datos - Borrar"
+msgstr "TEI elementos de datos del evento - Fila inicial"
 
 msgid "TEI Event Data Elements - Row End"
-msgstr ""
+msgstr "TEI elementos de datos del evento - Fila final"
 
 msgid "TEI Event Data Elements - Column Start"
-msgstr ""
+msgstr "TEI elementos de datos del evento - Columna inicial"
 
-#, fuzzy
 msgid "TEI Event Data Values - Sheet"
-msgstr "Valores de los datos - Borrar"
+msgstr "Valores de los datos - Hoja"
 
 msgid "TEI Event Data Values - Row Start"
-msgstr ""
+msgstr "TEI valores de datos del evento - Fila inicial"
 
 msgid "TEI Event Data Values - Column Start"
-msgstr ""
+msgstr "TEI valores de datos del evento - Columna inicial"
 
-#, fuzzy
 msgid "Data Source"
-msgstr "Data Set"
+msgstr "Fuente de datos"
+
+msgid "Value for field '{{field}}' is invalid - {{value}}"
+msgstr ""
 
 msgid "Imported"
 msgstr "Importados"
@@ -1084,11 +1042,3 @@ msgstr ""
 
 msgid "Settings saved"
 msgstr "Configuración guardada"
-
-#, fuzzy
-#~ msgid "Template Code"
-#~ msgstr "Plantilla"
-
-#, fuzzy
-#~ msgid "Template Description"
-#~ msgstr "Acceso a la generación de plantillas"
diff --git a/i18n/fr.po b/i18n/fr.po
index f63a8cdf..4638ac56 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
+"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -408,10 +408,17 @@ msgstr "Créer un thème"
 msgid "Access to Templates"
 msgstr "Accès à la génération de modèles"
 
+msgid "A custom template exists with this same code - "
+msgstr ""
+
 #, fuzzy
 msgid "Field cannot be empty"
 msgstr "Le champ {{field}} ne peut pas être vide"
 
+#, fuzzy
+msgid "Action"
+msgstr "Options"
+
 msgid "Mode"
 msgstr ""
 
@@ -501,7 +508,7 @@ msgstr ""
 msgid "Subtitle - Sheet"
 msgstr "Sous-titres"
 
-msgid "Title Range (example D3:I3)"
+msgid "Subtitle - Range (example D3:I3)"
 msgstr ""
 
 msgid "Logo - Sheet"
@@ -595,10 +602,11 @@ msgstr ""
 msgid "TEI Event Event-Id - Column"
 msgstr ""
 
-msgid "TEI Event TEI-Id - Sheet"
-msgstr ""
+#, fuzzy
+msgid "TEI Event TEI Id - Sheet"
+msgstr "Titre"
 
-msgid "TEI Event TEI-Id - Column"
+msgid "TEI Event TEI Id - Column"
 msgstr ""
 
 msgid "TEI Event Category Option Combo - Sheet"
@@ -646,6 +654,9 @@ msgstr ""
 msgid "Data Source"
 msgstr "Base de données"
 
+msgid "Value for field '{{field}}' is invalid - {{value}}"
+msgstr ""
+
 msgid "Imported"
 msgstr "Importé"
 
diff --git a/i18n/pt.po b/i18n/pt.po
index 400c0a47..22c18732 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
+"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -429,10 +429,17 @@ msgstr "Criar tema"
 msgid "Access to Templates"
 msgstr "Acesso à geração de planilhas"
 
+msgid "A custom template exists with this same code - "
+msgstr ""
+
 #, fuzzy
 msgid "Field cannot be empty"
 msgstr "O campo {{field}} não pode ficar em branco"
 
+#, fuzzy
+msgid "Action"
+msgstr "Opções"
+
 msgid "Mode"
 msgstr ""
 
@@ -523,7 +530,7 @@ msgstr ""
 msgid "Subtitle - Sheet"
 msgstr "Texto da legenda"
 
-msgid "Title Range (example D3:I3)"
+msgid "Subtitle - Range (example D3:I3)"
 msgstr ""
 
 msgid "Logo - Sheet"
@@ -626,11 +633,13 @@ msgstr "Valores de dados - Eliminar"
 msgid "TEI Event Event-Id - Column"
 msgstr ""
 
-msgid "TEI Event TEI-Id - Sheet"
-msgstr ""
+#, fuzzy
+msgid "TEI Event TEI Id - Sheet"
+msgstr "Valores de dados - Eliminar"
 
-msgid "TEI Event TEI-Id - Column"
-msgstr ""
+#, fuzzy
+msgid "TEI Event TEI Id - Column"
+msgstr "Data de inscrição"
 
 msgid "TEI Event Category Option Combo - Sheet"
 msgstr ""
@@ -680,6 +689,9 @@ msgstr ""
 msgid "Data Source"
 msgstr "Data Set"
 
+msgid "Value for field '{{field}}' is invalid - {{value}}"
+msgstr ""
+
 msgid "Imported"
 msgstr "Importado"
 
diff --git a/i18n/ru.po b/i18n/ru.po
index f71b1b88..e080e4dc 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-17T18:33:49.009Z\n"
+"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -431,10 +431,17 @@ msgstr "Создать тему"
 msgid "Access to Templates"
 msgstr "Доступ к генерации шаблонов"
 
+msgid "A custom template exists with this same code - "
+msgstr ""
+
 #, fuzzy
 msgid "Field cannot be empty"
 msgstr "Поле {{поле}} не может быть пустым"
 
+#, fuzzy
+msgid "Action"
+msgstr "Опции"
+
 msgid "Mode"
 msgstr ""
 
@@ -525,7 +532,7 @@ msgstr ""
 msgid "Subtitle - Sheet"
 msgstr "Текст субтитров"
 
-msgid "Title Range (example D3:I3)"
+msgid "Subtitle - Range (example D3:I3)"
 msgstr ""
 
 msgid "Logo - Sheet"
@@ -628,11 +635,13 @@ msgstr "Значения данных - Удалить"
 msgid "TEI Event Event-Id - Column"
 msgstr ""
 
-msgid "TEI Event TEI-Id - Sheet"
-msgstr ""
+#, fuzzy
+msgid "TEI Event TEI Id - Sheet"
+msgstr "Значения данных - Удалить"
 
-msgid "TEI Event TEI-Id - Column"
-msgstr ""
+#, fuzzy
+msgid "TEI Event TEI Id - Column"
+msgstr "Дата зачисления"
 
 msgid "TEI Event Category Option Combo - Sheet"
 msgstr ""
@@ -682,6 +691,9 @@ msgstr ""
 msgid "Data Source"
 msgstr "Набор данных"
 
+msgid "Value for field '{{field}}' is invalid - {{value}}"
+msgstr ""
+
 msgid "Imported"
 msgstr "Импортировано"
 
diff --git a/src/webapp/components/settings/templates/TemplateView.ts b/src/webapp/components/settings/templates/TemplateView.ts
index d3890b00..fe1109f5 100644
--- a/src/webapp/components/settings/templates/TemplateView.ts
+++ b/src/webapp/components/settings/templates/TemplateView.ts
@@ -560,7 +560,7 @@ export class TemplateViewActions {
 
     validateCodeUniqueness(view: TemplateView): OkOrError {
         return view.action === "create" && _(this.customTemplates).some(ct => ct.id === view.code)
-            ? { status: false, error: i18n.t("A custom template exists with this same code: ") + view.code }
+            ? { status: false, error: i18n.t("A custom template exists with this same code - ") + view.code }
             : { status: true };
     }
 
@@ -622,7 +622,7 @@ export class TemplateViewActions {
             stylesTitleSheet: i18n.t("Title - Sheet"),
             stylesTitleRange: i18n.t("Title Range (example D2:I2)", { nsSeparator: false }),
             stylesSubtitleSheet: i18n.t("Subtitle - Sheet"),
-            stylesSubtitleRange: i18n.t("Title Range (example D3:I3)", { nsSeparator: false }),
+            stylesSubtitleRange: i18n.t("Subtitle - Range (example D3:I3)", { nsSeparator: false }),
             stylesLogoSheet: i18n.t("Logo - Sheet"),
             stylesLogoRange: i18n.t("Title Range (example A2:C3)", { nsSeparator: false }),
 
@@ -843,7 +843,7 @@ function getErrorsByDefinition(fieldsByType: (keyof TemplateView)[], view: Templ
         const value = view[field];
         const { validations } = viewDefs[field];
         const fieldT = translations[field];
-        const msg = i18n.t("Value for field '{{field}}' is invalid: {{value}}", { field: fieldT, value });
+        const msg = i18n.t("Value for field '{{field}}' is invalid - {{value}}", { field: fieldT, value });
 
         return _(validations)
             .map((validation): string | null => {

From 3e11e78832928701a06d55ed86dd3933d323b5de Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 20 Apr 2022 14:17:49 +0200
Subject: [PATCH 22/37] Refactor templates table columns

---
 .../components/settings/SettingsFields.tsx    |  2 +-
 .../components/settings/TemplateListTable.tsx | 24 +++++++++++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index 01929a55..d9724b2a 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
 
     const setModel = useCallback(
         (model: Model) => {
diff --git a/src/webapp/components/settings/TemplateListTable.tsx b/src/webapp/components/settings/TemplateListTable.tsx
index 031ba8d4..56874280 100644
--- a/src/webapp/components/settings/TemplateListTable.tsx
+++ b/src/webapp/components/settings/TemplateListTable.tsx
@@ -23,8 +23,9 @@ import { TemplatePermissionsDialog } from "./TemplatePermissionsDialog";
 import { useAppContext } from "../../contexts/app-context";
 import { FormMode, CustomTemplateEditDialog } from "./TemplateEditDialog";
 import { downloadFile } from "../../utils/download";
-import { DataFormType, dataFormTypes, getTranslations } from "../../../domain/entities/DataForm";
+import { DataForm, DataFormType, dataFormTypes, getTranslations } from "../../../domain/entities/DataForm";
 import { fromBase64, xlsxMimeType } from "../../../utils/files";
+import { useDataForms } from "./settings.hooks";
 
 interface WarningDialog {
     title?: string;
@@ -39,6 +40,7 @@ export interface TemplateRow {
     description: string;
     created: string;
     lastUpdated: string;
+    dataFormName: string;
     dataFormId: string;
     dataFormType: DataFormType;
 }
@@ -59,7 +61,10 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     const [customTemplateEdit, setCustomTemplateEdit] = useState<FormMode | undefined>();
     const [warningDialog, setWarningDialog] = useState<WarningDialog | null>(null);
 
-    const rows = buildCustomTemplateRow(customTemplates);
+    const dataForms = useDataForms();
+    const dataFormsById = React.useMemo(() => _.keyBy(dataForms.objects, df => df.id), [dataForms.objects]);
+
+    const rows = buildCustomTemplateRow(dataFormsById, customTemplates);
 
     const newTemplate = () => {
         setCustomTemplateEdit({ type: "new" });
@@ -148,6 +153,8 @@ export default function TemplateListTable(props: TemplateListTableProps) {
 
     const columns: TableColumn<TemplateRow>[] = [
         { name: "name", text: i18n.t("Name") },
+        { name: "dataFormName", text: i18n.t("Data Form") },
+        { name: "description", text: i18n.t("Description"), hidden: true },
         {
             name: "dataFormType",
             text: i18n.t("Data Form Type"),
@@ -158,8 +165,8 @@ export default function TemplateListTable(props: TemplateListTableProps) {
             text: i18n.t("Type"),
             getValue: row => (row.type === "custom" ? i18n.t("Custom") : i18n.t("Autogenerated")),
         },
-        { name: "created", text: i18n.t("Created"), getValue: row => row.created || "-" },
-        { name: "lastUpdated", text: i18n.t("Last Updated"), getValue: row => row.lastUpdated || "-" },
+        { name: "created", text: i18n.t("Created"), getValue: row => row.created || "-", hidden: true },
+        { name: "lastUpdated", text: i18n.t("Last Updated"), getValue: row => row.lastUpdated || "-", hidden: true },
     ];
 
     const actions: TableAction<TemplateRow>[] = [
@@ -256,13 +263,17 @@ export default function TemplateListTable(props: TemplateListTableProps) {
     );
 }
 
-function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[] {
+function buildCustomTemplateRow(
+    dataFormsById: _.Dictionary<DataForm>,
+    customTemplates: CustomTemplate[]
+): TemplateRow[] {
     return _(customTemplates)
         .flatMap(({ id, name, description, created, lastUpdated, dataFormId, dataFormType }) => {
             const dataFormId_ = dataFormId.type === "value" ? dataFormId.id : undefined;
             const dataFormType_ = dataFormType.type === "value" ? dataFormType.id : undefined;
             if (!dataFormId_) return [];
             if (!(dataFormType_ && isValueInUnionType(dataFormType_, dataFormTypes))) return [];
+            const dataFormName = dataFormsById[dataFormId_]?.name || name;
 
             const customRow: TemplateRow = {
                 type: "custom",
@@ -273,10 +284,12 @@ function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[
                 lastUpdated: lastUpdated ? `${lastUpdated.user.username} (${formatDate(lastUpdated.timestamp)})` : "-",
                 dataFormId: dataFormId_,
                 dataFormType: dataFormType_,
+                dataFormName,
             };
 
             const autogeneratedRow: TemplateRow = {
                 ...customRow,
+                name: dataFormName,
                 id: dataFormId_,
                 type: "autogenerated",
                 description: "",
@@ -284,6 +297,7 @@ function buildCustomTemplateRow(customTemplates: CustomTemplate[]): TemplateRow[
                 lastUpdated: "",
                 dataFormId: dataFormId_,
                 dataFormType: dataFormType_,
+                dataFormName,
             };
 
             return [customRow, autogeneratedRow];

From 366a59d27ba3258ea35b8b4d1e09a90e66968002 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 20 Apr 2022 14:30:24 +0200
Subject: [PATCH 23/37] Fix tests

---
 src/test/DownloadTemplatePage.spec.tsx            | 9 ++++++++-
 src/test/mocks/server.ts                          | 2 +-
 src/webapp/components/settings/SettingsFields.tsx | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/test/DownloadTemplatePage.spec.tsx b/src/test/DownloadTemplatePage.spec.tsx
index ffb6841c..121c3e77 100644
--- a/src/test/DownloadTemplatePage.spec.tsx
+++ b/src/test/DownloadTemplatePage.spec.tsx
@@ -26,7 +26,14 @@ const renderComponent = async () => {
             <AppContext.Provider value={{ api, d2: {}, compositionRoot }}>
                 <LoadingProvider>
                     <SnackbarProvider>
-                        <DownloadTemplatePage settings={settings} themes={[]} setSettings={_.noop} setThemes={_.noop} />
+                        <DownloadTemplatePage
+                            settings={settings}
+                            themes={[]}
+                            setSettings={_.noop}
+                            setThemes={_.noop}
+                            customTemplates={[]}
+                            setCustomTemplates={_.noop}
+                        />
                     </SnackbarProvider>
                 </LoadingProvider>
             </AppContext.Provider>
diff --git a/src/test/mocks/server.ts b/src/test/mocks/server.ts
index db791705..5793cf26 100644
--- a/src/test/mocks/server.ts
+++ b/src/test/mocks/server.ts
@@ -4,7 +4,7 @@ export function initializeMockServer() {
     const { api, mock } = getMockApi();
 
     // User settings
-    mock.onGet("/me").reply(200, { userGroups: [{ id: "BwyMfDBLih9" }] });
+    mock.onGet("/me").reply(200, { userCredentials: { username: "user" }, userGroups: [{ id: "BwyMfDBLih9" }] });
     mock.onGet("/me/authorization").reply(200, ["USER_GROUP_TEST"]);
     mock.onGet("/metadata", { params: { "userGroups:fields": "displayName,id,name" } }).reply(200, {
         userGroups: [{ name: "USER_GROUP_TEST", id: "BwyMfDBLih9", displayName: "USER_GROUP_TEST" }],
diff --git a/src/webapp/components/settings/SettingsFields.tsx b/src/webapp/components/settings/SettingsFields.tsx
index d9724b2a..01929a55 100644
--- a/src/webapp/components/settings/SettingsFields.tsx
+++ b/src/webapp/components/settings/SettingsFields.tsx
@@ -38,7 +38,7 @@ export default function SettingsFields(props: SettingsFieldsProps & CustomTempla
     const [isDataSetDataElementsFilterDialogVisible, showDataSetDataElementsFilterDialog] = useState<boolean>(false);
     const [isProgramStageFilterDialogVisible, showProgramStageFilterDialog] = useState<boolean>(false);
     const [isModuleTemplateDialogVisible, showModuleTemplateDialog] = useState<boolean>(false);
-    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(true);
+    const [isTemplatesDialogVisible, showTemplatesDialog] = useState<boolean>(false);
 
     const setModel = useCallback(
         (model: Model) => {

From 0d6b3a58d8b41ac415a53f989c99611fb6265d18 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 20 Apr 2022 14:36:01 +0200
Subject: [PATCH 24/37] Update i18n

---
 i18n/en.pot | 13 ++++++++-----
 i18n/es.po  | 12 ++++++++----
 i18n/fr.po  | 12 ++++++++----
 i18n/pt.po  | 12 ++++++++----
 i18n/ru.po  | 12 ++++++++----
 5 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 671c0aa0..80ffc069 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
-"PO-Revision-Date: 2022-04-20T12:14:11.837Z\n"
+"POT-Creation-Date: 2022-04-20T12:30:37.694Z\n"
+"PO-Revision-Date: 2022-04-20T12:30:37.694Z\n"
 
 msgid "Data values - Create/update"
 msgstr ""
@@ -347,6 +347,12 @@ msgstr ""
 msgid "Name"
 msgstr ""
 
+msgid "Data Form"
+msgstr ""
+
+msgid "Description"
+msgstr ""
+
 msgid "Data Form Type"
 msgstr ""
 
@@ -398,9 +404,6 @@ msgstr ""
 msgid "Code"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 msgid "Program/Dataset"
 msgstr ""
 
diff --git a/i18n/es.po b/i18n/es.po
index dcf20a6d..79da333a 100644
--- a/i18n/es.po
+++ b/i18n/es.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
+"POT-Creation-Date: 2022-04-20T12:30:37.694Z\n"
 "Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -373,6 +373,13 @@ msgstr ""
 msgid "Name"
 msgstr "Nombre"
 
+#, fuzzy
+msgid "Data Form"
+msgstr "Fuente de datos"
+
+msgid "Description"
+msgstr "Descripción"
+
 msgid "Data Form Type"
 msgstr ""
 
@@ -424,9 +431,6 @@ msgstr "Modo"
 msgid "Code"
 msgstr "Código"
 
-msgid "Description"
-msgstr "Descripción"
-
 msgid "Program/Dataset"
 msgstr "Programa/Dataset"
 
diff --git a/i18n/fr.po b/i18n/fr.po
index 4638ac56..716263a3 100644
--- a/i18n/fr.po
+++ b/i18n/fr.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load App\n"
-"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
+"POT-Creation-Date: 2022-04-20T12:30:37.694Z\n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -366,6 +366,13 @@ msgstr ""
 msgid "Name"
 msgstr "Nom"
 
+#, fuzzy
+msgid "Data Form"
+msgstr "Base de données"
+
+msgid "Description"
+msgstr ""
+
 msgid "Data Form Type"
 msgstr ""
 
@@ -425,9 +432,6 @@ msgstr ""
 msgid "Code"
 msgstr ""
 
-msgid "Description"
-msgstr ""
-
 #, fuzzy
 msgid "Program/Dataset"
 msgstr "Programme"
diff --git a/i18n/pt.po b/i18n/pt.po
index 22c18732..b497a8cc 100644
--- a/i18n/pt.po
+++ b/i18n/pt.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
+"POT-Creation-Date: 2022-04-20T12:30:37.694Z\n"
 "Language: pt\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -387,6 +387,13 @@ msgstr ""
 msgid "Name"
 msgstr "Nome"
 
+#, fuzzy
+msgid "Data Form"
+msgstr "Data Set"
+
+msgid "Description"
+msgstr "Descrição"
+
 msgid "Data Form Type"
 msgstr ""
 
@@ -446,9 +453,6 @@ msgstr ""
 msgid "Code"
 msgstr ""
 
-msgid "Description"
-msgstr "Descrição"
-
 #, fuzzy
 msgid "Program/Dataset"
 msgstr "Programa"
diff --git a/i18n/ru.po b/i18n/ru.po
index e080e4dc..73783024 100644
--- a/i18n/ru.po
+++ b/i18n/ru.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Bulk Load\n"
-"POT-Creation-Date: 2022-04-20T12:14:11.837Z\n"
+"POT-Creation-Date: 2022-04-20T12:30:37.694Z\n"
 "Language: ru\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -389,6 +389,13 @@ msgstr ""
 msgid "Name"
 msgstr "Имя"
 
+#, fuzzy
+msgid "Data Form"
+msgstr "Набор данных"
+
+msgid "Description"
+msgstr "Описание"
+
 msgid "Data Form Type"
 msgstr ""
 
@@ -448,9 +455,6 @@ msgstr ""
 msgid "Code"
 msgstr ""
 
-msgid "Description"
-msgstr "Описание"
-
 #, fuzzy
 msgid "Program/Dataset"
 msgstr "Программа"

From 045b5c55039c1f5afb33b30cc91933d8509f4f68 Mon Sep 17 00:00:00 2001
From: p3rcypj <pablo@percypj.com>
Date: Wed, 20 Apr 2022 15:31:41 +0200
Subject: [PATCH 25/37] Update feedback-tool

---
 public/feedback-tool/feedback-dhis2.min.js  |  2 +-
 public/feedback-tool/feedback-github.min.js |  2 +-
 public/feedback-tool/feedback.min.css       |  2 +-
 public/feedback-tool/feedback.min.js        | 12 ++++++------
 public/feedback-tool/i18n/en.properties     | 10 ++++++++++
 public/feedback-tool/i18n/es.properties     | 10 ++++++++++
 6 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/public/feedback-tool/feedback-dhis2.min.js b/public/feedback-tool/feedback-dhis2.min.js
index a2f13443..59770c07 100644
--- a/public/feedback-tool/feedback-dhis2.min.js
+++ b/public/feedback-tool/feedback-dhis2.min.js
@@ -1 +1 @@
-"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();!function e(n,t,r){function i(o,u){if(!t[o]){if(!n[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(s)return s(o,!0);throw new Error("Cannot find module '"+o+"'")}var c=t[o]={exports:{}};n[o][0].call(c.exports,function(e){var t=n[o][1][e];return i(t?t:e)},c,c.exports,e,n,t,r)}return t[o].exports}for(var s="function"==typeof require&&require,o=0;o<r.length;o++)i(r[o]);return i}({1:[function(e,n,t){var r=function(e,n){return e.reduce(function(e,t){return(e[n(t)]=e[n(t)]||[]).push(t),e},{})},i=function(){function e(n,t,r){_classCallCheck(this,e),this.d2=n,this.appKey=t,this.options=r||{}}return _createClass(e,[{key:"init",value:function n(){var e=this,t=this.d2.currentUser.userSettings.settings.keyUiLocale||"en",r=function(e){throw new Error(e)},i=this.options.i18nPath||"includes/feedback-tool/i18n",n=function(n){$.feedbackGithub(Object.assign({},e.options,{postFunction:e.sendFeedbackToUserGroups.bind(e),feedbackOptions:Object.assign({},{i18nProperties:n},e.options.feedbackOptions),username:e.d2.currentUser.username}))};fetch(i+"/"+t+".properties",{credentials:"same-origin"}).then(function(e){return e.status.toString().match(/^2..$/)?e:r("Cannot find locale")}).then(function(e){return e.text()}).then(n)["catch"](function(){return n()})}},{key:"sendFeedbackToUserGroups",value:function(e){var n=this,t=this.options.sendToDhis2UserGroups;if(0===t.length)return Promise.resolve();var r=e.title,i=e.body,s=this.d2.system.installedApps.find(function(e){return e.key===n.appKey}),o=s?"["+s.name+"] "+r:r,u=e.issueURL?i+"\n\n---\n"+e.issueURL:i;return this.getUserGroups(t).then(function(e){return n.sendMessage(o,u,e.toArray())})["catch"](function(e){alert("Cannot send dhis2 message")})}},{key:"getUserGroups",value:function(e){return this.d2.models.userGroups.list({filter:"name:in:["+e.join(",")+"]",paging:!1})}},{key:"sendMessage",value:function(e,n,t){var i=this.d2.Api.getApi(),s=r(t,function(e){return e.modelDefinition.name}),o=function(e){return e&&e.map(function(e){return{id:e.id}})},u={subject:e,text:n,users:o(s.user),userGroups:o(s.userGroup),organisationUnits:o(s.organisationUnit)};return 0==t.length?Promise.resolve():i.post("/messageConversations",u)}}]),e}();$.feedbackDhis2=function(e,n,t){var r=new i(e,n,t);return r.init(),r}},{}]},{},[1]);
\ No newline at end of file
+"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}var _extends=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_createClass=function(){function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}}();!function e(n,t,r){function s(i,u){if(!t[i]){if(!n[i]){var a="function"==typeof require&&require;if(!u&&a)return a(i,!0);if(o)return o(i,!0);throw new Error("Cannot find module '"+i+"'")}var c=t[i]={exports:{}};n[i][0].call(c.exports,function(e){var t=n[i][1][e];return s(t?t:e)},c,c.exports,e,n,t,r)}return t[i].exports}for(var o="function"==typeof require&&require,i=0;i<r.length;i++)s(r[i]);return s}({1:[function(e,n,t){var r=function(){function e(n,t,r){_classCallCheck(this,e),this.d2=n,this.appKey=t,this.options=r||{}}return _createClass(e,[{key:"init",value:function n(){var e=this,t=this.d2.currentUser.userSettings.settings.keyUiLocale||"en",r=function(e){throw new Error(e)},s=this.options.i18nPath||"includes/feedback-tool/i18n",o=this.options.sendToDhis2UserGroups||[],i=o.length>0,u=Boolean(this.options.createIssue),n=function(n){var t=e.d2.currentUser.username,r=window.feedbackGithub(_extends({},e.options,{username:t})),s=function(n){return r.send(n).then(function(n){return e.sendFeedbackToUserGroups(n)}).then(n.success,n.error)},o=i||u,a=o?s:function(){return Promise.resolve()};$.feedback(_extends({postFunction:function(e){return a(e).then(e.success,e.error)},buttonPosition:e.options.buttonPosition||"bottom",i18nProperties:n},e.options.feedbackOptions))};fetch(s+"/"+t+".properties",{credentials:"same-origin"}).then(function(e){return e.status.toString().match(/^2..$/)?e:r("Cannot find locale")}).then(function(e){return e.text()}).then(n)["catch"](function(){return n()})}},{key:"sendFeedbackToUserGroups",value:function(e){var n=this;if(e){var t=this.options.sendToDhis2UserGroups;if(0===t.length)return Promise.resolve();var r=e.title,s=e.body,o=this.d2.system.installedApps.find(function(e){return e.key===n.appKey}),i=o?"["+o.name+"] "+r:r,u=e.issueURL?s+"\n\n---\n"+e.issueURL:s;return this.getUserGroups(t).then(function(e){return n.sendMessage(i,u,e.userGroups)})}}},{key:"getUserGroups",value:function(e){var n=this.d2.Api.getApi();return n.get("/userGroups",{filter:"name:in:["+e.join(",")+"]",paging:!1})}},{key:"sendMessage",value:function(e,n,t){var r=this.d2.Api.getApi(),s=function(e){return e&&e.map(function(e){return{id:e.id}})},o={subject:e,text:n,userGroups:s(t)};return 0==t.length?Promise.resolve():r.post("/messageConversations",o)}}]),e}();$.feedbackDhis2=function(e,n,t){var s=new r(e,n,t);return s.init(),s}},{}]},{},[1]);
\ No newline at end of file
diff --git a/public/feedback-tool/feedback-github.min.js b/public/feedback-tool/feedback-github.min.js
index 430efa39..199a0db1 100644
--- a/public/feedback-tool/feedback-github.min.js
+++ b/public/feedback-tool/feedback-github.min.js
@@ -1 +1 @@
-"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}();!function t(e,n,o){function r(i,a){if(!n[i]){if(!e[i]){var u="function"==typeof require&&require;if(!a&&u)return u(i,!0);if(s)return s(i,!0);throw new Error("Cannot find module '"+i+"'")}var c=n[i]={exports:{}};e[i][0].call(c.exports,function(t){var n=e[i][1][t];return r(n?n:t)},c,c.exports,t,e,n,o)}return n[i].exports}for(var s="function"==typeof require&&require,i=0;i<o.length;i++)r(o[i]);return r}({1:[function(t,e,n){function o(t,e){return t.replace(/{([^{}]*)}/g,function(t,n){var o=e[n];return"string"==typeof o||"number"==typeof o?o:t})}var r=function(){function t(e){_classCallCheck(this,t),this.options=e,this.token="string"==typeof e.token?e.token:e.token.join("")}return _createClass(t,[{key:"init",value:function(){$.feedback(Object.assign({},{postFunction:this._sendReport.bind(this)},this.options.feedbackOptions||{}))}},{key:"_setAuthHeader",value:function(t){t.setRequestHeader("Authorization","token "+this.token)}},{key:"_sendReport",value:function(t){var e=this,n=t.post.img.split(",")[1],o=(new Date).getTime()+parseInt(1e6*Math.random()).toString(),r=this.options.postFunction||function(){};return this._uploadFile("screenshot-"+o+".png",n).then(function(n){return e._getPayload(t,n)}).then(function(t){e.options.createIssue?e._postIssue(t).then(r):r(t)}).then(t.success,t.error)}},{key:"_uploadFile",value:function(t,e){var n={message:"feedback.js snapshot",branch:this.options.snapshots.branch,content:e};return $.ajax({url:"https://api.github.com/repos/"+this.options.snapshots.repository+"/contents/"+t,type:"PUT",beforeSend:this._setAuthHeader.bind(this),dataType:"json",data:JSON.stringify(n)}).then(function(t){return t.content.download_url})}},{key:"_getPayload",value:function(t,e){var n=t.post,r=n.browser,s=["## Browser","- Name: "+r.appCodeName,"- Version: "+r.appVersion,"- Platform: "+r.platform,"","## User report","URL: "+n.url,"",n.note,"","![See screenshot here]( "+e+" )"].join("\n"),i={body:s,username:this.options.username};return{title:o(this.options.issues.title,{title:n.title}),body:this.options.issues.body?o(this.options.issues.body,i):s}}},{key:"_postIssue",value:function(t){return $.ajax({type:"POST",url:"https://api.github.com/repos/"+this.options.issues.repository+"/issues",beforeSend:this._setAuthHeader.bind(this),dataType:"json",data:JSON.stringify(t)}).then(function(e){return Object.assign(t,{issueURL:e.html_url})})}}]),t}();$.feedbackGithub=function(t){var e=new r(t);return e.init(),e}},{}]},{},[1]);
\ No newline at end of file
+"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();!function e(t,n,r){function o(i,a){if(!n[i]){if(!t[i]){var u="function"==typeof require&&require;if(!a&&u)return u(i,!0);if(s)return s(i,!0);throw new Error("Cannot find module '"+i+"'")}var c=n[i]={exports:{}};t[i][0].call(c.exports,function(e){var n=t[i][1][e];return o(n?n:e)},c,c.exports,e,t,n,r)}return n[i].exports}for(var s="function"==typeof require&&require,i=0;i<r.length;i++)o(r[i]);return o}({1:[function(e,t,n){function r(e,t){return e.replace(/{([^{}]*)}/g,function(e,n){var r=t[n];return"string"==typeof r||"number"==typeof r?r:e})}var o="https://dev.eyeseetea.com/github",s=function(){function e(t){_classCallCheck(this,e),this.options=t,this.token=t.token?t.token.join(""):void 0,this.apiUrl=t.apiUrl||o}return _createClass(e,[{key:"_setAuthHeader",value:function(e){e.setRequestHeader("Authorization","token "+this.token)}},{key:"send",value:function(e){var t=this,n=e.post.img.split(",")[1],r=(new Date).getTime()+parseInt(1e6*Math.random()).toString();return this._uploadFile("screenshot-"+r+".png",n).then(function(n){return t._getPayload(e,n)}).then(function(e){return t.options.createIssue?t._postIssue(e):e})}},{key:"_uploadFile",value:function(e,t){var n={message:"feedback.js snapshot",branch:this.options.snapshots.branch,content:t};return $.ajax({url:this.apiUrl+"/repos/"+this.options.snapshots.repository+"/contents/"+e,type:"PUT",beforeSend:this._setAuthHeader.bind(this),dataType:"json",data:JSON.stringify(n)}).then(function(e){return e.content.download_url})}},{key:"_getPayload",value:function(e,t){var n=e.post,o=n.browser,s=n.contact?"Contact info: "+n.contact.name+" ("+n.contact.email+")":"",i=["## Browser","- Name: "+o.appCodeName,"- Version: "+o.appVersion,"- Platform: "+o.platform,"","## User report",s,"URL: "+n.url,"",n.note,"","![See screenshot here]( "+t+" )"].join("\n"),a={body:i,username:this.options.username};return{title:r(this.options.issues.title,{title:n.title}),body:this.options.issues.body?r(this.options.issues.body,a):i}}},{key:"_postIssue",value:function(e){return $.ajax({type:"POST",url:this.apiUrl+"/repos/"+this.options.issues.repository+"/issues",beforeSend:this._setAuthHeader.bind(this),dataType:"json",data:JSON.stringify(e)}).then(function(t){return Object.assign(e,{issueURL:t.html_url})})}}]),e}();window.feedbackGithub=function(e){var t=e.createIssue||e.sendToDhis2UserGroups.length>0;return t?new s(e):{send:function(){return Promise.resolve(null)}}}},{}]},{},[1]);
\ No newline at end of file
diff --git a/public/feedback-tool/feedback.min.css b/public/feedback-tool/feedback.min.css
index 5653a13f..7bd607a1 100644
--- a/public/feedback-tool/feedback.min.css
+++ b/public/feedback-tool/feedback.min.css
@@ -1 +1 @@
-.feedback-btn{font-size:14px;position:fixed;bottom:-3px;right:200px;width:auto}#feedback-module p{font-size:13px;margin-bottom:25px}#feedback-note-tmp{width:444px;height:auto;min-height:90px;outline:0;font-family:Roboto,sans-serif;padding:4px}#feedback-note-tmp:focus,#feedback-note:focus{border:1px solid #64b7cc}#feedback-canvas{position:absolute;top:0;left:0}#feedback-welcome{top:30%;left:50%;margin-left:-270px;display:block;position:fixed}.feedback-logo{width:34px;margin-bottom:16px;font-size:22px;font-weight:700;line-height:32px;height:32px}.feedback-back-btn,.feedback-close-btn,.feedback-next-btn,.feedback-submit-btn{width:72px;height:29px;line-height:27px;padding:0 8px;float:right;font-size:13px}.feedback-back-btn{margin-right:20px}.feedback-helper{background:rgba(0,0,0,0);cursor:default}#feedback-close,.feedback-wizard-close{cursor:pointer;width:30px;height:30px;position:absolute}.feedback-helper[data-type=highlight]>.feedback-helper-inner{background:rgba(0,68,255,.1)}#feedback-close{background:url(icons.png) 0 -64px}.feedback-wizard-close{top:2px;right:2px;background:url(icons.png) 0 -34px;-webkit-opacity:.65;-moz-opacity:.65;opacity:.65}.feedback-wizard-close:hover{opacity:1}#feedback-overview-error,#feedback-welcome-error{display:none;color:#f13e3e;float:right;margin-right:30px;font-size:13px;line-height:29px}.feedback-btn-blue,.feedback-btn-gray{cursor:pointer;color:#fff;text-align:center;font-family:Roboto,sans-serif}#feedback-overview-error{margin-top:20px}#feedback-highlighter{display:none;bottom:100px;right:100px;position:fixed;height:275px}#feedback-overview{display:none;top:10%;left:50%;margin-left:-420px;position:fixed;width:840px!important;height:auto}#feedback-submit-error,#feedback-submit-success{top:30%;left:50%;margin-left:-300px;display:block;position:fixed;height:auto}.feedback-btn{padding:10px;outline:0;background-clip:padding-box;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:40000}.feedback-btn-gray{border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ff9800;font-weight:600;letter-spacing:.5px}.feedback-btn-gray:hover{border:2px solid #ff9800}.feedback-btn-blue{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#4d90fe;background:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background:-webkit-linear-gradient(top,#4d90fe,#357ae8);background:-moz-linear-gradient(top,#4d90fe,#357ae8);background:-ms-linear-gradient(top,#4d90fe,#357ae8);background:-o-linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f5bb7}#feedback-note,#feedback-note-tmp{resize:none}#feedback-highlighter,#feedback-overview,#feedback-submit-error,#feedback-submit-success,#feedback-welcome{font-family:Roboto,sans-serif;z-index:40000;padding:30px 42px;width:540px;border:1px solid rgba(0,0,0,.333);outline:0;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);background:#fff;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ();-moz-transform:translateZ();-ms-transform:translateZ();-o-transform:translateZ()}.feedback-setblackout,.feedback-sethighlight{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#f5f5f5;background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:-ms-linear-gradient(top,#f5f5f5,#f1f1f1);background:-o-linear-gradient(top,#f5f5f5,#f1f1f1);color:#444;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:default;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;margin-right:16px;height:30px;line-height:28px;min-width:90px;outline:0;padding:0 8px;display:inline-block;float:left}.feedback-setblackout{margin-top:10px;clear:both}.feedback-sethighlight div{background:url(icons.png) 0 -94px;width:16px;height:16px;margin-top:7px;float:left}.feedback-setblackout div{background:url(icons.png) -16px -94px;width:16px;height:16px;margin-top:7px;float:left}.feedback-setblackout:hover,.feedback-sethighlight:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#f8f8f8;background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;color:#333}.feedback-active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-color:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));background:-webkit-linear-gradient(top,#eee,#e0e0e0);background:-moz-linear-gradient(top,#eee,#e0e0e0);background:-ms-linear-gradient(top,#eee,#e0e0e0);background:-o-linear-gradient(top,#eee,#e0e0e0);border:1px solid #ccc;color:#333}#feedback-highlighter label{float:left;margin:0 0 0 10px;line-height:30px;font-size:13px;font-weight:400}#feedback-highlighter label.lower{margin-top:10px}.feedback-buttons{float:right;margin-top:20px;clear:both}#feedback-module h3{font-weight:700;font-size:15px;margin:8px 0}#feedback-title{width:314px;padding:0 10px}.feedback-additional{margin-bottom:20px!important}#feedback-overview-description{float:left}#feedback-note{width:314px;padding:10px;height:150px;outline:0;font-family:Roboto,sans-serif;line-height:20px}#feedback-overview-screenshot{float:right}.feedback-screenshot{max-width:396px;padding:1px;border:1px solid #adadad}#feedback-overview-description-text span{font-size:14px;margin:8px 0 8px 26px;color:#666;padding-left:10px;background:url(icons.png) -30px -34px no-repeat}#feedback-additional-none,#feedback-browser-info,#feedback-page-info,#feedback-page-structure{margin-top:16px;display:none}.feedback-spinner{position:absolute;top:0;left:0;z-index:10000000;background:url(spinner.gif);width:32px;height:32px}
\ No newline at end of file
+.feedback-btn{font-size:14px;position:fixed;width:auto}.feedback-btn-bottom{bottom:-3px;right:200px}.feedback-btn-right{top:200px;right:-50px;transform:rotate(-90deg)}#feedback-module p{font-size:13px;margin-bottom:25px}#feedback-note-tmp{width:444px;height:auto;min-height:90px;outline:0;font-family:Roboto,sans-serif;padding:4px}#feedback-note-tmp:focus,#feedback-note:focus{border:1px solid #64b7cc}#feedback-canvas{position:absolute;top:0;left:0}#feedback-welcome{top:30%;left:50%;margin-left:-270px;display:block;position:fixed}.feedback-logo{width:34px;margin-bottom:16px;font-size:22px;font-weight:700;line-height:32px;height:32px}.feedback-back-btn,.feedback-close-btn,.feedback-next-btn,.feedback-submit-btn{width:72px;height:29px;line-height:27px;padding:0 8px;font-size:13px}.feedback-back-btn{margin-right:20px}.feedback-close-btn{float:right}.feedback-helper{background:rgba(0,0,0,0);cursor:default}#feedback-close,.feedback-wizard-close{cursor:pointer;width:30px;height:30px;position:absolute}.feedback-helper[data-type=highlight]>.feedback-helper-inner{background:rgba(0,68,255,.1)}#feedback-close{background:url(icons.png) 0 -64px}.feedback-wizard-close{top:2px;right:2px;background:url(icons.png) 0 -34px;-webkit-opacity:.65;-moz-opacity:.65;opacity:.65}.feedback-wizard-close:hover{opacity:1}#feedback-overview-contact-error,#feedback-overview-error,#feedback-overview-privacy-error,#feedback-welcome-error{display:none;color:#f13e3e;margin-right:30px;font-size:13px;line-height:29px}.feedback-btn-blue,.feedback-btn-gray{cursor:pointer;color:#fff;text-align:center;font-family:Roboto,sans-serif}#feedback-highlighter{display:none;bottom:100px;right:100px;position:fixed;height:275px}#feedback-overview{display:none;top:10%;left:50%;margin-left:-420px;position:fixed;width:840px!important;overflow-y:auto;max-height:650px}#feedback-submit-error,#feedback-submit-success{top:30%;left:50%;margin-left:-300px;display:block;position:fixed;height:auto}.feedback-btn{padding:10px;outline:0;background-clip:padding-box;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:40000}.feedback-btn-gray{border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ff9800;font-weight:600;letter-spacing:.5px}.feedback-btn-gray:hover{border:2px solid #ff9800}.feedback-btn-blue{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#4d90fe;background:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background:-webkit-linear-gradient(top,#4d90fe,#357ae8);background:-moz-linear-gradient(top,#4d90fe,#357ae8);background:-ms-linear-gradient(top,#4d90fe,#357ae8);background:-o-linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f5bb7}#feedback-note,#feedback-note-tmp{resize:none}#feedback-highlighter,#feedback-overview,#feedback-submit-error,#feedback-submit-success,#feedback-welcome{font-family:Roboto,sans-serif;z-index:40000;padding:30px 42px;width:540px;border:1px solid rgba(0,0,0,.333);outline:0;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);background:#fff;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ();-moz-transform:translateZ();-ms-transform:translateZ();-o-transform:translateZ()}.feedback-setblackout,.feedback-sethighlight{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#f5f5f5;background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:-ms-linear-gradient(top,#f5f5f5,#f1f1f1);background:-o-linear-gradient(top,#f5f5f5,#f1f1f1);color:#444;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:default;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;margin-right:16px;height:30px;line-height:28px;min-width:90px;outline:0;padding:0 8px;display:flex}.feedback-setblackout span,.feedback-sethighlight span{margin-left:5px}.feedback-setblackout{margin-top:10px}.feedback-sethighlight div{background:url(icons.png) 0 -94px;width:16px;height:16px;margin-top:7px}.feedback-setblackout div{background:url(icons.png) -16px -94px;width:16px;height:16px;margin-top:7px}.feedback-setblackout:hover,.feedback-sethighlight:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#f8f8f8;background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;color:#333}.feedback-active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-color:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));background:-webkit-linear-gradient(top,#eee,#e0e0e0);background:-moz-linear-gradient(top,#eee,#e0e0e0);background:-ms-linear-gradient(top,#eee,#e0e0e0);background:-o-linear-gradient(top,#eee,#e0e0e0);border:1px solid #ccc;color:#333}#feedback-highlighter label{margin:0 0 0 10px;line-height:30px;font-size:13px;font-weight:400}#feedback-highlighter label.lower{margin-top:10px}.feedback-buttons{display:flex;justify-content:right;align-items:center;margin-top:20px}#feedback-module h3{font-weight:700;font-size:15px;margin:8px 0}#feedback-contact-email,#feedback-contact-name,#feedback-title{width:314px;padding:0 10px}#feedback-additional{margin-top:15px}.feedback-additional{margin-bottom:20px!important}.feedback-overview-content{display:flex}#feedback-note{width:314px;padding:10px;height:150px;outline:0;font-family:Roboto,sans-serif;line-height:20px}#feedback-overview-screenshot{margin-left:20px}.feedback-screenshot{max-width:396px;padding:1px;border:1px solid #adadad}#feedback-overview-description-text span{font-size:14px;margin:8px 0 8px 26px;color:#666;padding-left:10px;background:url(icons.png) -30px -34px no-repeat}#feedback-additional-none,#feedback-browser-info,#feedback-page-info,#feedback-page-structure{margin-top:16px;display:none}.feedback-spinner{position:absolute;top:0;left:0;z-index:10000000;background:url(spinner.gif);width:32px;height:32px}#feedback-contact-enable,#feedback-privacy-policy{margin-right:5px}.feedback-privacy-policy{margin-top:15px;font-size:15px}.feedback-highlighter-action{display:flex}
\ No newline at end of file
diff --git a/public/feedback-tool/feedback.min.js b/public/feedback-tool/feedback.min.js
index e329fd9f..6c12d985 100644
--- a/public/feedback-tool/feedback.min.js
+++ b/public/feedback-tool/feedback.min.js
@@ -1,6 +1,6 @@
-"use strict";function _classCallCheck(A,e){if(!(A instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function A(A,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(A,r.key,r)}}return function(e,t,r){return t&&A(e.prototype,t),r&&A(e,r),e}}(),_slicedToArray=function(){function A(A,e){var t=[],r=!0,n=!1,s=void 0;try{for(var o,i=A[Symbol.iterator]();!(r=(o=i.next()).done)&&(t.push(o.value),!e||t.length!==e);r=!0);}catch(B){n=!0,s=B}finally{try{!r&&i["return"]&&i["return"]()}finally{if(n)throw s}}return t}return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return A(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(A){return typeof A}:function(A){return A&&"function"==typeof Symbol&&A.constructor===Symbol&&A!==Symbol.prototype?"symbol":typeof A};!function A(e,t,r){function n(o,i){if(!t[o]){if(!e[o]){var B="function"==typeof require&&require;if(!i&&B)return B(o,!0);if(s)return s(o,!0);throw new Error("Cannot find module '"+o+"'")}var a=t[o]={exports:{}};e[o][0].call(a.exports,function(A){var t=e[o][1][A];return n(t?t:A)},a,a.exports,A,e,t,r)}return t[o].exports}for(var s="function"==typeof require&&require,o=0;o<r.length;o++)n(r[o]);return n}({1:[function(A,e,t){e.exports="# Global\nsend_feedback=Send Feedback\ntitle=Feedback\nsubmit=Submit\nok=OK\nnext=Next\nback=Back\ndescription=Description\nscreenshot=Screenshot\n\n# highlighter template\nhighlighter_click_and_drag_on_page=Click and drag on the page to help us better understand your feedback. You can move this dialog if it's in the way\nhighlighter_highlight=Highlight\nhighlighter_identify_areas=Highlight areas relevant to your feedback\nhighlighter_blackout=Black out\nhighlighter_blackout_information=Black out any personal information\n\n# overview template\noverview_title=Title\noverview_additional=Additional info\noverview_additional_none=None\noverview_additional_browser=Browser Info\noverview_additional_page_info=Page Info\noverview_additional_page_structure=Page Structure\noverview_enter_fields=Please enter a title and description\n\n# submitError template\nsubmit_error_message=Sadly an error occured while sending your feedback. Please try again\n\n# submitSuccess template\nsubmit_success_message=Thank you for your feedback\n"},{}],2:[function(A,e,t){!function(A,r){"object"===("undefined"==typeof t?"undefined":_typeof(t))&&"undefined"!=typeof e?e.exports=r():"function"==typeof define&&define.amd?define(r):(A=A||self,A.html2canvas=r())}(this,function(){function A(A,e){function t(){this.constructor=A}s(A,e),A.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}function e(A,e,t,r){return new(t||(t=Promise))(function(n,s){function o(A){try{B(r.next(A))}catch(e){s(e)}}function i(A){try{B(r["throw"](A))}catch(e){s(e)}}function B(A){A.done?n(A.value):new t(function(e){e(A.value)}).then(o,i)}B((r=r.apply(A,e||[])).next())})}function t(A,e){function t(A){return function(e){return r([A,e])}}function r(t){if(n)throw new TypeError("Generator is already executing.");for(;B;)try{if(n=1,s&&(o=2&t[0]?s["return"]:t[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,t[1])).done)return o;switch(s=0,o&&(t=[2&t[0],o.value]),t[0]){case 0:case 1:o=t;break;case 4:return B.label++,{value:t[1],done:!1};case 5:B.label++,s=t[1],t=[0];continue;case 7:t=B.ops.pop(),B.trys.pop();continue;default:if(o=B.trys,!(o=o.length>0&&o[o.length-1])&&(6===t[0]||2===t[0])){B=0;continue}if(3===t[0]&&(!o||t[1]>o[0]&&t[1]<o[3])){B.label=t[1];break}if(6===t[0]&&B.label<o[1]){B.label=o[1],o=t;break}if(o&&B.label<o[2]){B.label=o[2],B.ops.push(t);break}o[2]&&B.ops.pop(),B.trys.pop();continue}t=e.call(A,B)}catch(r){t=[6,r],s=0}finally{n=o=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}var n,s,o,i,B={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:t(0),"throw":t(1),"return":t(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i}function r(A,e,t){return t<0&&(t+=1),t>=1&&(t-=1),t<1/6?(e-A)*t*6+A:t<.5?e:t<2/3?6*(e-A)*(2/3-t)+A:A}function n(A){return A.type!==h.FUNCTION||un[A.name]}for(var s=function(A,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(A,e){A.__proto__=e}||function(A,e){for(var t in e)e.hasOwnProperty(t)&&(A[t]=e[t])})(A,e)},o=function(){return o=Object.assign||function(A){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(A[n]=e[n])}return A},o.apply(this,arguments)},i=function(){function A(A,e,t,r){this.left=A,this.top=e,this.width=t,this.height=r}return A.prototype.add=function(e,t,r,n){return new A(this.left+e,this.top+t,this.width+r,this.height+n)},A.fromClientRect=function(e){return new A(e.left,e.top,e.width,e.height)},A}(),B=function(A){return i.fromClientRect(A.getBoundingClientRect())},a=function(A){var e=A.body,t=A.documentElement;if(!e||!t)throw new Error("Unable to get document size");var r=Math.max(Math.max(e.scrollWidth,t.scrollWidth),Math.max(e.offsetWidth,t.offsetWidth),Math.max(e.clientWidth,t.clientWidth)),n=Math.max(Math.max(e.scrollHeight,t.scrollHeight),Math.max(e.offsetHeight,t.offsetHeight),Math.max(e.clientHeight,t.clientHeight));return new i(0,0,r,n)},c=function(A){for(var e=[],t=0,r=A.length;t<r;){var n=A.charCodeAt(t++);if(n>=55296&&n<=56319&&t<r){var s=A.charCodeAt(t++);56320===(64512&s)?e.push(((1023&n)<<10)+(1023&s)+65536):(e.push(n),t--)}else e.push(n)}return e},u=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];if(String.fromCodePoint)return String.fromCodePoint.apply(String,A);var t=A.length;if(!t)return"";for(var r=[],n=-1,s="";++n<t;){var o=A[n];o<=65535?r.push(o):(o-=65536,r.push((o>>10)+55296,o%1024+56320)),(n+1===t||r.length>16384)&&(s+=String.fromCharCode.apply(String,r),r.length=0)}return s},Q="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",l="undefined"==typeof Uint8Array?[]:new Uint8Array(256),w=0;w<Q.length;w++)l[Q.charCodeAt(w)]=w;var h,g=function(A){var e,t,r,n,s,o=.75*A.length,i=A.length,B=0;"="===A[A.length-1]&&(o--,"="===A[A.length-2]&&o--);var a="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint8Array.prototype.slice?new ArrayBuffer(o):new Array(o),c=Array.isArray(a)?a:new Uint8Array(a);for(e=0;e<i;e+=4)t=l[A.charCodeAt(e)],r=l[A.charCodeAt(e+1)],n=l[A.charCodeAt(e+2)],s=l[A.charCodeAt(e+3)],c[B++]=t<<2|r>>4,c[B++]=(15&r)<<4|n>>2,c[B++]=(3&n)<<6|63&s;return a},d=function(A){for(var e=A.length,t=[],r=0;r<e;r+=2)t.push(A[r+1]<<8|A[r]);return t},U=function(A){for(var e=A.length,t=[],r=0;r<e;r+=4)t.push(A[r+3]<<24|A[r+2]<<16|A[r+1]<<8|A[r]);return t},C=5,f=11,E=2,F=f-C,p=65536>>C,H=1<<C,N=H-1,K=1024>>C,m=p+K,b=m,v=32,I=b+v,T=65536>>f,R=1<<F,y=R-1,L=function(A,e,t){return A.slice?A.slice(e,t):new Uint16Array(Array.prototype.slice.call(A,e,t))},O=function(A,e,t){return A.slice?A.slice(e,t):new Uint32Array(Array.prototype.slice.call(A,e,t))},S=function(A){var e=g(A),t=Array.isArray(e)?U(e):new Uint32Array(e),r=Array.isArray(e)?d(e):new Uint16Array(e),n=24,s=L(r,n/2,t[4]/2),o=2===t[5]?L(r,(n+t[4])/2):O(t,Math.ceil((n+t[4])/4));return new D(t[0],t[1],t[2],t[3],s,o)},D=function(){function A(A,e,t,r,n,s){this.initialValue=A,this.errorValue=e,this.highStart=t,this.highValueIndex=r,this.index=n,this.data=s}return A.prototype.get=function(A){var e;if(A>=0){if(A<55296||A>56319&&A<=65535)return e=this.index[A>>C],e=(e<<E)+(A&N),this.data[e];if(A<=65535)return e=this.index[p+(A-55296>>C)],e=(e<<E)+(A&N),this.data[e];if(A<this.highStart)return e=I-T+(A>>f),e=this.index[e],e+=A>>C&y,e=this.index[e],e=(e<<E)+(A&N),this.data[e];if(A<=1114111)return this.data[this.highValueIndex]}return this.errorValue},A}(),M="KwAAAAAAAAAACA4AIDoAAPAfAAACAAAAAAAIABAAGABAAEgAUABYAF4AZgBeAGYAYABoAHAAeABeAGYAfACEAIAAiACQAJgAoACoAK0AtQC9AMUAXgBmAF4AZgBeAGYAzQDVAF4AZgDRANkA3gDmAOwA9AD8AAQBDAEUARoBIgGAAIgAJwEvATcBPwFFAU0BTAFUAVwBZAFsAXMBewGDATAAiwGTAZsBogGkAawBtAG8AcIBygHSAdoB4AHoAfAB+AH+AQYCDgIWAv4BHgImAi4CNgI+AkUCTQJTAlsCYwJrAnECeQKBAk0CiQKRApkCoQKoArACuALAAsQCzAIwANQC3ALkAjAA7AL0AvwCAQMJAxADGAMwACADJgMuAzYDPgOAAEYDSgNSA1IDUgNaA1oDYANiA2IDgACAAGoDgAByA3YDfgOAAIQDgACKA5IDmgOAAIAAogOqA4AAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAK8DtwOAAIAAvwPHA88D1wPfAyAD5wPsA/QD/AOAAIAABAQMBBIEgAAWBB4EJgQuBDMEIAM7BEEEXgBJBCADUQRZBGEEaQQwADAAcQQ+AXkEgQSJBJEEgACYBIAAoASoBK8EtwQwAL8ExQSAAIAAgACAAIAAgACgAM0EXgBeAF4AXgBeAF4AXgBeANUEXgDZBOEEXgDpBPEE+QQBBQkFEQUZBSEFKQUxBTUFPQVFBUwFVAVcBV4AYwVeAGsFcwV7BYMFiwWSBV4AmgWgBacFXgBeAF4AXgBeAKsFXgCyBbEFugW7BcIFwgXIBcIFwgXQBdQF3AXkBesF8wX7BQMGCwYTBhsGIwYrBjMGOwZeAD8GRwZNBl4AVAZbBl4AXgBeAF4AXgBeAF4AXgBeAF4AXgBeAGMGXgBqBnEGXgBeAF4AXgBeAF4AXgBeAF4AXgB5BoAG4wSGBo4GkwaAAIADHgR5AF4AXgBeAJsGgABGA4AAowarBrMGswagALsGwwbLBjAA0wbaBtoG3QbaBtoG2gbaBtoG2gblBusG8wb7BgMHCwcTBxsHCwcjBysHMAc1BzUHOgdCB9oGSgdSB1oHYAfaBloHaAfaBlIH2gbaBtoG2gbaBtoG2gbaBjUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHbQdeAF4ANQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQd1B30HNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B4MH2gaKB68EgACAAIAAgACAAIAAgACAAI8HlwdeAJ8HpweAAIAArwe3B14AXgC/B8UHygcwANAH2AfgB4AA6AfwBz4B+AcACFwBCAgPCBcIogEYAR8IJwiAAC8INwg/CCADRwhPCFcIXwhnCEoDGgSAAIAAgABvCHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIhAiLCI4IMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAANQc1BzUHNQc1BzUHNQc1BzUHNQc1B54INQc1B6II2gaqCLIIugiAAIAAvgjGCIAAgACAAIAAgACAAIAAgACAAIAAywiHAYAA0wiAANkI3QjlCO0I9Aj8CIAAgACAAAIJCgkSCRoJIgknCTYHLwk3CZYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiAAIAAAAFAAXgBeAGAAcABeAHwAQACQAKAArQC9AJ4AXgBeAE0A3gBRAN4A7AD8AMwBGgEAAKcBNwEFAUwBXAF4QkhCmEKnArcCgAHHAsABz4LAAcABwAHAAd+C6ABoAG+C/4LAAcABwAHAAc+DF4MAAcAB54M3gweDV4Nng3eDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEeDqABVg6WDqABoQ6gAaABoAHXDvcONw/3DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DncPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB7cPPwlGCU4JMACAAIAAgABWCV4JYQmAAGkJcAl4CXwJgAkwADAAMAAwAIgJgACLCZMJgACZCZ8JowmrCYAAswkwAF4AXgB8AIAAuwkABMMJyQmAAM4JgADVCTAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAqwYWBNkIMAAwADAAMADdCeAJ6AnuCR4E9gkwAP4JBQoNCjAAMACAABUK0wiAAB0KJAosCjQKgAAwADwKQwqAAEsKvQmdCVMKWwowADAAgACAALcEMACAAGMKgABrCjAAMAAwADAAMAAwADAAMAAwADAAMAAeBDAAMAAwADAAMAAwADAAMAAwADAAMAAwAIkEPQFzCnoKiQSCCooKkAqJBJgKoAqkCokEGAGsCrQKvArBCjAAMADJCtEKFQHZCuEK/gHpCvEKMAAwADAAMACAAIwE+QowAIAAPwEBCzAAMAAwADAAMACAAAkLEQswAIAAPwEZCyELgAAOCCkLMAAxCzkLMAAwADAAMAAwADAAXgBeAEELMAAwADAAMAAwADAAMAAwAEkLTQtVC4AAXAtkC4AAiQkwADAAMAAwADAAMAAwADAAbAtxC3kLgAuFC4sLMAAwAJMLlwufCzAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAApwswADAAMACAAIAAgACvC4AAgACAAIAAgACAALcLMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAvwuAAMcLgACAAIAAgACAAIAAyguAAIAAgACAAIAA0QswADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAANkLgACAAIAA4AswADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACJCR4E6AswADAAhwHwC4AA+AsADAgMEAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMACAAIAAGAwdDCUMMAAwAC0MNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQw1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHPQwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADUHNQc1BzUHNQc1BzUHNQc2BzAAMAA5DDUHNQc1BzUHNQc1BzUHNQc1BzUHNQdFDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAATQxSDFoMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAF4AXgBeAF4AXgBeAF4AYgxeAGoMXgBxDHkMfwxeAIUMXgBeAI0MMAAwADAAMAAwAF4AXgCVDJ0MMAAwADAAMABeAF4ApQxeAKsMswy7DF4Awgy9DMoMXgBeAF4AXgBeAF4AXgBeAF4AXgDRDNkMeQBqCeAM3Ax8AOYM7Az0DPgMXgBeAF4AXgBeAF4AXgBeAF4AXgBeAF4AXgBeAF4AXgCgAAANoAAHDQ4NFg0wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAeDSYNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAC4NMABeAF4ANg0wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAD4NRg1ODVYNXg1mDTAAbQ0wADAAMAAwADAAMAAwADAA2gbaBtoG2gbaBtoG2gbaBnUNeg3CBYANwgWFDdoGjA3aBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gaUDZwNpA2oDdoG2gawDbcNvw3HDdoG2gbPDdYN3A3fDeYN2gbsDfMN2gbaBvoN/g3aBgYODg7aBl4AXgBeABYOXgBeACUG2gYeDl4AJA5eACwO2w3aBtoGMQ45DtoG2gbaBtoGQQ7aBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gZJDjUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B1EO2gY1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQdZDjUHNQc1BzUHNQc1B2EONQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHaA41BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B3AO2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gY1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B2EO2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gZJDtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBkkOeA6gAKAAoAAwADAAMAAwAKAAoACgAKAAoACgAKAAgA4wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAD//wQABAAEAAQABAAEAAQABAAEAA0AAwABAAEAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAKABMAFwAeABsAGgAeABcAFgASAB4AGwAYAA8AGAAcAEsASwBLAEsASwBLAEsASwBLAEsAGAAYAB4AHgAeABMAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAFgAbABIAHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYADQARAB4ABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkAFgAaABsAGwAbAB4AHQAdAB4ATwAXAB4ADQAeAB4AGgAbAE8ATwAOAFAAHQAdAB0ATwBPABcATwBPAE8AFgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwArAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAAQABAANAA0ASwBLAEsASwBLAEsASwBLAEsASwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUAArACsABABQAAQABAAEAAQABAAEAAQAKwArAAQABAArACsABAAEAAQAUAArACsAKwArACsAKwArACsABAArACsAKwArAFAAUAArAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAGgAaAFAAUABQAFAAUABMAB4AGwBQAB4AKwArACsABAAEAAQAKwBQAFAAUABQAFAAUAArACsAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUAArAFAAUAArACsABAArAAQABAAEAAQABAArACsAKwArAAQABAArACsABAAEAAQAKwArACsABAArACsAKwArACsAKwArAFAAUABQAFAAKwBQACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwAEAAQAUABQAFAABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUAArACsABABQAAQABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQAKwArAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwAeABsAKwArACsAKwArACsAKwBQAAQABAAEAAQABAAEACsABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwArAAQABAArACsABAAEAAQAKwArACsAKwArACsAKwArAAQABAArACsAKwArAFAAUAArAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwAeAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwAEAFAAKwBQAFAAUABQAFAAUAArACsAKwBQAFAAUAArAFAAUABQAFAAKwArACsAUABQACsAUAArAFAAUAArACsAKwBQAFAAKwArACsAUABQAFAAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQAKwArACsABAAEAAQAKwAEAAQABAAEACsAKwBQACsAKwArACsAKwArAAQAKwArACsAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAB4AHgAeAB4AHgAeABsAHgArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABAArACsAKwArACsAKwArAAQABAArAFAAUABQACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAB4AUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABAArACsAKwArACsAKwArAAQABAArACsAKwArACsAKwArAFAAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwArAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAKwBcAFwAKwBcACsAKwBcACsAKwArACsAKwArAFwAXABcAFwAKwBcAFwAXABcAFwAXABcACsAXABcAFwAKwBcACsAXAArACsAXABcACsAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgArACoAKgBcACsAKwBcAFwAXABcAFwAKwBcACsAKgAqACoAKgAqACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAFwAXABcAFwAUAAOAA4ADgAOAB4ADgAOAAkADgAOAA0ACQATABMAEwATABMACQAeABMAHgAeAB4ABAAEAB4AHgAeAB4AHgAeAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUAANAAQAHgAEAB4ABAAWABEAFgARAAQABABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAAQABAAEAAQABAANAAQABABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsADQANAB4AHgAeAB4AHgAeAAQAHgAeAB4AHgAeAB4AKwAeAB4ADgAOAA0ADgAeAB4AHgAeAB4ACQAJACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgAeAB4AHgBcAFwAXABcAFwAXAAqACoAKgAqAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAKgAqACoAKgAqACoAKgBcAFwAXAAqACoAKgAqAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAXAAqAEsASwBLAEsASwBLAEsASwBLAEsAKgAqACoAKgAqACoAUABQAFAAUABQAFAAKwBQACsAKwArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQACsAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwAEAAQABAAeAA0AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAEQArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAADQANAA0AUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAA0ADQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoADQANABUAXAANAB4ADQAbAFwAKgArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAB4AHgATABMADQANAA4AHgATABMAHgAEAAQABAAJACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAUABQAFAAUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwAeACsAKwArABMAEwBLAEsASwBLAEsASwBLAEsASwBLAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwBcAFwAXABcAFwAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcACsAKwArACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwAeAB4AXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgArACsABABLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKgAqACoAKgAqACoAKgBcACoAKgAqACoAKgAqACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAUABQAFAAUABQAFAAUAArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4ADQANAA0ADQAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAHgAeAB4AHgBQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwANAA0ADQANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwBQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsABAAEAAQAHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAABABQAFAAUABQAAQABAAEAFAAUAAEAAQABAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAKwBQACsAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAKwArAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAKwAeAB4AHgAeAB4AHgAeAA4AHgArAA0ADQANAA0ADQANAA0ACQANAA0ADQAIAAQACwAEAAQADQAJAA0ADQAMAB0AHQAeABcAFwAWABcAFwAXABYAFwAdAB0AHgAeABQAFAAUAA0AAQABAAQABAAEAAQABAAJABoAGgAaABoAGgAaABoAGgAeABcAFwAdABUAFQAeAB4AHgAeAB4AHgAYABYAEQAVABUAFQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgANAB4ADQANAA0ADQAeAA0ADQANAAcAHgAeAB4AHgArAAQABAAEAAQABAAEAAQABAAEAAQAUABQACsAKwBPAFAAUABQAFAAUAAeAB4AHgAWABEATwBQAE8ATwBPAE8AUABQAFAAUABQAB4AHgAeABYAEQArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAGwAbABsAGwAbABsAGwAaABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAaABsAGwAbABsAGgAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgBQABoAHgAdAB4AUAAeABoAHgAeAB4AHgAeAB4AHgAeAB4ATwAeAFAAGwAeAB4AUABQAFAAUABQAB4AHgAeAB0AHQAeAFAAHgBQAB4AUAAeAFAATwBQAFAAHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AUABQAFAAUABPAE8AUABQAFAAUABQAE8AUABQAE8AUABPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAE8ATwBPAE8ATwBPAE8ATwBPAE8AUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAATwAeAB4AKwArACsAKwAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB0AHQAeAB4AHgAdAB0AHgAeAB0AHgAeAB4AHQAeAB0AGwAbAB4AHQAeAB4AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB0AHgAdAB4AHQAdAB0AHQAdAB0AHgAdAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAdAB0AHQAdAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAlACUAHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBQAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB0AHQAeAB4AHgAeAB0AHQAdAB4AHgAdAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB0AHQAeAB4AHQAeAB4AHgAeAB0AHQAeAB4AHgAeACUAJQAdAB0AJQAeACUAJQAlACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAHgAeAB4AHgAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHQAdAB0AHgAdACUAHQAdAB4AHQAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHQAdAB0AHQAlAB4AJQAlACUAHQAlACUAHQAdAB0AJQAlAB0AHQAlAB0AHQAlACUAJQAeAB0AHgAeAB4AHgAdAB0AJQAdAB0AHQAdAB0AHQAlACUAJQAlACUAHQAlACUAIAAlAB0AHQAlACUAJQAlACUAJQAlACUAHgAeAB4AJQAlACAAIAAgACAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeABcAFwAXABcAFwAXAB4AEwATACUAHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwArACUAJQBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAKwArACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAE8ATwBPAE8ATwBPAE8ATwAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeACsAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUAArACsAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQBQAFAAUABQACsAKwArACsAUABQAFAAUABQAFAAUABQAA0AUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQACsAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgBQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAABAAEAAQAKwAEAAQAKwArACsAKwArAAQABAAEAAQAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsABAAEAAQAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsADQANAA0ADQANAA0ADQANAB4AKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AUABQAFAAUABQAFAAUABQAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAUABQAFAAUABQAA0ADQANAA0ADQANABQAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwANAA0ADQANAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAeAAQABAAEAB4AKwArAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLACsADQArAB4AKwArAAQABAAEAAQAUABQAB4AUAArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwAEAAQABAAEAAQABAAEAAQABAAOAA0ADQATABMAHgAeAB4ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0AUABQAFAAUAAEAAQAKwArAAQADQANAB4AUAArACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXABcAA0ADQANACoASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUAArACsAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANACsADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEcARwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQACsAKwAeAAQABAANAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAEAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUAArACsAUAArACsAUABQACsAKwBQAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AKwArAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAeAB4ADQANAA0ADQAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAArAAQABAArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAEAAQABAAEAAQABAAEACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAFgAWAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAKwBQACsAKwArACsAKwArAFAAKwArACsAKwBQACsAUAArAFAAKwBQAFAAUAArAFAAUAArAFAAKwArAFAAKwBQACsAUAArAFAAKwBQACsAUABQACsAUAArACsAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAUABQAFAAUAArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUAArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAlACUAJQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeACUAJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeACUAJQAlACUAJQAeACUAJQAlACUAJQAgACAAIAAlACUAIAAlACUAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIQAhACEAIQAhACUAJQAgACAAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACAAIAAlACUAJQAlACAAJQAgACAAIAAgACAAIAAgACAAIAAlACUAJQAgACUAJQAlACUAIAAgACAAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeACUAHgAlAB4AJQAlACUAJQAlACAAJQAlACUAJQAeACUAHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAIAAgACAAJQAlACUAIAAgACAAIAAgAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFwAXABcAFQAVABUAHgAeAB4AHgAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACAAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAlACAAIAAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsA",_=50,k=1,x=2,P=3,z=4,V=5,X=7,J=8,G=9,W=10,Y=11,q=12,j=13,Z=14,$=15,AA=16,eA=17,tA=18,rA=19,nA=20,sA=21,oA=22,iA=23,BA=24,aA=25,cA=26,uA=27,QA=28,lA=29,wA=30,hA=31,gA=32,dA=33,UA=34,CA=35,fA=36,EA=37,FA=38,pA=39,HA=40,NA=41,KA=42,mA=43,bA="!",vA="×",IA="÷",TA=S(M),RA=[wA,fA],yA=[k,x,P,V],LA=[W,J],OA=[uA,cA],SA=yA.concat(LA),DA=[FA,pA,HA,UA,CA],MA=[$,j],_A=function(A,e){
-void 0===e&&(e="strict");var t=[],r=[],n=[];return A.forEach(function(A,s){var o=TA.get(A);if(o>_?(n.push(!0),o-=_):n.push(!1),["normal","auto","loose"].indexOf(e)!==-1&&[8208,8211,12316,12448].indexOf(A)!==-1)return r.push(s),t.push(AA);if(o===z||o===Y){if(0===s)return r.push(s),t.push(wA);var i=t[s-1];return SA.indexOf(i)===-1?(r.push(r[s-1]),t.push(i)):(r.push(s),t.push(wA))}return r.push(s),o===hA?t.push("strict"===e?sA:EA):o===KA?t.push(wA):o===lA?t.push(wA):o===mA?A>=131072&&A<=196605||A>=196608&&A<=262141?t.push(EA):t.push(wA):void t.push(o)}),[r,t,n]},kA=function(A,e,t,r){var n=r[t];if(Array.isArray(A)?A.indexOf(n)!==-1:A===n)for(var s=t;s<=r.length;){s++;var o=r[s];if(o===e)return!0;if(o!==W)break}if(n===W)for(var s=t;s>0;){s--;var i=r[s];if(Array.isArray(A)?A.indexOf(i)!==-1:A===i)for(var B=t;B<=r.length;){B++;var o=r[B];if(o===e)return!0;if(o!==W)break}if(i!==W)break}return!1},xA=function(A,e){for(var t=A;t>=0;){var r=e[t];if(r!==W)return r;t--}return 0},PA=function(A,e,t,r,n){if(0===t[r])return vA;var s=r-1;if(Array.isArray(n)&&n[s]===!0)return vA;var o=s-1,i=s+1,B=e[s],a=o>=0?e[o]:0,c=e[i];if(B===x&&c===P)return vA;if(yA.indexOf(B)!==-1)return bA;if(yA.indexOf(c)!==-1)return vA;if(LA.indexOf(c)!==-1)return vA;if(xA(s,e)===J)return IA;if(TA.get(A[s])===Y&&(c===EA||c===gA||c===dA))return vA;if(B===X||c===X)return vA;if(B===G)return vA;if([W,j,$].indexOf(B)===-1&&c===G)return vA;if([eA,tA,rA,BA,QA].indexOf(c)!==-1)return vA;if(xA(s,e)===oA)return vA;if(kA(iA,oA,s,e))return vA;if(kA([eA,tA],sA,s,e))return vA;if(kA(q,q,s,e))return vA;if(B===W)return IA;if(B===iA||c===iA)return vA;if(c===AA||B===AA)return IA;if([j,$,sA].indexOf(c)!==-1||B===Z)return vA;if(a===fA&&MA.indexOf(B)!==-1)return vA;if(B===QA&&c===fA)return vA;if(c===nA&&RA.concat(nA,rA,aA,EA,gA,dA).indexOf(B)!==-1)return vA;if(RA.indexOf(c)!==-1&&B===aA||RA.indexOf(B)!==-1&&c===aA)return vA;if(B===uA&&[EA,gA,dA].indexOf(c)!==-1||[EA,gA,dA].indexOf(B)!==-1&&c===cA)return vA;if(RA.indexOf(B)!==-1&&OA.indexOf(c)!==-1||OA.indexOf(B)!==-1&&RA.indexOf(c)!==-1)return vA;if([uA,cA].indexOf(B)!==-1&&(c===aA||[oA,$].indexOf(c)!==-1&&e[i+1]===aA)||[oA,$].indexOf(B)!==-1&&c===aA||B===aA&&[aA,QA,BA].indexOf(c)!==-1)return vA;if([aA,QA,BA,eA,tA].indexOf(c)!==-1)for(var u=s;u>=0;){var Q=e[u];if(Q===aA)return vA;if([QA,BA].indexOf(Q)===-1)break;u--}if([uA,cA].indexOf(c)!==-1)for(var u=[eA,tA].indexOf(B)!==-1?o:s;u>=0;){var Q=e[u];if(Q===aA)return vA;if([QA,BA].indexOf(Q)===-1)break;u--}if(FA===B&&[FA,pA,UA,CA].indexOf(c)!==-1||[pA,UA].indexOf(B)!==-1&&[pA,HA].indexOf(c)!==-1||[HA,CA].indexOf(B)!==-1&&c===HA)return vA;if(DA.indexOf(B)!==-1&&[nA,cA].indexOf(c)!==-1||DA.indexOf(c)!==-1&&B===uA)return vA;if(RA.indexOf(B)!==-1&&RA.indexOf(c)!==-1)return vA;if(B===BA&&RA.indexOf(c)!==-1)return vA;if(RA.concat(aA).indexOf(B)!==-1&&c===oA||RA.concat(aA).indexOf(c)!==-1&&B===tA)return vA;if(B===NA&&c===NA){for(var l=t[s],w=1;l>0&&(l--,e[l]===NA);)w++;if(w%2!==0)return vA}return B===gA&&c===dA?vA:IA},zA=function(A,e){e||(e={lineBreak:"normal",wordBreak:"normal"});var t=_A(A,e.lineBreak),r=t[0],n=t[1],s=t[2];"break-all"!==e.wordBreak&&"break-word"!==e.wordBreak||(n=n.map(function(A){return[aA,wA,KA].indexOf(A)!==-1?EA:A}));var o="keep-all"===e.wordBreak?s.map(function(e,t){return e&&A[t]>=19968&&A[t]<=40959}):void 0;return[r,n,o]},VA=function(){function A(A,e,t,r){this.codePoints=A,this.required=e===bA,this.start=t,this.end=r}return A.prototype.slice=function(){return u.apply(void 0,this.codePoints.slice(this.start,this.end))},A}(),XA=function(A,e){var t=c(A),r=zA(t,e),n=r[0],s=r[1],o=r[2],i=t.length,B=0,a=0;return{next:function(){if(a>=i)return{done:!0,value:null};for(var A=vA;a<i&&(A=PA(t,s,n,++a,o))===vA;);if(A!==vA||a===i){var e=new VA(t,A,B,a);return B=a,{value:e,done:!1}}return{done:!0,value:null}}}};!function(A){A[A.STRING_TOKEN=0]="STRING_TOKEN",A[A.BAD_STRING_TOKEN=1]="BAD_STRING_TOKEN",A[A.LEFT_PARENTHESIS_TOKEN=2]="LEFT_PARENTHESIS_TOKEN",A[A.RIGHT_PARENTHESIS_TOKEN=3]="RIGHT_PARENTHESIS_TOKEN",A[A.COMMA_TOKEN=4]="COMMA_TOKEN",A[A.HASH_TOKEN=5]="HASH_TOKEN",A[A.DELIM_TOKEN=6]="DELIM_TOKEN",A[A.AT_KEYWORD_TOKEN=7]="AT_KEYWORD_TOKEN",A[A.PREFIX_MATCH_TOKEN=8]="PREFIX_MATCH_TOKEN",A[A.DASH_MATCH_TOKEN=9]="DASH_MATCH_TOKEN",A[A.INCLUDE_MATCH_TOKEN=10]="INCLUDE_MATCH_TOKEN",A[A.LEFT_CURLY_BRACKET_TOKEN=11]="LEFT_CURLY_BRACKET_TOKEN",A[A.RIGHT_CURLY_BRACKET_TOKEN=12]="RIGHT_CURLY_BRACKET_TOKEN",A[A.SUFFIX_MATCH_TOKEN=13]="SUFFIX_MATCH_TOKEN",A[A.SUBSTRING_MATCH_TOKEN=14]="SUBSTRING_MATCH_TOKEN",A[A.DIMENSION_TOKEN=15]="DIMENSION_TOKEN",A[A.PERCENTAGE_TOKEN=16]="PERCENTAGE_TOKEN",A[A.NUMBER_TOKEN=17]="NUMBER_TOKEN",A[A.FUNCTION=18]="FUNCTION",A[A.FUNCTION_TOKEN=19]="FUNCTION_TOKEN",A[A.IDENT_TOKEN=20]="IDENT_TOKEN",A[A.COLUMN_TOKEN=21]="COLUMN_TOKEN",A[A.URL_TOKEN=22]="URL_TOKEN",A[A.BAD_URL_TOKEN=23]="BAD_URL_TOKEN",A[A.CDC_TOKEN=24]="CDC_TOKEN",A[A.CDO_TOKEN=25]="CDO_TOKEN",A[A.COLON_TOKEN=26]="COLON_TOKEN",A[A.SEMICOLON_TOKEN=27]="SEMICOLON_TOKEN",A[A.LEFT_SQUARE_BRACKET_TOKEN=28]="LEFT_SQUARE_BRACKET_TOKEN",A[A.RIGHT_SQUARE_BRACKET_TOKEN=29]="RIGHT_SQUARE_BRACKET_TOKEN",A[A.UNICODE_RANGE_TOKEN=30]="UNICODE_RANGE_TOKEN",A[A.WHITESPACE_TOKEN=31]="WHITESPACE_TOKEN",A[A.EOF_TOKEN=32]="EOF_TOKEN"}(h||(h={}));var JA,GA=1,WA=2,YA=4,qA=8,jA=10,ZA=47,$A=92,Ae=9,ee=32,te=34,re=61,ne=35,se=36,oe=37,ie=39,Be=40,ae=41,ce=95,ue=45,Qe=33,le=60,we=62,he=64,ge=91,de=93,Ue=61,Ce=123,fe=63,Ee=125,Fe=124,pe=126,He=128,Ne=65533,Ke=42,me=43,be=44,ve=58,Ie=59,Te=46,Re=0,ye=8,Le=11,Oe=14,Se=31,De=127,Me=-1,_e=48,ke=97,xe=101,Pe=102,ze=117,Ve=122,Xe=65,Je=69,Ge=70,We=85,Ye=90,qe=function(A){return A>=_e&&A<=57},je=function(A){return A>=55296&&A<=57343},Ze=function(A){return qe(A)||A>=Xe&&A<=Ge||A>=ke&&A<=Pe},$e=function(A){return A>=ke&&A<=Ve},At=function(A){return A>=Xe&&A<=Ye},et=function(A){return $e(A)||At(A)},tt=function(A){return A>=He},rt=function(A){return A===jA||A===Ae||A===ee},nt=function(A){return et(A)||tt(A)||A===ce},st=function(A){return nt(A)||qe(A)||A===ue},ot=function(A){return A>=Re&&A<=ye||A===Le||A>=Oe&&A<=Se||A===De},it=function(A,e){return A===$A&&e!==jA},Bt=function(A,e,t){return A===ue?nt(e)||it(e,t):!!nt(A)||!(A!==$A||!it(A,e))},at=function(A,e,t){return A===me||A===ue?!!qe(e)||e===Te&&qe(t):qe(A===Te?e:A)},ct=function(A){var e=0,t=1;A[e]!==me&&A[e]!==ue||(A[e]===ue&&(t=-1),e++);for(var r=[];qe(A[e]);)r.push(A[e++]);var n=r.length?parseInt(u.apply(void 0,r),10):0;A[e]===Te&&e++;for(var s=[];qe(A[e]);)s.push(A[e++]);var o=s.length,i=o?parseInt(u.apply(void 0,s),10):0;A[e]!==Je&&A[e]!==xe||e++;var B=1;A[e]!==me&&A[e]!==ue||(A[e]===ue&&(B=-1),e++);for(var a=[];qe(A[e]);)a.push(A[e++]);var c=a.length?parseInt(u.apply(void 0,a),10):0;return t*(n+i*Math.pow(10,-o))*Math.pow(10,B*c)},ut={type:h.LEFT_PARENTHESIS_TOKEN},Qt={type:h.RIGHT_PARENTHESIS_TOKEN},lt={type:h.COMMA_TOKEN},wt={type:h.SUFFIX_MATCH_TOKEN},ht={type:h.PREFIX_MATCH_TOKEN},gt={type:h.COLUMN_TOKEN},dt={type:h.DASH_MATCH_TOKEN},Ut={type:h.INCLUDE_MATCH_TOKEN},Ct={type:h.LEFT_CURLY_BRACKET_TOKEN},ft={type:h.RIGHT_CURLY_BRACKET_TOKEN},Et={type:h.SUBSTRING_MATCH_TOKEN},Ft={type:h.BAD_URL_TOKEN},pt={type:h.BAD_STRING_TOKEN},Ht={type:h.CDO_TOKEN},Nt={type:h.CDC_TOKEN},Kt={type:h.COLON_TOKEN},mt={type:h.SEMICOLON_TOKEN},bt={type:h.LEFT_SQUARE_BRACKET_TOKEN},vt={type:h.RIGHT_SQUARE_BRACKET_TOKEN},It={type:h.WHITESPACE_TOKEN},Tt={type:h.EOF_TOKEN},Rt=function(){function A(){this._value=[]}return A.prototype.write=function(A){this._value=this._value.concat(c(A))},A.prototype.read=function(){for(var A=[],e=this.consumeToken();e!==Tt;)A.push(e),e=this.consumeToken();return A},A.prototype.consumeToken=function(){var A=this.consumeCodePoint();switch(A){case te:return this.consumeStringToken(te);case ne:var e=this.peekCodePoint(0),t=this.peekCodePoint(1),r=this.peekCodePoint(2);if(st(e)||it(t,r)){var n=Bt(e,t,r)?WA:GA,s=this.consumeName();return{type:h.HASH_TOKEN,value:s,flags:n}}break;case se:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),wt;break;case ie:return this.consumeStringToken(ie);case Be:return ut;case ae:return Qt;case Ke:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),Et;break;case me:if(at(A,this.peekCodePoint(0),this.peekCodePoint(1)))return this.reconsumeCodePoint(A),this.consumeNumericToken();break;case be:return lt;case ue:var o=A,i=this.peekCodePoint(0),B=this.peekCodePoint(1);if(at(o,i,B))return this.reconsumeCodePoint(A),this.consumeNumericToken();if(Bt(o,i,B))return this.reconsumeCodePoint(A),this.consumeIdentLikeToken();if(i===ue&&B===we)return this.consumeCodePoint(),this.consumeCodePoint(),Nt;break;case Te:if(at(A,this.peekCodePoint(0),this.peekCodePoint(1)))return this.reconsumeCodePoint(A),this.consumeNumericToken();break;case ZA:if(this.peekCodePoint(0)===Ke)for(this.consumeCodePoint();;){var a=this.consumeCodePoint();if(a===Ke&&(a=this.consumeCodePoint(),a===ZA))return this.consumeToken();if(a===Me)return this.consumeToken()}break;case ve:return Kt;case Ie:return mt;case le:if(this.peekCodePoint(0)===Qe&&this.peekCodePoint(1)===ue&&this.peekCodePoint(2)===ue)return this.consumeCodePoint(),this.consumeCodePoint(),Ht;break;case he:var c=this.peekCodePoint(0),Q=this.peekCodePoint(1),l=this.peekCodePoint(2);if(Bt(c,Q,l)){var s=this.consumeName();return{type:h.AT_KEYWORD_TOKEN,value:s}}break;case ge:return bt;case $A:if(it(A,this.peekCodePoint(0)))return this.reconsumeCodePoint(A),this.consumeIdentLikeToken();break;case de:return vt;case Ue:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),ht;break;case Ce:return Ct;case Ee:return ft;case ze:case We:var w=this.peekCodePoint(0),g=this.peekCodePoint(1);return w!==me||!Ze(g)&&g!==fe||(this.consumeCodePoint(),this.consumeUnicodeRangeToken()),this.reconsumeCodePoint(A),this.consumeIdentLikeToken();case Fe:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),dt;if(this.peekCodePoint(0)===Fe)return this.consumeCodePoint(),gt;break;case pe:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),Ut;break;case Me:return Tt}return rt(A)?(this.consumeWhiteSpace(),It):qe(A)?(this.reconsumeCodePoint(A),this.consumeNumericToken()):nt(A)?(this.reconsumeCodePoint(A),this.consumeIdentLikeToken()):{type:h.DELIM_TOKEN,value:u(A)}},A.prototype.consumeCodePoint=function(){var A=this._value.shift();return"undefined"==typeof A?-1:A},A.prototype.reconsumeCodePoint=function(A){this._value.unshift(A)},A.prototype.peekCodePoint=function(A){return A>=this._value.length?-1:this._value[A]},A.prototype.consumeUnicodeRangeToken=function(){for(var A=[],e=this.consumeCodePoint();Ze(e)&&A.length<6;)A.push(e),e=this.consumeCodePoint();for(var t=!1;e===fe&&A.length<6;)A.push(e),e=this.consumeCodePoint(),t=!0;if(t){var r=parseInt(u.apply(void 0,A.map(function(A){return A===fe?_e:A})),16),n=parseInt(u.apply(void 0,A.map(function(A){return A===fe?Ge:A})),16);return{type:h.UNICODE_RANGE_TOKEN,start:r,end:n}}var s=parseInt(u.apply(void 0,A),16);if(this.peekCodePoint(0)===ue&&Ze(this.peekCodePoint(1))){this.consumeCodePoint(),e=this.consumeCodePoint();for(var o=[];Ze(e)&&o.length<6;)o.push(e),e=this.consumeCodePoint();var n=parseInt(u.apply(void 0,o),16);return{type:h.UNICODE_RANGE_TOKEN,start:s,end:n}}return{type:h.UNICODE_RANGE_TOKEN,start:s,end:s}},A.prototype.consumeIdentLikeToken=function(){var A=this.consumeName();return"url"===A.toLowerCase()&&this.peekCodePoint(0)===Be?(this.consumeCodePoint(),this.consumeUrlToken()):this.peekCodePoint(0)===Be?(this.consumeCodePoint(),{type:h.FUNCTION_TOKEN,value:A}):{type:h.IDENT_TOKEN,value:A}},A.prototype.consumeUrlToken=function(){var A=[];if(this.consumeWhiteSpace(),this.peekCodePoint(0)===Me)return{type:h.URL_TOKEN,value:""};var e=this.peekCodePoint(0);if(e===ie||e===te){var t=this.consumeStringToken(this.consumeCodePoint());return t.type===h.STRING_TOKEN&&(this.consumeWhiteSpace(),this.peekCodePoint(0)===Me||this.peekCodePoint(0)===ae)?(this.consumeCodePoint(),{type:h.URL_TOKEN,value:t.value}):(this.consumeBadUrlRemnants(),Ft)}for(;;){var r=this.consumeCodePoint();if(r===Me||r===ae)return{type:h.URL_TOKEN,value:u.apply(void 0,A)};if(rt(r))return this.consumeWhiteSpace(),this.peekCodePoint(0)===Me||this.peekCodePoint(0)===ae?(this.consumeCodePoint(),{type:h.URL_TOKEN,value:u.apply(void 0,A)}):(this.consumeBadUrlRemnants(),Ft);if(r===te||r===ie||r===Be||ot(r))return this.consumeBadUrlRemnants(),Ft;if(r===$A){if(!it(r,this.peekCodePoint(0)))return this.consumeBadUrlRemnants(),Ft;A.push(this.consumeEscapedCodePoint())}else A.push(r)}},A.prototype.consumeWhiteSpace=function(){for(;rt(this.peekCodePoint(0));)this.consumeCodePoint()},A.prototype.consumeBadUrlRemnants=function(){for(;;){var A=this.consumeCodePoint();if(A===ae||A===Me)return;it(A,this.peekCodePoint(0))&&this.consumeEscapedCodePoint()}},A.prototype.consumeStringSlice=function(A){for(var e=6e4,t="";A>0;){var r=Math.min(e,A);t+=u.apply(void 0,this._value.splice(0,r)),A-=r}return this._value.shift(),t},A.prototype.consumeStringToken=function(A){for(var e="",t=0;;){var r=this._value[t];if(r===Me||void 0===r||r===A)return e+=this.consumeStringSlice(t),{type:h.STRING_TOKEN,value:e};if(r===jA)return this._value.splice(0,t),pt;if(r===$A){var n=this._value[t+1];n!==Me&&void 0!==n&&(n===jA?(e+=this.consumeStringSlice(t),t=-1,this._value.shift()):it(r,n)&&(e+=this.consumeStringSlice(t),e+=u(this.consumeEscapedCodePoint()),t=-1))}t++}},A.prototype.consumeNumber=function(){var A=[],e=YA,t=this.peekCodePoint(0);for(t!==me&&t!==ue||A.push(this.consumeCodePoint());qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());t=this.peekCodePoint(0);var r=this.peekCodePoint(1);if(t===Te&&qe(r))for(A.push(this.consumeCodePoint(),this.consumeCodePoint()),e=qA;qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());t=this.peekCodePoint(0),r=this.peekCodePoint(1);var n=this.peekCodePoint(2);if((t===Je||t===xe)&&((r===me||r===ue)&&qe(n)||qe(r)))for(A.push(this.consumeCodePoint(),this.consumeCodePoint()),e=qA;qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());return[ct(A),e]},A.prototype.consumeNumericToken=function(){var A=this.consumeNumber(),e=A[0],t=A[1],r=this.peekCodePoint(0),n=this.peekCodePoint(1),s=this.peekCodePoint(2);if(Bt(r,n,s)){var o=this.consumeName();return{type:h.DIMENSION_TOKEN,number:e,flags:t,unit:o}}return r===oe?(this.consumeCodePoint(),{type:h.PERCENTAGE_TOKEN,number:e,flags:t}):{type:h.NUMBER_TOKEN,number:e,flags:t}},A.prototype.consumeEscapedCodePoint=function(){var A=this.consumeCodePoint();if(Ze(A)){for(var e=u(A);Ze(this.peekCodePoint(0))&&e.length<6;)e+=u(this.consumeCodePoint());rt(this.peekCodePoint(0))&&this.consumeCodePoint();var t=parseInt(e,16);return 0===t||je(t)||t>1114111?Ne:t}return A===Me?Ne:A},A.prototype.consumeName=function(){for(var A="";;){var e=this.consumeCodePoint();if(st(e))A+=u(e);else{if(!it(e,this.peekCodePoint(0)))return this.reconsumeCodePoint(e),A;A+=u(this.consumeEscapedCodePoint())}}},A}(),yt=function(){function A(A){this._tokens=A}return A.create=function(e){var t=new Rt;return t.write(e),new A(t.read())},A.parseValue=function(e){return A.create(e).parseComponentValue()},A.parseValues=function(e){return A.create(e).parseComponentValues()},A.prototype.parseComponentValue=function(){for(var A=this.consumeToken();A.type===h.WHITESPACE_TOKEN;)A=this.consumeToken();if(A.type===h.EOF_TOKEN)throw new SyntaxError("Error parsing CSS component value, unexpected EOF");this.reconsumeToken(A);var e=this.consumeComponentValue();do A=this.consumeToken();while(A.type===h.WHITESPACE_TOKEN);if(A.type===h.EOF_TOKEN)return e;throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one")},A.prototype.parseComponentValues=function(){for(var A=[];;){var e=this.consumeComponentValue();if(e.type===h.EOF_TOKEN)return A;A.push(e),A.push()}},A.prototype.consumeComponentValue=function(){var A=this.consumeToken();switch(A.type){case h.LEFT_CURLY_BRACKET_TOKEN:case h.LEFT_SQUARE_BRACKET_TOKEN:case h.LEFT_PARENTHESIS_TOKEN:return this.consumeSimpleBlock(A.type);case h.FUNCTION_TOKEN:return this.consumeFunction(A)}return A},A.prototype.consumeSimpleBlock=function(A){for(var e={type:A,values:[]},t=this.consumeToken();;){if(t.type===h.EOF_TOKEN||Pt(t,A))return e;this.reconsumeToken(t),e.values.push(this.consumeComponentValue()),t=this.consumeToken()}},A.prototype.consumeFunction=function(A){for(var e={name:A.value,values:[],type:h.FUNCTION};;){var t=this.consumeToken();if(t.type===h.EOF_TOKEN||t.type===h.RIGHT_PARENTHESIS_TOKEN)return e;this.reconsumeToken(t),e.values.push(this.consumeComponentValue())}},A.prototype.consumeToken=function(){var A=this._tokens.shift();return"undefined"==typeof A?Tt:A},A.prototype.reconsumeToken=function(A){this._tokens.unshift(A)},A}(),Lt=function(A){return A.type===h.DIMENSION_TOKEN},Ot=function(A){return A.type===h.NUMBER_TOKEN},St=function(A){return A.type===h.IDENT_TOKEN},Dt=function(A){return A.type===h.STRING_TOKEN},Mt=function(A,e){return St(A)&&A.value===e},_t=function(A){return A.type!==h.WHITESPACE_TOKEN},kt=function(A){return A.type!==h.WHITESPACE_TOKEN&&A.type!==h.COMMA_TOKEN},xt=function(A){var e=[],t=[];return A.forEach(function(A){if(A.type===h.COMMA_TOKEN){if(0===t.length)throw new Error("Error parsing function args, zero tokens for arg");return e.push(t),void(t=[])}A.type!==h.WHITESPACE_TOKEN&&t.push(A)}),t.length&&e.push(t),e},Pt=function(A,e){return e===h.LEFT_CURLY_BRACKET_TOKEN&&A.type===h.RIGHT_CURLY_BRACKET_TOKEN||(e===h.LEFT_SQUARE_BRACKET_TOKEN&&A.type===h.RIGHT_SQUARE_BRACKET_TOKEN||e===h.LEFT_PARENTHESIS_TOKEN&&A.type===h.RIGHT_PARENTHESIS_TOKEN)},zt=function(A){return A.type===h.NUMBER_TOKEN||A.type===h.DIMENSION_TOKEN},Vt=function(A){return A.type===h.PERCENTAGE_TOKEN||zt(A)},Xt=function(A){return A.length>1?[A[0],A[1]]:[A[0]]},Jt={type:h.NUMBER_TOKEN,number:0,flags:YA},Gt={type:h.PERCENTAGE_TOKEN,number:50,flags:YA},Wt={type:h.PERCENTAGE_TOKEN,number:100,flags:YA},Yt=function(A,e,t){var r=A[0],n=A[1];return[qt(r,e),qt("undefined"!=typeof n?n:r,t)]},qt=function(A,e){if(A.type===h.PERCENTAGE_TOKEN)return A.number/100*e;if(Lt(A))switch(A.unit){case"rem":case"em":return 16*A.number;case"px":default:return A.number}return A.number},jt="deg",Zt="grad",$t="rad",Ar="turn",er={name:"angle",parse:function(A){if(A.type===h.DIMENSION_TOKEN)switch(A.unit){case jt:return Math.PI*A.number/180;case Zt:return Math.PI/200*A.number;case $t:return A.number;case Ar:return 2*Math.PI*A.number}throw new Error("Unsupported angle type")}},tr=function(A){return A.type===h.DIMENSION_TOKEN&&(A.unit===jt||A.unit===Zt||A.unit===$t||A.unit===Ar)},rr=function(A){var e=A.filter(St).map(function(A){return A.value}).join(" ");switch(e){case"to bottom right":case"to right bottom":case"left top":case"top left":return[Jt,Jt];case"to top":case"bottom":return nr(0);case"to bottom left":case"to left bottom":case"right top":case"top right":return[Jt,Wt];case"to right":case"left":return nr(90);case"to top left":case"to left top":case"right bottom":case"bottom right":return[Wt,Wt];case"to bottom":case"top":return nr(180);case"to top right":case"to right top":case"left bottom":case"bottom left":return[Wt,Jt];case"to left":case"right":return nr(270)}return 0},nr=function(A){return Math.PI*A/180},sr={name:"color",parse:function(A){if(A.type===h.FUNCTION){var e=Qr[A.name];if("undefined"==typeof e)throw new Error('Attempting to parse an unsupported color function "'+A.name+'"');return e(A.values)}if(A.type===h.HASH_TOKEN){if(3===A.value.length){var t=A.value.substring(0,1),r=A.value.substring(1,2),n=A.value.substring(2,3);return Br(parseInt(t+t,16),parseInt(r+r,16),parseInt(n+n,16),1)}if(4===A.value.length){var t=A.value.substring(0,1),r=A.value.substring(1,2),n=A.value.substring(2,3),s=A.value.substring(3,4);return Br(parseInt(t+t,16),parseInt(r+r,16),parseInt(n+n,16),parseInt(s+s,16)/255)}if(6===A.value.length){var t=A.value.substring(0,2),r=A.value.substring(2,4),n=A.value.substring(4,6);return Br(parseInt(t,16),parseInt(r,16),parseInt(n,16),1)}if(8===A.value.length){var t=A.value.substring(0,2),r=A.value.substring(2,4),n=A.value.substring(4,6),s=A.value.substring(6,8);return Br(parseInt(t,16),parseInt(r,16),parseInt(n,16),parseInt(s,16)/255)}}if(A.type===h.IDENT_TOKEN){var o=lr[A.value.toUpperCase()];if("undefined"!=typeof o)return o}return lr.TRANSPARENT}},or=function(A){return 0===(255&A)},ir=function(A){var e=255&A,t=255&A>>8,r=255&A>>16,n=255&A>>24;return e<255?"rgba("+n+","+r+","+t+","+e/255+")":"rgb("+n+","+r+","+t+")"},Br=function(A,e,t,r){return(A<<24|e<<16|t<<8|Math.round(255*r)<<0)>>>0},ar=function(A,e){if(A.type===h.NUMBER_TOKEN)return A.number;if(A.type===h.PERCENTAGE_TOKEN){var t=3===e?1:255;return 3===e?A.number/100*t:Math.round(A.number/100*t)}return 0},cr=function(A){var e=A.filter(kt);if(3===e.length){var t=e.map(ar),r=t[0],n=t[1],s=t[2];return Br(r,n,s,1)}if(4===e.length){var o=e.map(ar),r=o[0],n=o[1],s=o[2],i=o[3];return Br(r,n,s,i)}return 0},ur=function(A){var e=A.filter(kt),t=e[0],n=e[1],s=e[2],o=e[3],i=(t.type===h.NUMBER_TOKEN?nr(t.number):er.parse(t))/(2*Math.PI),B=Vt(n)?n.number/100:0,a=Vt(s)?s.number/100:0,c="undefined"!=typeof o&&Vt(o)?qt(o,1):1;if(0===B)return Br(255*a,255*a,255*a,1);var u=a<=.5?a*(B+1):a+B-a*B,Q=2*a-u,l=r(Q,u,i+1/3),w=r(Q,u,i),g=r(Q,u,i-1/3);return Br(255*l,255*w,255*g,c)},Qr={hsl:ur,hsla:ur,rgb:cr,rgba:cr},lr={ALICEBLUE:4042850303,ANTIQUEWHITE:4209760255,AQUA:16777215,AQUAMARINE:2147472639,AZURE:4043309055,BEIGE:4126530815,BISQUE:4293182719,BLACK:255,BLANCHEDALMOND:4293643775,BLUE:65535,BLUEVIOLET:2318131967,BROWN:2771004159,BURLYWOOD:3736635391,CADETBLUE:1604231423,CHARTREUSE:2147418367,CHOCOLATE:3530104575,CORAL:4286533887,CORNFLOWERBLUE:1687547391,CORNSILK:4294499583,CRIMSON:3692313855,CYAN:16777215,DARKBLUE:35839,DARKCYAN:9145343,DARKGOLDENROD:3095837695,DARKGRAY:2846468607,DARKGREEN:6553855,DARKGREY:2846468607,DARKKHAKI:3182914559,DARKMAGENTA:2332068863,DARKOLIVEGREEN:1433087999,DARKORANGE:4287365375,DARKORCHID:2570243327,DARKRED:2332033279,DARKSALMON:3918953215,DARKSEAGREEN:2411499519,DARKSLATEBLUE:1211993087,DARKSLATEGRAY:793726975,DARKSLATEGREY:793726975,DARKTURQUOISE:13554175,DARKVIOLET:2483082239,DEEPPINK:4279538687,DEEPSKYBLUE:12582911,DIMGRAY:1768516095,DIMGREY:1768516095,DODGERBLUE:512819199,FIREBRICK:2988581631,FLORALWHITE:4294635775,FORESTGREEN:579543807,FUCHSIA:4278255615,GAINSBORO:3705462015,GHOSTWHITE:4177068031,GOLD:4292280575,GOLDENROD:3668254975,GRAY:2155905279,GREEN:8388863,GREENYELLOW:2919182335,GREY:2155905279,HONEYDEW:4043305215,HOTPINK:4285117695,INDIANRED:3445382399,INDIGO:1258324735,IVORY:4294963455,KHAKI:4041641215,LAVENDER:3873897215,LAVENDERBLUSH:4293981695,LAWNGREEN:2096890111,LEMONCHIFFON:4294626815,LIGHTBLUE:2916673279,LIGHTCORAL:4034953471,LIGHTCYAN:3774873599,LIGHTGOLDENRODYELLOW:4210742015,LIGHTGRAY:3553874943,LIGHTGREEN:2431553791,LIGHTGREY:3553874943,LIGHTPINK:4290167295,LIGHTSALMON:4288707327,LIGHTSEAGREEN:548580095,LIGHTSKYBLUE:2278488831,LIGHTSLATEGRAY:2005441023,LIGHTSLATEGREY:2005441023,LIGHTSTEELBLUE:2965692159,LIGHTYELLOW:4294959359,LIME:16711935,LIMEGREEN:852308735,LINEN:4210091775,MAGENTA:4278255615,MAROON:2147483903,MEDIUMAQUAMARINE:1724754687,MEDIUMBLUE:52735,MEDIUMORCHID:3126187007,MEDIUMPURPLE:2473647103,MEDIUMSEAGREEN:1018393087,MEDIUMSLATEBLUE:2070474495,MEDIUMSPRINGGREEN:16423679,MEDIUMTURQUOISE:1221709055,MEDIUMVIOLETRED:3340076543,MIDNIGHTBLUE:421097727,MINTCREAM:4127193855,MISTYROSE:4293190143,MOCCASIN:4293178879,NAVAJOWHITE:4292783615,NAVY:33023,OLDLACE:4260751103,OLIVE:2155872511,OLIVEDRAB:1804477439,ORANGE:4289003775,ORANGERED:4282712319,ORCHID:3664828159,PALEGOLDENROD:4008225535,PALEGREEN:2566625535,PALETURQUOISE:2951671551,PALEVIOLETRED:3681588223,PAPAYAWHIP:4293907967,PEACHPUFF:4292524543,PERU:3448061951,PINK:4290825215,PLUM:3718307327,POWDERBLUE:2967529215,PURPLE:2147516671,REBECCAPURPLE:1714657791,RED:4278190335,ROSYBROWN:3163525119,ROYALBLUE:1097458175,SADDLEBROWN:2336560127,SALMON:4202722047,SANDYBROWN:4104413439,SEAGREEN:780883967,SEASHELL:4294307583,SIENNA:2689740287,SILVER:3233857791,SKYBLUE:2278484991,SLATEBLUE:1784335871,SLATEGRAY:1887473919,SLATEGREY:1887473919,SNOW:4294638335,SPRINGGREEN:16744447,STEELBLUE:1182971135,TAN:3535047935,TEAL:8421631,THISTLE:3636451583,TOMATO:4284696575,TRANSPARENT:0,TURQUOISE:1088475391,VIOLET:4001558271,WHEAT:4125012991,WHITE:4294967295,WHITESMOKE:4126537215,YELLOW:4294902015,YELLOWGREEN:2597139199};!function(A){A[A.VALUE=0]="VALUE",A[A.LIST=1]="LIST",A[A.IDENT_VALUE=2]="IDENT_VALUE",A[A.TYPE_VALUE=3]="TYPE_VALUE",A[A.TOKEN_VALUE=4]="TOKEN_VALUE"}(JA||(JA={}));var wr;!function(A){A[A.BORDER_BOX=0]="BORDER_BOX",A[A.PADDING_BOX=1]="PADDING_BOX",A[A.CONTENT_BOX=2]="CONTENT_BOX"}(wr||(wr={}));var hr,gr={name:"background-clip",initialValue:"border-box",prefix:!1,type:JA.LIST,parse:function(A){return A.map(function(A){if(St(A))switch(A.value){case"padding-box":return wr.PADDING_BOX;case"content-box":return wr.CONTENT_BOX}return wr.BORDER_BOX})}},dr={name:"background-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},Ur=function(A){var e=sr.parse(A[0]),t=A[1];return t&&Vt(t)?{color:e,stop:t}:{color:e,stop:null}},Cr=function(A,e){var t=A[0],r=A[A.length-1];null===t.stop&&(t.stop=Jt),null===r.stop&&(r.stop=Wt);for(var n=[],s=0,o=0;o<A.length;o++){var i=A[o].stop;if(null!==i){var B=qt(i,e);B>s?n.push(B):n.push(s),s=B}else n.push(null)}for(var a=null,o=0;o<n.length;o++){var c=n[o];if(null===c)null===a&&(a=o);else if(null!==a){for(var u=o-a,Q=n[a-1],l=(c-Q)/(u+1),w=1;w<=u;w++)n[a+w-1]=l*w;a=null}}return A.map(function(A,t){var r=A.color;return{color:r,stop:Math.max(Math.min(1,n[t]/e),0)}})},fr=function(A,e,t){var r=e/2,n=t/2,s=qt(A[0],e)-r,o=n-qt(A[1],t);return(Math.atan2(o,s)+2*Math.PI)%(2*Math.PI)},Er=function(A,e,t){var r="number"==typeof A?A:fr(A,e,t),n=Math.abs(e*Math.sin(r))+Math.abs(t*Math.cos(r)),s=e/2,o=t/2,i=n/2,B=Math.sin(r-Math.PI/2)*i,a=Math.cos(r-Math.PI/2)*i;return[n,s-a,s+a,o-B,o+B]},Fr=function(A,e){return Math.sqrt(A*A+e*e)},pr=function(A,e,t,r,n){var s=[[0,0],[0,e],[A,0],[A,e]];return s.reduce(function(A,e){var s=e[0],o=e[1],i=Fr(t-s,r-o);return(n?i<A.optimumDistance:i>A.optimumDistance)?{optimumCorner:e,optimumDistance:i}:A},{optimumDistance:n?1/0:-(1/0),optimumCorner:null}).optimumCorner},Hr=function(A,e,t,r,n){var s=0,o=0;switch(A.size){case Bn.CLOSEST_SIDE:A.shape===nn.CIRCLE?s=o=Math.min(Math.abs(e),Math.abs(e-r),Math.abs(t),Math.abs(t-n)):A.shape===nn.ELLIPSE&&(s=Math.min(Math.abs(e),Math.abs(e-r)),o=Math.min(Math.abs(t),Math.abs(t-n)));break;case Bn.CLOSEST_CORNER:if(A.shape===nn.CIRCLE)s=o=Math.min(Fr(e,t),Fr(e,t-n),Fr(e-r,t),Fr(e-r,t-n));else if(A.shape===nn.ELLIPSE){var i=Math.min(Math.abs(t),Math.abs(t-n))/Math.min(Math.abs(e),Math.abs(e-r)),B=pr(r,n,e,t,!0),a=B[0],c=B[1];s=Fr(a-e,(c-t)/i),o=i*s}break;case Bn.FARTHEST_SIDE:A.shape===nn.CIRCLE?s=o=Math.max(Math.abs(e),Math.abs(e-r),Math.abs(t),Math.abs(t-n)):A.shape===nn.ELLIPSE&&(s=Math.max(Math.abs(e),Math.abs(e-r)),o=Math.max(Math.abs(t),Math.abs(t-n)));break;case Bn.FARTHEST_CORNER:if(A.shape===nn.CIRCLE)s=o=Math.max(Fr(e,t),Fr(e,t-n),Fr(e-r,t),Fr(e-r,t-n));else if(A.shape===nn.ELLIPSE){var i=Math.max(Math.abs(t),Math.abs(t-n))/Math.max(Math.abs(e),Math.abs(e-r)),u=pr(r,n,e,t,!1),a=u[0],c=u[1];s=Fr(a-e,(c-t)/i),o=i*s}}return Array.isArray(A.size)&&(s=qt(A.size[0],r),o=2===A.size.length?qt(A.size[1],n):s),[s,o]},Nr=function(A){var e=nr(180),t=[];return xt(A).forEach(function(A,r){if(0===r){var n=A[0];if(n.type===h.IDENT_TOKEN&&"to"===n.value)return void(e=rr(A));if(tr(n))return void(e=er.parse(n))}var s=Ur(A);t.push(s)}),{angle:e,stops:t,type:hr.LINEAR_GRADIENT}},Kr=function(A){var e=nr(180),t=[];return xt(A).forEach(function(A,r){if(0===r){var n=A[0];if(n.type===h.IDENT_TOKEN&&["top","left","right","bottom"].indexOf(n.value)!==-1)return void(e=rr(A));if(tr(n))return void(e=(er.parse(n)+nr(270))%nr(360))}var s=Ur(A);t.push(s)}),{angle:e,stops:t,type:hr.LINEAR_GRADIENT}},mr=function(A){var e=123;if(A.createRange){var t=A.createRange();if(t.getBoundingClientRect){var r=A.createElement("boundtest");r.style.height=e+"px",r.style.display="block",A.body.appendChild(r),t.selectNode(r);var n=t.getBoundingClientRect(),s=Math.round(n.height);if(A.body.removeChild(r),s===e)return!0}}return!1},br=function(){return"undefined"!=typeof(new Image).crossOrigin},vr=function(){return"string"==typeof(new XMLHttpRequest).responseType},Ir=function(A){var e=new Image,t=A.createElement("canvas"),r=t.getContext("2d");if(!r)return!1;e.src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";try{r.drawImage(e,0,0),t.toDataURL()}catch(n){return!1}return!0},Tr=function(A){return 0===A[0]&&255===A[1]&&0===A[2]&&255===A[3]},Rr=function(A){var e=A.createElement("canvas"),t=100;e.width=t,e.height=t;var r=e.getContext("2d");if(!r)return Promise.reject(!1);r.fillStyle="rgb(0, 255, 0)",r.fillRect(0,0,t,t);var n=new Image,s=e.toDataURL();n.src=s;var o=yr(t,t,0,0,n);return r.fillStyle="red",r.fillRect(0,0,t,t),Lr(o).then(function(e){r.drawImage(e,0,0);var n=r.getImageData(0,0,t,t).data;r.fillStyle="red",r.fillRect(0,0,t,t);var o=A.createElement("div");return o.style.backgroundImage="url("+s+")",o.style.height=t+"px",Tr(n)?Lr(yr(t,t,0,0,o)):Promise.reject(!1)}).then(function(A){return r.drawImage(A,0,0),Tr(r.getImageData(0,0,t,t).data)})["catch"](function(){return!1})},yr=function(A,e,t,r,n){var s="http://www.w3.org/2000/svg",o=document.createElementNS(s,"svg"),i=document.createElementNS(s,"foreignObject");return o.setAttributeNS(null,"width",A.toString()),o.setAttributeNS(null,"height",e.toString()),i.setAttributeNS(null,"width","100%"),i.setAttributeNS(null,"height","100%"),i.setAttributeNS(null,"x",t.toString()),i.setAttributeNS(null,"y",r.toString()),i.setAttributeNS(null,"externalResourcesRequired","true"),o.appendChild(i),i.appendChild(n),o},Lr=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){return e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent((new XMLSerializer).serializeToString(A))})},Or={get SUPPORT_RANGE_BOUNDS(){var A=mr(document);return Object.defineProperty(Or,"SUPPORT_RANGE_BOUNDS",{value:A}),A},get SUPPORT_SVG_DRAWING(){var A=Ir(document);return Object.defineProperty(Or,"SUPPORT_SVG_DRAWING",{value:A}),A},get SUPPORT_FOREIGNOBJECT_DRAWING(){var A="function"==typeof Array.from&&"function"==typeof window.fetch?Rr(document):Promise.resolve(!1);return Object.defineProperty(Or,"SUPPORT_FOREIGNOBJECT_DRAWING",{value:A}),A},get SUPPORT_CORS_IMAGES(){var A=br();return Object.defineProperty(Or,"SUPPORT_CORS_IMAGES",{value:A}),A},get SUPPORT_RESPONSE_TYPE(){var A=vr();return Object.defineProperty(Or,"SUPPORT_RESPONSE_TYPE",{value:A}),A},get SUPPORT_CORS_XHR(){var A="withCredentials"in new XMLHttpRequest;return Object.defineProperty(Or,"SUPPORT_CORS_XHR",{value:A}),A}},Sr=function(){function A(A){var e=A.id,t=A.enabled;this.id=e,this.enabled=t,this.start=Date.now()}return A.prototype.debug=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&("undefined"!=typeof window&&window.console&&"function"==typeof console.debug?console.debug.apply(console,[this.id,this.getTime()+"ms"].concat(A)):this.info.apply(this,A))},A.prototype.getTime=function(){return Date.now()-this.start},A.create=function(e){A.instances[e.id]=new A(e)},A.destroy=function(e){delete A.instances[e]},A.getInstance=function(e){var t=A.instances[e];if("undefined"==typeof t)throw new Error("No logger instance found with id "+e);return t},A.prototype.info=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&"undefined"!=typeof window&&window.console&&"function"==typeof console.info&&console.info.apply(console,[this.id,this.getTime()+"ms"].concat(A))},A.prototype.error=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&("undefined"!=typeof window&&window.console&&"function"==typeof console.error?console.error.apply(console,[this.id,this.getTime()+"ms"].concat(A)):this.info.apply(this,A))},A.instances={},
-A}(),Dr=function(){function A(){}return A.create=function(e,t){return A._caches[e]=new Mr(e,t)},A.destroy=function(e){delete A._caches[e]},A.open=function(e){var t=A._caches[e];if("undefined"!=typeof t)return t;throw new Error('Cache with key "'+e+'" not found')},A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A.getInstance=function(){var e=A._current;if(null===e)throw new Error("No cache instance attached");return e},A.attachInstance=function(e){A._current=e},A.detachInstance=function(){A._current=null},A._caches={},A._origin="about:blank",A._current=null,A}(),Mr=function(){function A(A,e){this.id=A,this._options=e,this._cache={}}return A.prototype.addImage=function(A){var e=Promise.resolve();return this.has(A)?e:Xr(A)||Pr(A)?(this._cache[A]=this.loadImage(A),e):e},A.prototype.match=function(A){return this._cache[A]},A.prototype.loadImage=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o=this;return t(this,function(t){switch(t.label){case 0:return e=Dr.isSameOrigin(A),r=!zr(A)&&this._options.useCORS===!0&&Or.SUPPORT_CORS_IMAGES&&!e,n=!zr(A)&&!e&&"string"==typeof this._options.proxy&&Or.SUPPORT_CORS_XHR&&!r,e||this._options.allowTaint!==!1||zr(A)||n||r?(s=A,n?[4,this.proxy(s)]:[3,2]):[2];case 1:s=t.sent(),t.label=2;case 2:return Sr.getInstance(this.id).debug("Added image "+A.substring(0,256)),[4,new Promise(function(A,e){var t=new Image;t.onload=function(){return A(t)},t.onerror=e,(Vr(s)||r)&&(t.crossOrigin="anonymous"),t.src=s,t.complete===!0&&setTimeout(function(){return A(t)},500),o._options.imageTimeout>0&&setTimeout(function(){return e("Timed out ("+o._options.imageTimeout+"ms) loading image")},o._options.imageTimeout)})];case 3:return[2,t.sent()]}})})},A.prototype.has=function(A){return"undefined"!=typeof this._cache[A]},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(A){var e=this,t=this._options.proxy;if(!t)throw new Error("No proxy defined");var r=A.substring(0,256);return new Promise(function(n,s){var o=Or.SUPPORT_RESPONSE_TYPE?"blob":"text",i=new XMLHttpRequest;if(i.onload=function(){if(200===i.status)if("text"===o)n(i.response);else{var A=new FileReader;A.addEventListener("load",function(){return n(A.result)},!1),A.addEventListener("error",function(A){return s(A)},!1),A.readAsDataURL(i.response)}else s("Failed to proxy resource "+r+" with status code "+i.status)},i.onerror=s,i.open("GET",t+"?url="+encodeURIComponent(A)+"&responseType="+o),"text"!==o&&i instanceof XMLHttpRequest&&(i.responseType=o),e._options.imageTimeout){var B=e._options.imageTimeout;i.timeout=B,i.ontimeout=function(){return s("Timed out ("+B+"ms) proxying "+r)}}i.send()})},A}(),_r=/^data:image\/svg\+xml/i,kr=/^data:image\/.*;base64,/i,xr=/^data:image\/.*/i,Pr=function(A){return Or.SUPPORT_SVG_DRAWING||!Jr(A)},zr=function(A){return xr.test(A)},Vr=function(A){return kr.test(A)},Xr=function(A){return"blob"===A.substr(0,4)},Jr=function(A){return"svg"===A.substr(-3).toLowerCase()||_r.test(A)},Gr=function(A){var e=nr(180),t=[],r=hr.LINEAR_GRADIENT,n=nn.CIRCLE,s=Bn.FARTHEST_CORNER,o=[];return xt(A).forEach(function(A,e){var n=A[0];if(0===e){if(St(n)&&"linear"===n.value)return void(r=hr.LINEAR_GRADIENT);if(St(n)&&"radial"===n.value)return void(r=hr.RADIAL_GRADIENT)}if(n.type===h.FUNCTION)if("from"===n.name){var s=sr.parse(n.values[0]);t.push({stop:Jt,color:s})}else if("to"===n.name){var s=sr.parse(n.values[0]);t.push({stop:Wt,color:s})}else if("color-stop"===n.name){var o=n.values.filter(kt);if(2===o.length){var s=sr.parse(o[1]),i=o[0];Ot(i)&&t.push({stop:{type:h.PERCENTAGE_TOKEN,number:100*i.number,flags:i.flags},color:s})}}}),r===hr.LINEAR_GRADIENT?{angle:(e+nr(180))%nr(360),stops:t,type:r}:{size:s,shape:n,stops:t,position:o,type:r}},Wr="closest-side",Yr="farthest-side",qr="closest-corner",jr="farthest-corner",Zr="circle",$r="ellipse",An="cover",en="contain",tn=function(A){var e=nn.CIRCLE,t=Bn.FARTHEST_CORNER,r=[],n=[];return xt(A).forEach(function(A,s){var o=!0;if(0===s){var i=!1;o=A.reduce(function(A,r){if(i)if(St(r))switch(r.value){case"center":return n.push(Gt),A;case"top":case"left":return n.push(Jt),A;case"right":case"bottom":return n.push(Wt),A}else(Vt(r)||zt(r))&&n.push(r);else if(St(r))switch(r.value){case Zr:return e=nn.CIRCLE,!1;case $r:return e=nn.ELLIPSE,!1;case"at":return i=!0,!1;case Wr:return t=Bn.CLOSEST_SIDE,!1;case An:case Yr:return t=Bn.FARTHEST_SIDE,!1;case en:case qr:return t=Bn.CLOSEST_CORNER,!1;case jr:return t=Bn.FARTHEST_CORNER,!1}else if(zt(r)||Vt(r))return Array.isArray(t)||(t=[]),t.push(r),!1;return A},o)}if(o){var B=Ur(A);r.push(B)}}),{size:t,shape:e,stops:r,position:n,type:hr.RADIAL_GRADIENT}},rn=function(A){var e=nn.CIRCLE,t=Bn.FARTHEST_CORNER,r=[],n=[];return xt(A).forEach(function(A,s){var o=!0;if(0===s?o=A.reduce(function(A,e){if(St(e))switch(e.value){case"center":return n.push(Gt),!1;case"top":case"left":return n.push(Jt),!1;case"right":case"bottom":return n.push(Wt),!1}else if(Vt(e)||zt(e))return n.push(e),!1;return A},o):1===s&&(o=A.reduce(function(A,r){if(St(r))switch(r.value){case Zr:return e=nn.CIRCLE,!1;case $r:return e=nn.ELLIPSE,!1;case en:case Wr:return t=Bn.CLOSEST_SIDE,!1;case Yr:return t=Bn.FARTHEST_SIDE,!1;case qr:return t=Bn.CLOSEST_CORNER,!1;case An:case jr:return t=Bn.FARTHEST_CORNER,!1}else if(zt(r)||Vt(r))return Array.isArray(t)||(t=[]),t.push(r),!1;return A},o)),o){var i=Ur(A);r.push(i)}}),{size:t,shape:e,stops:r,position:n,type:hr.RADIAL_GRADIENT}};!function(A){A[A.URL=0]="URL",A[A.LINEAR_GRADIENT=1]="LINEAR_GRADIENT",A[A.RADIAL_GRADIENT=2]="RADIAL_GRADIENT"}(hr||(hr={}));var nn,sn=function(A){return A.type===hr.LINEAR_GRADIENT},on=function(A){return A.type===hr.RADIAL_GRADIENT};!function(A){A[A.CIRCLE=0]="CIRCLE",A[A.ELLIPSE=1]="ELLIPSE"}(nn||(nn={}));var Bn;!function(A){A[A.CLOSEST_SIDE=0]="CLOSEST_SIDE",A[A.FARTHEST_SIDE=1]="FARTHEST_SIDE",A[A.CLOSEST_CORNER=2]="CLOSEST_CORNER",A[A.FARTHEST_CORNER=3]="FARTHEST_CORNER"}(Bn||(Bn={}));var an,cn={name:"image",parse:function(A){if(A.type===h.URL_TOKEN){var e={url:A.value,type:hr.URL};return Dr.getInstance().addImage(A.value),e}if(A.type===h.FUNCTION){var t=un[A.name];if("undefined"==typeof t)throw new Error('Attempting to parse an unsupported image function "'+A.name+'"');return t(A.values)}throw new Error("Unsupported image type")}},un={"linear-gradient":Nr,"-moz-linear-gradient":Kr,"-ms-linear-gradient":Kr,"-o-linear-gradient":Kr,"-webkit-linear-gradient":Kr,"radial-gradient":tn,"-moz-radial-gradient":rn,"-ms-radial-gradient":rn,"-o-radial-gradient":rn,"-webkit-radial-gradient":rn,"-webkit-gradient":Gr},Qn={name:"background-image",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){if(0===A.length)return[];var e=A[0];return e.type===h.IDENT_TOKEN&&"none"===e.value?[]:A.filter(function(A){return kt(A)&&n(A)}).map(cn.parse)}},ln={name:"background-origin",initialValue:"border-box",prefix:!1,type:JA.LIST,parse:function(A){return A.map(function(A){if(St(A))switch(A.value){case"padding-box":return 1;case"content-box":return 2}return 0})}},wn={name:"background-position",initialValue:"0% 0%",type:JA.LIST,prefix:!1,parse:function(A){return xt(A).map(function(A){return A.filter(Vt)}).map(Xt)}};!function(A){A[A.REPEAT=0]="REPEAT",A[A.NO_REPEAT=1]="NO_REPEAT",A[A.REPEAT_X=2]="REPEAT_X",A[A.REPEAT_Y=3]="REPEAT_Y"}(an||(an={}));var hn,gn={name:"background-repeat",initialValue:"repeat",prefix:!1,type:JA.LIST,parse:function(A){return xt(A).map(function(A){return A.filter(St).map(function(A){return A.value}).join(" ")}).map(dn)}},dn=function(A){switch(A){case"no-repeat":return an.NO_REPEAT;case"repeat-x":case"repeat no-repeat":return an.REPEAT_X;case"repeat-y":case"no-repeat repeat":return an.REPEAT_Y;case"repeat":default:return an.REPEAT}};!function(A){A.AUTO="auto",A.CONTAIN="contain",A.COVER="cover"}(hn||(hn={}));var Un,Cn={name:"background-size",initialValue:"0",prefix:!1,type:JA.LIST,parse:function(A){return xt(A).map(function(A){return A.filter(fn)})}},fn=function(A){return St(A)||Vt(A)},En=function(A){return{name:"border-"+A+"-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"}},Fn=En("top"),pn=En("right"),Hn=En("bottom"),Nn=En("left"),Kn=function(A){return{name:"border-radius-"+A,initialValue:"0 0",prefix:!1,type:JA.LIST,parse:function(A){return Xt(A.filter(Vt))}}},mn=Kn("top-left"),bn=Kn("top-right"),vn=Kn("bottom-right"),In=Kn("bottom-left");!function(A){A[A.NONE=0]="NONE",A[A.SOLID=1]="SOLID"}(Un||(Un={}));var Tn,Rn=function(A){return{name:"border-"+A+"-style",initialValue:"solid",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"none":return Un.NONE}return Un.SOLID}}},yn=Rn("top"),Ln=Rn("right"),On=Rn("bottom"),Sn=Rn("left"),Dn=function(A){return{name:"border-"+A+"-width",initialValue:"0",type:JA.VALUE,prefix:!1,parse:function(A){return Lt(A)?A.number:0}}},Mn=Dn("top"),_n=Dn("right"),kn=Dn("bottom"),xn=Dn("left"),Pn={name:"color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},zn={name:"display",initialValue:"inline-block",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(St).reduce(function(A,e){return A|Vn(e.value)},0)}},Vn=function(A){switch(A){case"block":return 2;case"inline":return 4;case"run-in":return 8;case"flow":return 16;case"flow-root":return 32;case"table":return 64;case"flex":case"-webkit-flex":return 128;case"grid":case"-ms-grid":return 256;case"ruby":return 512;case"subgrid":return 1024;case"list-item":return 2048;case"table-row-group":return 4096;case"table-header-group":return 8192;case"table-footer-group":return 16384;case"table-row":return 32768;case"table-cell":return 65536;case"table-column-group":return 131072;case"table-column":return 262144;case"table-caption":return 524288;case"ruby-base":return 1048576;case"ruby-text":return 2097152;case"ruby-base-container":return 4194304;case"ruby-text-container":return 8388608;case"contents":return 16777216;case"inline-block":return 33554432;case"inline-list-item":return 67108864;case"inline-table":return 134217728;case"inline-flex":return 268435456;case"inline-grid":return 536870912}return 0};!function(A){A[A.NONE=0]="NONE",A[A.LEFT=1]="LEFT",A[A.RIGHT=2]="RIGHT",A[A.INLINE_START=3]="INLINE_START",A[A.INLINE_END=4]="INLINE_END"}(Tn||(Tn={}));var Xn,Jn={name:"float",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"left":return Tn.LEFT;case"right":return Tn.RIGHT;case"inline-start":return Tn.INLINE_START;case"inline-end":return Tn.INLINE_END}return Tn.NONE}},Gn={name:"letter-spacing",initialValue:"0",prefix:!1,type:JA.VALUE,parse:function(A){return A.type===h.IDENT_TOKEN&&"normal"===A.value?0:A.type===h.NUMBER_TOKEN?A.number:A.type===h.DIMENSION_TOKEN?A.number:0}};!function(A){A.NORMAL="normal",A.STRICT="strict"}(Xn||(Xn={}));var Wn,Yn={name:"line-break",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"strict":return Xn.STRICT;case"normal":default:return Xn.NORMAL}}},qn={name:"line-height",initialValue:"normal",prefix:!1,type:JA.TOKEN_VALUE},jn=function(A,e){return St(A)&&"normal"===A.value?1.2*e:A.type===h.NUMBER_TOKEN?e*A.number:Vt(A)?qt(A,e):e},Zn={name:"list-style-image",initialValue:"none",type:JA.VALUE,prefix:!1,parse:function(A){return A.type===h.IDENT_TOKEN&&"none"===A.value?null:cn.parse(A)}};!function(A){A[A.INSIDE=0]="INSIDE",A[A.OUTSIDE=1]="OUTSIDE"}(Wn||(Wn={}));var $n,As={name:"list-style-position",initialValue:"outside",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"inside":return Wn.INSIDE;case"outside":default:return Wn.OUTSIDE}}};!function(A){A[A.NONE=-1]="NONE",A[A.DISC=0]="DISC",A[A.CIRCLE=1]="CIRCLE",A[A.SQUARE=2]="SQUARE",A[A.DECIMAL=3]="DECIMAL",A[A.CJK_DECIMAL=4]="CJK_DECIMAL",A[A.DECIMAL_LEADING_ZERO=5]="DECIMAL_LEADING_ZERO",A[A.LOWER_ROMAN=6]="LOWER_ROMAN",A[A.UPPER_ROMAN=7]="UPPER_ROMAN",A[A.LOWER_GREEK=8]="LOWER_GREEK",A[A.LOWER_ALPHA=9]="LOWER_ALPHA",A[A.UPPER_ALPHA=10]="UPPER_ALPHA",A[A.ARABIC_INDIC=11]="ARABIC_INDIC",A[A.ARMENIAN=12]="ARMENIAN",A[A.BENGALI=13]="BENGALI",A[A.CAMBODIAN=14]="CAMBODIAN",A[A.CJK_EARTHLY_BRANCH=15]="CJK_EARTHLY_BRANCH",A[A.CJK_HEAVENLY_STEM=16]="CJK_HEAVENLY_STEM",A[A.CJK_IDEOGRAPHIC=17]="CJK_IDEOGRAPHIC",A[A.DEVANAGARI=18]="DEVANAGARI",A[A.ETHIOPIC_NUMERIC=19]="ETHIOPIC_NUMERIC",A[A.GEORGIAN=20]="GEORGIAN",A[A.GUJARATI=21]="GUJARATI",A[A.GURMUKHI=22]="GURMUKHI",A[A.HEBREW=22]="HEBREW",A[A.HIRAGANA=23]="HIRAGANA",A[A.HIRAGANA_IROHA=24]="HIRAGANA_IROHA",A[A.JAPANESE_FORMAL=25]="JAPANESE_FORMAL",A[A.JAPANESE_INFORMAL=26]="JAPANESE_INFORMAL",A[A.KANNADA=27]="KANNADA",A[A.KATAKANA=28]="KATAKANA",A[A.KATAKANA_IROHA=29]="KATAKANA_IROHA",A[A.KHMER=30]="KHMER",A[A.KOREAN_HANGUL_FORMAL=31]="KOREAN_HANGUL_FORMAL",A[A.KOREAN_HANJA_FORMAL=32]="KOREAN_HANJA_FORMAL",A[A.KOREAN_HANJA_INFORMAL=33]="KOREAN_HANJA_INFORMAL",A[A.LAO=34]="LAO",A[A.LOWER_ARMENIAN=35]="LOWER_ARMENIAN",A[A.MALAYALAM=36]="MALAYALAM",A[A.MONGOLIAN=37]="MONGOLIAN",A[A.MYANMAR=38]="MYANMAR",A[A.ORIYA=39]="ORIYA",A[A.PERSIAN=40]="PERSIAN",A[A.SIMP_CHINESE_FORMAL=41]="SIMP_CHINESE_FORMAL",A[A.SIMP_CHINESE_INFORMAL=42]="SIMP_CHINESE_INFORMAL",A[A.TAMIL=43]="TAMIL",A[A.TELUGU=44]="TELUGU",A[A.THAI=45]="THAI",A[A.TIBETAN=46]="TIBETAN",A[A.TRAD_CHINESE_FORMAL=47]="TRAD_CHINESE_FORMAL",A[A.TRAD_CHINESE_INFORMAL=48]="TRAD_CHINESE_INFORMAL",A[A.UPPER_ARMENIAN=49]="UPPER_ARMENIAN",A[A.DISCLOSURE_OPEN=50]="DISCLOSURE_OPEN",A[A.DISCLOSURE_CLOSED=51]="DISCLOSURE_CLOSED"}($n||($n={}));var es,ts={name:"list-style-type",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"disc":return $n.DISC;case"circle":return $n.CIRCLE;case"square":return $n.SQUARE;case"decimal":return $n.DECIMAL;case"cjk-decimal":return $n.CJK_DECIMAL;case"decimal-leading-zero":return $n.DECIMAL_LEADING_ZERO;case"lower-roman":return $n.LOWER_ROMAN;case"upper-roman":return $n.UPPER_ROMAN;case"lower-greek":return $n.LOWER_GREEK;case"lower-alpha":return $n.LOWER_ALPHA;case"upper-alpha":return $n.UPPER_ALPHA;case"arabic-indic":return $n.ARABIC_INDIC;case"armenian":return $n.ARMENIAN;case"bengali":return $n.BENGALI;case"cambodian":return $n.CAMBODIAN;case"cjk-earthly-branch":return $n.CJK_EARTHLY_BRANCH;case"cjk-heavenly-stem":return $n.CJK_HEAVENLY_STEM;case"cjk-ideographic":return $n.CJK_IDEOGRAPHIC;case"devanagari":return $n.DEVANAGARI;case"ethiopic-numeric":return $n.ETHIOPIC_NUMERIC;case"georgian":return $n.GEORGIAN;case"gujarati":return $n.GUJARATI;case"gurmukhi":return $n.GURMUKHI;case"hebrew":return $n.HEBREW;case"hiragana":return $n.HIRAGANA;case"hiragana-iroha":return $n.HIRAGANA_IROHA;case"japanese-formal":return $n.JAPANESE_FORMAL;case"japanese-informal":return $n.JAPANESE_INFORMAL;case"kannada":return $n.KANNADA;case"katakana":return $n.KATAKANA;case"katakana-iroha":return $n.KATAKANA_IROHA;case"khmer":return $n.KHMER;case"korean-hangul-formal":return $n.KOREAN_HANGUL_FORMAL;case"korean-hanja-formal":return $n.KOREAN_HANJA_FORMAL;case"korean-hanja-informal":return $n.KOREAN_HANJA_INFORMAL;case"lao":return $n.LAO;case"lower-armenian":return $n.LOWER_ARMENIAN;case"malayalam":return $n.MALAYALAM;case"mongolian":return $n.MONGOLIAN;case"myanmar":return $n.MYANMAR;case"oriya":return $n.ORIYA;case"persian":return $n.PERSIAN;case"simp-chinese-formal":return $n.SIMP_CHINESE_FORMAL;case"simp-chinese-informal":return $n.SIMP_CHINESE_INFORMAL;case"tamil":return $n.TAMIL;case"telugu":return $n.TELUGU;case"thai":return $n.THAI;case"tibetan":return $n.TIBETAN;case"trad-chinese-formal":return $n.TRAD_CHINESE_FORMAL;case"trad-chinese-informal":return $n.TRAD_CHINESE_INFORMAL;case"upper-armenian":return $n.UPPER_ARMENIAN;case"disclosure-open":return $n.DISCLOSURE_OPEN;case"disclosure-closed":return $n.DISCLOSURE_CLOSED;case"none":default:return $n.NONE}}},rs=function(A){return{name:"margin-"+A,initialValue:"0",prefix:!1,type:JA.TOKEN_VALUE}},ns=rs("top"),ss=rs("right"),os=rs("bottom"),is=rs("left");!function(A){A[A.VISIBLE=0]="VISIBLE",A[A.HIDDEN=1]="HIDDEN",A[A.SCROLL=2]="SCROLL",A[A.AUTO=3]="AUTO"}(es||(es={}));var Bs,as={name:"overflow",initialValue:"visible",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(St).map(function(A){switch(A.value){case"hidden":return es.HIDDEN;case"scroll":return es.SCROLL;case"auto":return es.AUTO;case"visible":default:return es.VISIBLE}})}};!function(A){A.NORMAL="normal",A.BREAK_WORD="break-word"}(Bs||(Bs={}));var cs,us={name:"overflow-wrap",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"break-word":return Bs.BREAK_WORD;case"normal":default:return Bs.NORMAL}}},Qs=function(A){return{name:"padding-"+A,initialValue:"0",prefix:!1,type:JA.TYPE_VALUE,format:"length-percentage"}},ls=Qs("top"),ws=Qs("right"),hs=Qs("bottom"),gs=Qs("left");!function(A){A[A.LEFT=0]="LEFT",A[A.CENTER=1]="CENTER",A[A.RIGHT=2]="RIGHT"}(cs||(cs={}));var ds,Us={name:"text-align",initialValue:"left",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"right":return cs.RIGHT;case"center":case"justify":return cs.CENTER;case"left":default:return cs.LEFT}}};!function(A){A[A.STATIC=0]="STATIC",A[A.RELATIVE=1]="RELATIVE",A[A.ABSOLUTE=2]="ABSOLUTE",A[A.FIXED=3]="FIXED",A[A.STICKY=4]="STICKY"}(ds||(ds={}));var Cs,fs={name:"position",initialValue:"static",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"relative":return ds.RELATIVE;case"absolute":return ds.ABSOLUTE;case"fixed":return ds.FIXED;case"sticky":return ds.STICKY}return ds.STATIC}},Es={name:"text-shadow",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return 1===A.length&&Mt(A[0],"none")?[]:xt(A).map(function(A){for(var e={color:lr.TRANSPARENT,offsetX:Jt,offsetY:Jt,blur:Jt},t=0,r=0;r<A.length;r++){var n=A[r];zt(n)?(0===t?e.offsetX=n:1===t?e.offsetY=n:e.blur=n,t++):e.color=sr.parse(n)}return e})}};!function(A){A[A.NONE=0]="NONE",A[A.LOWERCASE=1]="LOWERCASE",A[A.UPPERCASE=2]="UPPERCASE",A[A.CAPITALIZE=3]="CAPITALIZE"}(Cs||(Cs={}));var Fs,ps={name:"text-transform",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"uppercase":return Cs.UPPERCASE;case"lowercase":return Cs.LOWERCASE;case"capitalize":return Cs.CAPITALIZE}return Cs.NONE}},Hs={name:"transform",initialValue:"none",prefix:!0,type:JA.VALUE,parse:function(A){if(A.type===h.IDENT_TOKEN&&"none"===A.value)return null;if(A.type===h.FUNCTION){var e=ms[A.name];if("undefined"==typeof e)throw new Error('Attempting to parse an unsupported transform function "'+A.name+'"');return e(A.values)}return null}},Ns=function(A){var e=A.filter(function(A){return A.type===h.NUMBER_TOKEN}).map(function(A){return A.number});return 6===e.length?e:null},Ks=function(A){var e=A.filter(function(A){return A.type===h.NUMBER_TOKEN}).map(function(A){return A.number}),t=e[0],r=e[1],n=(e[2],e[3],e[4]),s=e[5],o=(e[6],e[7],e[8],e[9],e[10],e[11],e[12]),i=e[13];e[14],e[15];return 16===e.length?[t,r,n,s,o,i]:null},ms={matrix:Ns,matrix3d:Ks},bs={type:h.PERCENTAGE_TOKEN,number:50,flags:YA},vs=[bs,bs],Is={name:"transform-origin",initialValue:"50% 50%",prefix:!0,type:JA.LIST,parse:function(A){var e=A.filter(Vt);return 2!==e.length?vs:[e[0],e[1]]}};!function(A){A[A.VISIBLE=0]="VISIBLE",A[A.HIDDEN=1]="HIDDEN",A[A.COLLAPSE=2]="COLLAPSE"}(Fs||(Fs={}));var Ts,Rs={name:"visible",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"hidden":return Fs.HIDDEN;case"collapse":return Fs.COLLAPSE;case"visible":default:return Fs.VISIBLE}}};!function(A){A.NORMAL="normal",A.BREAK_ALL="break-all",A.KEEP_ALL="keep-all"}(Ts||(Ts={}));var ys,Ls={name:"word-break",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"break-all":return Ts.BREAK_ALL;case"keep-all":return Ts.KEEP_ALL;case"normal":default:return Ts.NORMAL}}},Os={name:"z-index",initialValue:"auto",prefix:!1,type:JA.VALUE,parse:function(A){if(A.type===h.IDENT_TOKEN)return{auto:!0,order:0};if(Ot(A))return{auto:!1,order:A.number};throw new Error("Invalid z-index number parsed")}},Ss={name:"opacity",initialValue:"1",type:JA.VALUE,prefix:!1,parse:function(A){return Ot(A)?A.number:1}},Ds={name:"text-decoration-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},Ms={name:"text-decoration-line",initialValue:"none",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(St).map(function(A){switch(A.value){case"underline":return 1;case"overline":return 2;case"line-through":return 3;case"none":return 4}return 0}).filter(function(A){return 0!==A})}},_s={name:"font-family",initialValue:"",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(ks).map(function(A){return A.value})}},ks=function(A){return A.type===h.STRING_TOKEN||A.type===h.IDENT_TOKEN},xs={name:"font-size",initialValue:"0",prefix:!1,type:JA.TYPE_VALUE,format:"length"},Ps={name:"font-weight",initialValue:"normal",type:JA.VALUE,prefix:!1,parse:function(A){if(Ot(A))return A.number;if(St(A))switch(A.value){case"bold":return 700;case"normal":default:return 400}return 400}},zs={name:"font-variant",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return A.filter(St).map(function(A){return A.value})}};!function(A){A.NORMAL="normal",A.ITALIC="italic",A.OBLIQUE="oblique"}(ys||(ys={}));var Vs,Xs={name:"font-style",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"oblique":return ys.OBLIQUE;case"italic":return ys.ITALIC;case"normal":default:return ys.NORMAL}}},Js=function(A,e){return 0!==(A&e)},Gs={name:"content",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){if(0===A.length)return[];var e=A[0];return e.type===h.IDENT_TOKEN&&"none"===e.value?[]:A}},Ws={name:"counter-increment",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return null;var e=A[0];if(e.type===h.IDENT_TOKEN&&"none"===e.value)return null;for(var t=[],r=A.filter(_t),n=0;n<r.length;n++){var s=r[n],o=r[n+1];if(s.type===h.IDENT_TOKEN){var i=o&&Ot(o)?o.number:1;t.push({counter:s.value,increment:i})}}return t}},Ys={name:"counter-reset",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return[];for(var e=[],t=A.filter(_t),r=0;r<t.length;r++){var n=t[r],s=t[r+1];if(St(n)&&"none"!==n.value){var o=s&&Ot(s)?s.number:0;e.push({counter:n.value,reset:o})}}return e}},qs={name:"quotes",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return null;var e=A[0];if(e.type===h.IDENT_TOKEN&&"none"===e.value)return null;var t=[],r=A.filter(Dt);if(r.length%2!==0)return null;for(var n=0;n<r.length;n+=2){var s=r[n].value,o=r[n+1].value;t.push({open:s,close:o})}return t}},js=function(A,e,t){if(!A)return"";var r=A[Math.min(e,A.length-1)];return r?t?r.open:r.close:""},Zs={name:"box-shadow",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return 1===A.length&&Mt(A[0],"none")?[]:xt(A).map(function(A){for(var e={color:255,offsetX:Jt,offsetY:Jt,blur:Jt,spread:Jt,inset:!1},t=0,r=0;r<A.length;r++){var n=A[r];Mt(n,"inset")?e.inset=!0:zt(n)?(0===t?e.offsetX=n:1===t?e.offsetY=n:2===t?e.blur=n:e.spread=n,t++):e.color=sr.parse(n)}return e})}},$s=function(){function A(A){this.backgroundClip=to(gr,A.backgroundClip),this.backgroundColor=to(dr,A.backgroundColor),this.backgroundImage=to(Qn,A.backgroundImage),this.backgroundOrigin=to(ln,A.backgroundOrigin),this.backgroundPosition=to(wn,A.backgroundPosition),this.backgroundRepeat=to(gn,A.backgroundRepeat),this.backgroundSize=to(Cn,A.backgroundSize),this.borderTopColor=to(Fn,A.borderTopColor),this.borderRightColor=to(pn,A.borderRightColor),this.borderBottomColor=to(Hn,A.borderBottomColor),this.borderLeftColor=to(Nn,A.borderLeftColor),this.borderTopLeftRadius=to(mn,A.borderTopLeftRadius),this.borderTopRightRadius=to(bn,A.borderTopRightRadius),this.borderBottomRightRadius=to(vn,A.borderBottomRightRadius),this.borderBottomLeftRadius=to(In,A.borderBottomLeftRadius),this.borderTopStyle=to(yn,A.borderTopStyle),this.borderRightStyle=to(Ln,A.borderRightStyle),this.borderBottomStyle=to(On,A.borderBottomStyle),this.borderLeftStyle=to(Sn,A.borderLeftStyle),this.borderTopWidth=to(Mn,A.borderTopWidth),this.borderRightWidth=to(_n,A.borderRightWidth),this.borderBottomWidth=to(kn,A.borderBottomWidth),this.borderLeftWidth=to(xn,A.borderLeftWidth),this.boxShadow=to(Zs,A.boxShadow),this.color=to(Pn,A.color),this.display=to(zn,A.display),this["float"]=to(Jn,A.cssFloat),this.fontFamily=to(_s,A.fontFamily),this.fontSize=to(xs,A.fontSize),this.fontStyle=to(Xs,A.fontStyle),this.fontVariant=to(zs,A.fontVariant),this.fontWeight=to(Ps,A.fontWeight),this.letterSpacing=to(Gn,A.letterSpacing),this.lineBreak=to(Yn,A.lineBreak),this.lineHeight=to(qn,A.lineHeight),this.listStyleImage=to(Zn,A.listStyleImage),this.listStylePosition=to(As,A.listStylePosition),this.listStyleType=to(ts,A.listStyleType),this.marginTop=to(ns,A.marginTop),this.marginRight=to(ss,A.marginRight),this.marginBottom=to(os,A.marginBottom),this.marginLeft=to(is,A.marginLeft),this.opacity=to(Ss,A.opacity);var e=to(as,A.overflow);this.overflowX=e[0],this.overflowY=e[e.length>1?1:0],this.overflowWrap=to(us,A.overflowWrap),this.paddingTop=to(ls,A.paddingTop),this.paddingRight=to(ws,A.paddingRight),this.paddingBottom=to(hs,A.paddingBottom),this.paddingLeft=to(gs,A.paddingLeft),this.position=to(fs,A.position),this.textAlign=to(Us,A.textAlign),this.textDecorationColor=to(Ds,A.textDecorationColor||A.color),this.textDecorationLine=to(Ms,A.textDecorationLine),this.textShadow=to(Es,A.textShadow),this.textTransform=to(ps,A.textTransform),this.transform=to(Hs,A.transform),this.transformOrigin=to(Is,A.transformOrigin),this.visibility=to(Rs,A.visibility),this.wordBreak=to(Ls,A.wordBreak),this.zIndex=to(Os,A.zIndex)}return A.prototype.isVisible=function(){return this.display>0&&this.opacity>0&&this.visibility===Fs.VISIBLE},A.prototype.isTransparent=function(){return or(this.backgroundColor)},A.prototype.isTransformed=function(){return null!==this.transform},A.prototype.isPositioned=function(){return this.position!==ds.STATIC},A.prototype.isPositionedWithZIndex=function(){return this.isPositioned()&&!this.zIndex.auto},A.prototype.isFloating=function(){return this["float"]!==Tn.NONE},A.prototype.isInlineLevel=function(){return Js(this.display,4)||Js(this.display,33554432)||Js(this.display,268435456)||Js(this.display,536870912)||Js(this.display,67108864)||Js(this.display,134217728)},A}(),Ao=function(){function A(A){this.content=to(Gs,A.content),this.quotes=to(qs,A.quotes)}return A}(),eo=function(){function A(A){this.counterIncrement=to(Ws,A.counterIncrement),this.counterReset=to(Ys,A.counterReset)}return A}(),to=function(A,e){var t=new Rt,r=null!==e&&"undefined"!=typeof e?e.toString():A.initialValue;t.write(r);var n=new yt(t.read());switch(A.type){case JA.IDENT_VALUE:var s=n.parseComponentValue();return A.parse(St(s)?s.value:A.initialValue);case JA.VALUE:return A.parse(n.parseComponentValue());case JA.LIST:return A.parse(n.parseComponentValues());case JA.TOKEN_VALUE:return n.parseComponentValue();case JA.TYPE_VALUE:switch(A.format){case"angle":return er.parse(n.parseComponentValue());case"color":return sr.parse(n.parseComponentValue());case"image":return cn.parse(n.parseComponentValue());case"length":var o=n.parseComponentValue();return zt(o)?o:Jt;case"length-percentage":var i=n.parseComponentValue();return Vt(i)?i:Jt}}throw new Error("Attempting to parse unsupported css format type "+A.format)},ro=function(){function A(A){this.styles=new $s(window.getComputedStyle(A,null)),this.textNodes=[],this.elements=[],null!==this.styles.transform&&xo(A)&&(A.style.transform="none"),this.bounds=B(A),this.flags=0}return A}(),no=function(){function A(A,e){this.text=A,this.bounds=e}return A}(),so=function(A,e,t){var r=Bo(A,e),n=[],s=0;return r.forEach(function(A){if(e.textDecorationLine.length||A.trim().length>0)if(Or.SUPPORT_RANGE_BOUNDS)n.push(new no(A,io(t,s,A.length)));else{var r=t.splitText(A.length);n.push(new no(A,oo(t))),t=r}else Or.SUPPORT_RANGE_BOUNDS||(t=t.splitText(A.length));s+=A.length}),n},oo=function(A){var e=A.ownerDocument;if(e){var t=e.createElement("html2canvaswrapper");t.appendChild(A.cloneNode(!0));var r=A.parentNode;if(r){r.replaceChild(t,A);var n=B(t);return t.firstChild&&r.replaceChild(t.firstChild,t),n}}return new i(0,0,0,0)},io=function(A,e,t){var r=A.ownerDocument;if(!r)throw new Error("Node has no owner document");var n=r.createRange();return n.setStart(A,e),n.setEnd(A,e+t),i.fromClientRect(n.getBoundingClientRect())},Bo=function(A,e){return 0!==e.letterSpacing?c(A).map(function(A){return u(A)}):ao(A,e)},ao=function(A,e){for(var t,r=XA(A,{lineBreak:e.lineBreak,wordBreak:e.overflowWrap===Bs.BREAK_WORD?"break-word":e.wordBreak}),n=[];!(t=r.next()).done;)t.value&&n.push(t.value.slice());return n},co=function(){function A(A,e){this.text=uo(A.data,e.textTransform),this.textBounds=so(this.text,e,A)}return A}(),uo=function(A,e){switch(e){case Cs.LOWERCASE:return A.toLowerCase();case Cs.CAPITALIZE:return A.replace(Qo,lo);case Cs.UPPERCASE:return A.toUpperCase();default:return A}},Qo=/(^|\s|:|-|\(|\))([a-z])/g,lo=function(A,e,t){return A.length>0?e+t.toUpperCase():A},wo=function(e){function t(A){var t=e.call(this,A)||this;return t.src=A.currentSrc||A.src,t.intrinsicWidth=A.naturalWidth,t.intrinsicHeight=A.naturalHeight,Dr.getInstance().addImage(t.src),t}return A(t,e),t}(ro),ho=function(e){function t(A){var t=e.call(this,A)||this;return t.canvas=A,t.intrinsicWidth=A.width,t.intrinsicHeight=A.height,t}return A(t,e),t}(ro),go=function(e){function t(A){var t=e.call(this,A)||this,r=new XMLSerializer;return t.svg="data:image/svg+xml,"+encodeURIComponent(r.serializeToString(A)),t.intrinsicWidth=A.width.baseVal.value,t.intrinsicHeight=A.height.baseVal.value,Dr.getInstance().addImage(t.svg),t}return A(t,e),t}(ro),Uo=function(e){function t(A){var t=e.call(this,A)||this;return t.value=A.value,t}return A(t,e),t}(ro),Co=function(e){function t(A){var t=e.call(this,A)||this;return t.start=A.start,t.reversed="boolean"==typeof A.reversed&&A.reversed===!0,t}return A(t,e),t}(ro),fo=[{type:h.DIMENSION_TOKEN,flags:0,unit:"px",number:3}],Eo=[{type:h.PERCENTAGE_TOKEN,flags:0,number:50}],Fo=function(A){return A.width>A.height?new i(A.left+(A.width-A.height)/2,A.top,A.height,A.height):A.width<A.height?new i(A.left,A.top+(A.height-A.width)/2,A.width,A.width):A},po=function(A){var e=A.type===Ko?new Array(A.value.length+1).join("•"):A.value;return 0===e.length?A.placeholder||"":e},Ho="checkbox",No="radio",Ko="password",mo=707406591,bo=function(e){function t(A){var t=e.call(this,A)||this;switch(t.type=A.type.toLowerCase(),t.checked=A.checked,t.value=po(A),t.type!==Ho&&t.type!==No||(t.styles.backgroundColor=3739148031,t.styles.borderTopColor=t.styles.borderRightColor=t.styles.borderBottomColor=t.styles.borderLeftColor=2779096575,t.styles.borderTopWidth=t.styles.borderRightWidth=t.styles.borderBottomWidth=t.styles.borderLeftWidth=1,t.styles.borderTopStyle=t.styles.borderRightStyle=t.styles.borderBottomStyle=t.styles.borderLeftStyle=Un.SOLID,t.styles.backgroundClip=[wr.BORDER_BOX],t.styles.backgroundOrigin=[0],t.bounds=Fo(t.bounds)),t.type){case Ho:t.styles.borderTopRightRadius=t.styles.borderTopLeftRadius=t.styles.borderBottomRightRadius=t.styles.borderBottomLeftRadius=fo;break;case No:t.styles.borderTopRightRadius=t.styles.borderTopLeftRadius=t.styles.borderBottomRightRadius=t.styles.borderBottomLeftRadius=Eo}return t}return A(t,e),t}(ro),vo=function(e){function t(A){var t=e.call(this,A)||this,r=A.options[A.selectedIndex||0];return t.value=r?r.text||"":"",t}return A(t,e),t}(ro),Io=function(e){function t(A){var t=e.call(this,A)||this;return t.value=A.value,t}return A(t,e),t}(ro),To=function(A){return sr.parse(yt.create(A).parseComponentValue())},Ro=function(e){function t(A){var t=e.call(this,A)||this;t.src=A.src,t.width=parseInt(A.width,10)||0,t.height=parseInt(A.height,10)||0,t.backgroundColor=t.styles.backgroundColor;try{if(A.contentWindow&&A.contentWindow.document&&A.contentWindow.document.documentElement){
-t.tree=So(A.contentWindow.document.documentElement);var r=A.contentWindow.document.documentElement?To(getComputedStyle(A.contentWindow.document.documentElement).backgroundColor):lr.TRANSPARENT,n=A.contentWindow.document.body?To(getComputedStyle(A.contentWindow.document.body).backgroundColor):lr.TRANSPARENT;t.backgroundColor=or(r)?or(n)?t.styles.backgroundColor:n:r}}catch(s){}return t}return A(t,e),t}(ro),yo=["OL","UL","MENU"],Lo=function vB(A,e,t){for(var r=A.firstChild,n=void 0;r;r=n)if(n=r.nextSibling,_o(r)&&r.data.trim().length>0)e.textNodes.push(new co(r,e.styles));else if(ko(r)){var s=Oo(r);s.styles.isVisible()&&(Do(r,s,t)?s.flags|=4:Mo(s.styles)&&(s.flags|=2),yo.indexOf(r.tagName)!==-1&&(s.flags|=8),e.elements.push(s),$o(r)||Jo(r)||Ai(r)||vB(r,s,t))}},Oo=function(A){return Yo(A)?new wo(A):Wo(A)?new ho(A):Jo(A)?new go(A):Po(A)?new Uo(A):zo(A)?new Co(A):Vo(A)?new bo(A):Ai(A)?new vo(A):$o(A)?new Io(A):qo(A)?new Ro(A):new ro(A)},So=function(A){var e=Oo(A);return e.flags|=4,Lo(A,e,e),e},Do=function(A,e,t){return e.styles.isPositionedWithZIndex()||e.styles.opacity<1||e.styles.isTransformed()||Go(A)&&t.styles.isTransparent()},Mo=function(A){return A.isPositioned()||A.isFloating()},_o=function(A){return A.nodeType===Node.TEXT_NODE},ko=function(A){return A.nodeType===Node.ELEMENT_NODE},xo=function(A){return"undefined"!=typeof A.style},Po=function(A){return"LI"===A.tagName},zo=function(A){return"OL"===A.tagName},Vo=function(A){return"INPUT"===A.tagName},Xo=function(A){return"HTML"===A.tagName},Jo=function(A){return"svg"===A.tagName},Go=function(A){return"BODY"===A.tagName},Wo=function(A){return"CANVAS"===A.tagName},Yo=function(A){return"IMG"===A.tagName},qo=function(A){return"IFRAME"===A.tagName},jo=function(A){return"STYLE"===A.tagName},Zo=function(A){return"SCRIPT"===A.tagName},$o=function(A){return"TEXTAREA"===A.tagName},Ai=function(A){return"SELECT"===A.tagName},ei=function(){function A(){this.counters={}}return A.prototype.getCounterValue=function(A){var e=this.counters[A];return e&&e.length?e[e.length-1]:1},A.prototype.getCounterValues=function(A){var e=this.counters[A];return e?e:[]},A.prototype.pop=function(A){var e=this;A.forEach(function(A){return e.counters[A].pop()})},A.prototype.parse=function(A){var e=this,t=A.counterIncrement,r=A.counterReset,n=!0;null!==t&&t.forEach(function(A){var t=e.counters[A.counter];t&&0!==A.increment&&(n=!1,t[Math.max(0,t.length-1)]+=A.increment)});var s=[];return n&&r.forEach(function(A){var t=e.counters[A.counter];s.push(A.counter),t||(t=e.counters[A.counter]=[]),t.push(A.reset)}),s},A}(),ti={integers:[1e3,900,500,400,100,90,50,40,10,9,5,4,1],values:["M","CM","D","CD","C","XC","L","XL","X","IX","V","IV","I"]},ri={integers:[9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,900,800,700,600,500,400,300,200,100,90,80,70,60,50,40,30,20,10,9,8,7,6,5,4,3,2,1],values:["Ք","Փ","Ւ","Ց","Ր","Տ","Վ","Ս","Ռ","Ջ","Պ","Չ","Ո","Շ","Ն","Յ","Մ","Ճ","Ղ","Ձ","Հ","Կ","Ծ","Խ","Լ","Ի","Ժ","Թ","Ը","Է","Զ","Ե","Դ","Գ","Բ","Ա"]},ni={integers:[1e4,9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,400,300,200,100,90,80,70,60,50,40,30,20,19,18,17,16,15,10,9,8,7,6,5,4,3,2,1],values:["י׳","ט׳","ח׳","ז׳","ו׳","ה׳","ד׳","ג׳","ב׳","א׳","ת","ש","ר","ק","צ","פ","ע","ס","נ","מ","ל","כ","יט","יח","יז","טז","טו","י","ט","ח","ז","ו","ה","ד","ג","ב","א"]},si={integers:[1e4,9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,900,800,700,600,500,400,300,200,100,90,80,70,60,50,40,30,20,10,9,8,7,6,5,4,3,2,1],values:["ჵ","ჰ","ჯ","ჴ","ხ","ჭ","წ","ძ","ც","ჩ","შ","ყ","ღ","ქ","ფ","ჳ","ტ","ს","რ","ჟ","პ","ო","ჲ","ნ","მ","ლ","კ","ი","თ","ჱ","ზ","ვ","ე","დ","გ","ბ","ა"]},oi=function(A,e,t,r,n,s){return A<e||A>t?Ci(A,n,s.length>0):r.integers.reduce(function(e,t,n){for(;A>=t;)A-=t,e+=r.values[n];return e},"")+s},ii=function(A,e,t,r){var n="";do t||A--,n=r(A)+n,A/=e;while(A*e>=e);return n},Bi=function(A,e,t,r,n){var s=t-e+1;return(A<0?"-":"")+(ii(Math.abs(A),s,r,function(A){return u(Math.floor(A%s)+e)})+n)},ai=function(A,e,t){void 0===t&&(t=". ");var r=e.length;return ii(Math.abs(A),r,!1,function(A){return e[Math.floor(A%r)]})+t},ci=1,ui=2,Qi=4,li=8,wi=function(A,e,t,r,n,s){if(A<-9999||A>9999)return Ci(A,$n.CJK_DECIMAL,n.length>0);var o=Math.abs(A),i=n;if(0===o)return e[0]+i;for(var B=0;o>0&&B<=4;B++){var a=o%10;0===a&&Js(s,ci)&&""!==i?i=e[a]+i:a>1||1===a&&0===B||1===a&&1===B&&Js(s,ui)||1===a&&1===B&&Js(s,Qi)&&A>100||1===a&&B>1&&Js(s,li)?i=e[a]+(B>0?t[B-1]:"")+i:1===a&&B>0&&(i=t[B-1]+i),o=Math.floor(o/10)}return(A<0?r:"")+i},hi="十百千萬",gi="拾佰仟萬",di="マイナス",Ui="마이너스",Ci=function(A,e,t){var r=t?". ":"",n=t?"、":"",s=t?", ":"",o=t?" ":"";switch(e){case $n.DISC:return"•"+o;case $n.CIRCLE:return"◦"+o;case $n.SQUARE:return"◾"+o;case $n.DECIMAL_LEADING_ZERO:var i=Bi(A,48,57,!0,r);return i.length<4?"0"+i:i;case $n.CJK_DECIMAL:return ai(A,"〇一二三四五六七八九",n);case $n.LOWER_ROMAN:return oi(A,1,3999,ti,$n.DECIMAL,r).toLowerCase();case $n.UPPER_ROMAN:return oi(A,1,3999,ti,$n.DECIMAL,r);case $n.LOWER_GREEK:return Bi(A,945,969,!1,r);case $n.LOWER_ALPHA:return Bi(A,97,122,!1,r);case $n.UPPER_ALPHA:return Bi(A,65,90,!1,r);case $n.ARABIC_INDIC:return Bi(A,1632,1641,!0,r);case $n.ARMENIAN:case $n.UPPER_ARMENIAN:return oi(A,1,9999,ri,$n.DECIMAL,r);case $n.LOWER_ARMENIAN:return oi(A,1,9999,ri,$n.DECIMAL,r).toLowerCase();case $n.BENGALI:return Bi(A,2534,2543,!0,r);case $n.CAMBODIAN:case $n.KHMER:return Bi(A,6112,6121,!0,r);case $n.CJK_EARTHLY_BRANCH:return ai(A,"子丑寅卯辰巳午未申酉戌亥",n);case $n.CJK_HEAVENLY_STEM:return ai(A,"甲乙丙丁戊己庚辛壬癸",n);case $n.CJK_IDEOGRAPHIC:case $n.TRAD_CHINESE_INFORMAL:return wi(A,"零一二三四五六七八九",hi,"負",n,ui|Qi|li);case $n.TRAD_CHINESE_FORMAL:return wi(A,"零壹貳參肆伍陸柒捌玖",gi,"負",n,ci|ui|Qi|li);case $n.SIMP_CHINESE_INFORMAL:return wi(A,"零一二三四五六七八九",hi,"负",n,ui|Qi|li);case $n.SIMP_CHINESE_FORMAL:return wi(A,"零壹贰叁肆伍陆柒捌玖",gi,"负",n,ci|ui|Qi|li);case $n.JAPANESE_INFORMAL:return wi(A,"〇一二三四五六七八九","十百千万",di,n,0);case $n.JAPANESE_FORMAL:return wi(A,"零壱弐参四伍六七八九","拾百千万",di,n,ci|ui|Qi);case $n.KOREAN_HANGUL_FORMAL:return wi(A,"영일이삼사오육칠팔구","십백천만",Ui,s,ci|ui|Qi);case $n.KOREAN_HANJA_INFORMAL:return wi(A,"零一二三四五六七八九","十百千萬",Ui,s,0);case $n.KOREAN_HANJA_FORMAL:return wi(A,"零壹貳參四五六七八九","拾百千",Ui,s,ci|ui|Qi);case $n.DEVANAGARI:return Bi(A,2406,2415,!0,r);case $n.GEORGIAN:return oi(A,1,19999,si,$n.DECIMAL,r);case $n.GUJARATI:return Bi(A,2790,2799,!0,r);case $n.GURMUKHI:return Bi(A,2662,2671,!0,r);case $n.HEBREW:return oi(A,1,10999,ni,$n.DECIMAL,r);case $n.HIRAGANA:return ai(A,"あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん");case $n.HIRAGANA_IROHA:return ai(A,"いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす");case $n.KANNADA:return Bi(A,3302,3311,!0,r);case $n.KATAKANA:return ai(A,"アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",n);case $n.KATAKANA_IROHA:return ai(A,"イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",n);case $n.LAO:return Bi(A,3792,3801,!0,r);case $n.MONGOLIAN:return Bi(A,6160,6169,!0,r);case $n.MYANMAR:return Bi(A,4160,4169,!0,r);case $n.ORIYA:return Bi(A,2918,2927,!0,r);case $n.PERSIAN:return Bi(A,1776,1785,!0,r);case $n.TAMIL:return Bi(A,3046,3055,!0,r);case $n.TELUGU:return Bi(A,3174,3183,!0,r);case $n.THAI:return Bi(A,3664,3673,!0,r);case $n.TIBETAN:return Bi(A,3872,3881,!0,r);case $n.DECIMAL:default:return Bi(A,48,57,!0,r)}},fi="data-html2canvas-ignore",Ei=function(){function A(A,e){if(this.options=e,this.scrolledElements=[],this.referenceElement=A,this.counters=new ei,this.quoteDepth=0,!A.ownerDocument)throw new Error("Cloned element does not have an owner document");this.documentElement=this.cloneNode(A.ownerDocument.documentElement)}return A.prototype.toIFrame=function(A,r){var n=this,s=pi(A,r);if(!s.contentWindow)return Promise.reject("Unable to find iframe window");var o=A.defaultView.pageXOffset,i=A.defaultView.pageYOffset,B=s.contentWindow,a=B.document,c=Hi(s).then(function(){return e(n,void 0,void 0,function(){var A;return t(this,function(e){switch(e.label){case 0:return this.scrolledElements.forEach(bi),B&&(B.scrollTo(r.left,r.top),!/(iPad|iPhone|iPod)/g.test(navigator.userAgent)||B.scrollY===r.top&&B.scrollX===r.left||(a.documentElement.style.top=-r.top+"px",a.documentElement.style.left=-r.left+"px",a.documentElement.style.position="absolute")),A=this.options.onclone,"undefined"==typeof this.clonedReferenceElement?[2,Promise.reject("Error finding the "+this.referenceElement.nodeName+" in the cloned document")]:a.fonts&&a.fonts.ready?[4,a.fonts.ready]:[3,2];case 1:e.sent(),e.label=2;case 2:return"function"==typeof A?[2,Promise.resolve().then(function(){return A(a)}).then(function(){return s})]:[2,s]}})})});return a.open(),a.write(Ki(document.doctype)+"<html></html>"),mi(this.referenceElement.ownerDocument,o,i),a.replaceChild(a.adoptNode(this.documentElement),a.documentElement),a.close(),c},A.prototype.createElementClone=function(A){return Wo(A)?this.createCanvasClone(A):jo(A)?this.createStyleClone(A):A.cloneNode(!1)},A.prototype.createStyleClone=function(A){try{var e=A.sheet;if(e&&e.cssRules){var t=[].slice.call(e.cssRules,0).reduce(function(A,e){return e&&"string"==typeof e.cssText?A+e.cssText:A},""),r=A.cloneNode(!1);return r.textContent=t,r}}catch(n){if(Sr.getInstance(this.options.id).error("Unable to access cssRules property",n),"SecurityError"!==n.name)throw n}return A.cloneNode(!1)},A.prototype.createCanvasClone=function(A){if(this.options.inlineImages&&A.ownerDocument){var e=A.ownerDocument.createElement("img");try{return e.src=A.toDataURL(),e}catch(t){Sr.getInstance(this.options.id).info("Unable to clone canvas contents, canvas is tainted")}}var r=A.cloneNode(!1);try{r.width=A.width,r.height=A.height;var n=A.getContext("2d"),s=r.getContext("2d");return s&&(n?s.putImageData(n.getImageData(0,0,A.width,A.height),0,0):s.drawImage(A,0,0)),r}catch(t){}return r},A.prototype.cloneNode=function(A){if(_o(A))return document.createTextNode(A.data);if(!A.ownerDocument)return A.cloneNode(!1);var e=A.ownerDocument.defaultView;if(xo(A)&&e){var t=this.createElementClone(A),r=e.getComputedStyle(A),n=e.getComputedStyle(A,":before"),s=e.getComputedStyle(A,":after");this.referenceElement===A&&(this.clonedReferenceElement=t),Go(t)&&Li(t);for(var o=this.counters.parse(new eo(r)),i=this.resolvePseudoContent(A,t,n,Vs.BEFORE),B=A.firstChild;B;B=B.nextSibling)ko(B)&&(Zo(B)||B.hasAttribute(fi)||"function"==typeof this.options.ignoreElements&&this.options.ignoreElements(B))||this.options.copyStyles&&ko(B)&&jo(B)||t.appendChild(this.cloneNode(B));i&&t.insertBefore(i,t.firstChild);var a=this.resolvePseudoContent(A,t,s,Vs.AFTER);return a&&t.appendChild(a),this.counters.pop(o),r&&this.options.copyStyles&&!qo(A)&&Ni(r,t),0===A.scrollTop&&0===A.scrollLeft||this.scrolledElements.push([t,A.scrollLeft,A.scrollTop]),($o(A)||Ai(A))&&($o(t)||Ai(t))&&(t.value=A.value),t}return A.cloneNode(!1)},A.prototype.resolvePseudoContent=function(A,e,t,r){var n=this;if(t){var s=t.content,o=e.ownerDocument;if(o&&s&&"none"!==s&&"-moz-alt-content"!==s&&"none"!==t.display){this.counters.parse(new eo(t));var i=new Ao(t),B=o.createElement("html2canvaspseudoelement");return Ni(t,B),i.content.forEach(function(e){if(e.type===h.STRING_TOKEN)B.appendChild(o.createTextNode(e.value));else if(e.type===h.URL_TOKEN){var t=o.createElement("img");t.src=e.value,t.style.opacity="1",B.appendChild(t)}else if(e.type===h.FUNCTION){if("attr"===e.name){var r=e.values.filter(St);r.length&&B.appendChild(o.createTextNode(A.getAttribute(r[0].value)||""))}else if("counter"===e.name){var s=e.values.filter(kt),a=s[0],c=s[1];if(a&&St(a)){var u=n.counters.getCounterValue(a.value),Q=c&&St(c)?ts.parse(c.value):$n.DECIMAL;B.appendChild(o.createTextNode(Ci(u,Q,!1)))}}else if("counters"===e.name){var l=e.values.filter(kt),a=l[0],w=l[1],c=l[2];if(a&&St(a)){var g=n.counters.getCounterValues(a.value),d=c&&St(c)?ts.parse(c.value):$n.DECIMAL,U=w&&w.type===h.STRING_TOKEN?w.value:"",C=g.map(function(A){return Ci(A,d,!1)}).join(U);B.appendChild(o.createTextNode(C))}}}else if(e.type===h.IDENT_TOKEN)switch(e.value){case"open-quote":B.appendChild(o.createTextNode(js(i.quotes,n.quoteDepth++,!0)));break;case"close-quote":B.appendChild(o.createTextNode(js(i.quotes,--n.quoteDepth,!1)));break;default:B.appendChild(o.createTextNode(e.value))}}),B.className=Ti+" "+Ri,e.className+=r===Vs.BEFORE?" "+Ti:" "+Ri,B}}},A.destroy=function(A){return!!A.parentNode&&(A.parentNode.removeChild(A),!0)},A}();!function(A){A[A.BEFORE=0]="BEFORE",A[A.AFTER=1]="AFTER"}(Vs||(Vs={}));var Fi,pi=function(A,e){var t=A.createElement("iframe");return t.className="html2canvas-container",t.style.visibility="hidden",t.style.position="fixed",t.style.left="-10000px",t.style.top="0px",t.style.border="0",t.width=e.width.toString(),t.height=e.height.toString(),t.scrolling="no",t.setAttribute(fi,"true"),A.body.appendChild(t),t},Hi=function(A){return new Promise(function(e,t){var r=A.contentWindow;if(!r)return t("No window assigned for iframe");var n=r.document;r.onload=A.onload=n.onreadystatechange=function(){r.onload=A.onload=n.onreadystatechange=null;var t=setInterval(function(){n.body.childNodes.length>0&&"complete"===n.readyState&&(clearInterval(t),e(A))},50)}})},Ni=function(A,e){for(var t=A.length-1;t>=0;t--){var r=A.item(t);"content"!==r&&e.style.setProperty(r,A.getPropertyValue(r))}return e},Ki=function(A){var e="";return A&&(e+="<!DOCTYPE ",A.name&&(e+=A.name),A.internalSubset&&(e+=A.internalSubset),A.publicId&&(e+='"'+A.publicId+'"'),A.systemId&&(e+='"'+A.systemId+'"'),e+=">"),e},mi=function(A,e,t){A&&A.defaultView&&(e!==A.defaultView.pageXOffset||t!==A.defaultView.pageYOffset)&&A.defaultView.scrollTo(e,t)},bi=function(A){var e=A[0],t=A[1],r=A[2];e.scrollLeft=t,e.scrollTop=r},vi=":before",Ii=":after",Ti="___html2canvas___pseudoelement_before",Ri="___html2canvas___pseudoelement_after",yi='{\n    content: "" !important;\n    display: none !important;\n}',Li=function(A){Oi(A,"."+Ti+vi+yi+"\n         ."+Ri+Ii+yi)},Oi=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}};!function(A){A[A.VECTOR=0]="VECTOR",A[A.BEZIER_CURVE=1]="BEZIER_CURVE"}(Fi||(Fi={}));var Si,Di=function(A,e){return A.length===e.length&&A.some(function(A,t){return A===e[t]})},Mi=function(A,e,t,r,n){return A.map(function(A,s){switch(s){case 0:return A.add(e,t);case 1:return A.add(e+r,t);case 2:return A.add(e+r,t+n);case 3:return A.add(e,t+n)}return A})},_i=function(){function A(A,e){this.type=Fi.VECTOR,this.x=A,this.y=e}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),ki=function(A,e,t){return new _i(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},xi=function(){function A(A,e,t,r){this.type=Fi.BEZIER_CURVE,this.start=A,this.startControl=e,this.endControl=t,this.end=r}return A.prototype.subdivide=function(e,t){var r=ki(this.start,this.startControl,e),n=ki(this.startControl,this.endControl,e),s=ki(this.endControl,this.end,e),o=ki(r,n,e),i=ki(n,s,e),B=ki(o,i,e);return t?new A(this.start,r,o,B):new A(B,i,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),Pi=function(A){return A.type===Fi.BEZIER_CURVE},zi=function(){function A(A){var e=A.styles,t=A.bounds,r=Yt(e.borderTopLeftRadius,t.width,t.height),n=r[0],s=r[1],o=Yt(e.borderTopRightRadius,t.width,t.height),i=o[0],B=o[1],a=Yt(e.borderBottomRightRadius,t.width,t.height),c=a[0],u=a[1],Q=Yt(e.borderBottomLeftRadius,t.width,t.height),l=Q[0],w=Q[1],h=[];h.push((n+i)/t.width),h.push((l+c)/t.width),h.push((s+w)/t.height),h.push((B+u)/t.height);var g=Math.max.apply(Math,h);g>1&&(n/=g,s/=g,i/=g,B/=g,c/=g,u/=g,l/=g,w/=g);var d=t.width-i,U=t.height-u,C=t.width-c,f=t.height-w,E=e.borderTopWidth,F=e.borderRightWidth,p=e.borderBottomWidth,H=e.borderLeftWidth,N=qt(e.paddingTop,A.bounds.width),K=qt(e.paddingRight,A.bounds.width),m=qt(e.paddingBottom,A.bounds.width),b=qt(e.paddingLeft,A.bounds.width);this.topLeftBorderBox=n>0||s>0?Vi(t.left,t.top,n,s,Si.TOP_LEFT):new _i(t.left,t.top),this.topRightBorderBox=i>0||B>0?Vi(t.left+d,t.top,i,B,Si.TOP_RIGHT):new _i(t.left+t.width,t.top),this.bottomRightBorderBox=c>0||u>0?Vi(t.left+C,t.top+U,c,u,Si.BOTTOM_RIGHT):new _i(t.left+t.width,t.top+t.height),this.bottomLeftBorderBox=l>0||w>0?Vi(t.left,t.top+f,l,w,Si.BOTTOM_LEFT):new _i(t.left,t.top+t.height),this.topLeftPaddingBox=n>0||s>0?Vi(t.left+H,t.top+E,Math.max(0,n-H),Math.max(0,s-E),Si.TOP_LEFT):new _i(t.left+H,t.top+E),this.topRightPaddingBox=i>0||B>0?Vi(t.left+Math.min(d,t.width+H),t.top+E,d>t.width+H?0:i-H,B-E,Si.TOP_RIGHT):new _i(t.left+t.width-F,t.top+E),this.bottomRightPaddingBox=c>0||u>0?Vi(t.left+Math.min(C,t.width-H),t.top+Math.min(U,t.height+E),Math.max(0,c-F),u-p,Si.BOTTOM_RIGHT):new _i(t.left+t.width-F,t.top+t.height-p),this.bottomLeftPaddingBox=l>0||w>0?Vi(t.left+H,t.top+f,Math.max(0,l-H),w-p,Si.BOTTOM_LEFT):new _i(t.left+H,t.top+t.height-p),this.topLeftContentBox=n>0||s>0?Vi(t.left+H+b,t.top+E+N,Math.max(0,n-(H+b)),Math.max(0,s-(E+N)),Si.TOP_LEFT):new _i(t.left+H+b,t.top+E+N),this.topRightContentBox=i>0||B>0?Vi(t.left+Math.min(d,t.width+H+b),t.top+E+N,d>t.width+H+b?0:i-H+b,B-(E+N),Si.TOP_RIGHT):new _i(t.left+t.width-(F+K),t.top+E+N),this.bottomRightContentBox=c>0||u>0?Vi(t.left+Math.min(C,t.width-(H+b)),t.top+Math.min(U,t.height+E+N),Math.max(0,c-(F+K)),u-(p+m),Si.BOTTOM_RIGHT):new _i(t.left+t.width-(F+K),t.top+t.height-(p+m)),this.bottomLeftContentBox=l>0||w>0?Vi(t.left+H+b,t.top+f,Math.max(0,l-(H+b)),w-(p+m),Si.BOTTOM_LEFT):new _i(t.left+H+b,t.top+t.height-(p+m))}return A}();!function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"}(Si||(Si={}));var Vi=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),o=t*s,i=r*s,B=A+t,a=e+r;switch(n){case Si.TOP_LEFT:return new xi(new _i(A,a),new _i(A,a-i),new _i(B-o,e),new _i(B,e));case Si.TOP_RIGHT:return new xi(new _i(A,e),new _i(A+o,e),new _i(B,a-i),new _i(B,a));case Si.BOTTOM_RIGHT:return new xi(new _i(B,e),new _i(B,e+i),new _i(A+o,a),new _i(A,a));case Si.BOTTOM_LEFT:default:return new xi(new _i(B,a),new _i(B-o,a),new _i(A,e+i),new _i(A,e))}},Xi=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},Ji=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},Gi=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},Wi=function(){function A(A,e,t){this.type=0,this.offsetX=A,this.offsetY=e,this.matrix=t,this.target=6}return A}(),Yi=function(){function A(A,e){this.type=1,this.target=e,this.path=A}return A}(),qi=function(A){return 0===A.type},ji=function(A){return 1===A.type},Zi=function(){function A(A){this.element=A,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),$i=function(){function A(A,e){if(this.container=A,this.effects=e.slice(0),this.curves=new zi(A),null!==A.styles.transform){var t=A.bounds.left+A.styles.transformOrigin[0].number,r=A.bounds.top+A.styles.transformOrigin[1].number,n=A.styles.transform;this.effects.push(new Wi(t,r,n))}if(A.styles.overflowX!==es.VISIBLE){var s=Xi(this.curves),o=Gi(this.curves);Di(s,o)?this.effects.push(new Yi(s,6)):(this.effects.push(new Yi(s,2)),this.effects.push(new Yi(o,4)))}}return A.prototype.getParentEffects=function(){var A=this.effects.slice(0);if(this.container.styles.overflowX!==es.VISIBLE){var e=Xi(this.curves),t=Gi(this.curves);Di(e,t)||A.push(new Yi(t,6))}return A},A}(),AB=function IB(A,e,t,r){A.container.elements.forEach(function(n){var s=Js(n.flags,4),o=Js(n.flags,2),i=new $i(n,A.getParentEffects());Js(n.styles.display,2048)&&r.push(i);var B=Js(n.flags,8)?[]:r;if(s||o){var a=s||n.styles.isPositioned()?t:e,c=new Zi(i);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var u=n.styles.zIndex.order;if(u<0){var Q=0;a.negativeZIndex.some(function(A,e){return u>A.element.container.styles.zIndex.order?(Q=e,!1):Q>0}),a.negativeZIndex.splice(Q,0,c)}else if(u>0){var l=0;a.positiveZIndex.some(function(A,e){return u>A.element.container.styles.zIndex.order?(l=e+1,!1):l>0}),a.positiveZIndex.splice(l,0,c)}else a.zeroOrAutoZIndexOrTransformedOrOpacity.push(c)}else n.styles.isFloating()?a.nonPositionedFloats.push(c):a.nonPositionedInlineLevel.push(c);IB(i,c,s?c:t,B)}else n.styles.isInlineLevel()?e.inlineLevel.push(i):e.nonInlineLevel.push(i),IB(i,e,t,B);Js(n.flags,8)&&eB(n,B)})},eB=function(A,e){for(var t=A instanceof Co?A.start:1,r=A instanceof Co&&A.reversed,n=0;n<e.length;n++){var s=e[n];s.container instanceof Uo&&"number"==typeof s.container.value&&0!==s.container.value&&(t=s.container.value),s.listValue=Ci(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},tB=function(A){var e=new $i(A,[]),t=new Zi(e),r=[];return AB(e,t,t,r),eB(e.container,r),t},rB=function(A,e){switch(e){case 0:return nB(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return nB(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return nB(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return nB(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},nB=function(A,e,t,r){var n=[];return Pi(A)?n.push(A.subdivide(.5,!1)):n.push(A),Pi(t)?n.push(t.subdivide(.5,!0)):n.push(t),Pi(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),Pi(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},sB=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},oB=function(A){var e=A.styles,t=A.bounds,r=qt(e.paddingLeft,t.width),n=qt(e.paddingRight,t.width),s=qt(e.paddingTop,t.width),o=qt(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+o))},iB=function(A,e){return 0===A?e.bounds:2===A?oB(e):sB(e)},BB=function(A,e){return A===wr.BORDER_BOX?e.bounds:A===wr.CONTENT_BOX?oB(e):sB(e)},aB=function(A,e,t){var r=iB(lB(A.styles.backgroundOrigin,e),A),n=BB(lB(A.styles.backgroundClip,e),A),s=QB(lB(A.styles.backgroundSize,e),t,r),o=s[0],i=s[1],B=Yt(lB(A.styles.backgroundPosition,e),r.width-o,r.height-i),a=wB(lB(A.styles.backgroundRepeat,e),B,s,r,n),c=Math.round(r.left+B[0]),u=Math.round(r.top+B[1]);return[a,c,u,o,i]},cB=function(A){return St(A)&&A.value===hn.AUTO},uB=function(A){return"number"==typeof A},QB=function(A,e,t){var r=e[0],n=e[1],s=e[2],o=A[0],i=A[1];if(Vt(o)&&i&&Vt(i))return[qt(o,t.width),qt(i,t.height)];var B=uB(s);if(St(o)&&(o.value===hn.CONTAIN||o.value===hn.COVER)){if(uB(s)){var a=t.width/t.height;return a<s!=(o.value===hn.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var c=uB(r),u=uB(n),Q=c||u;if(cB(o)&&(!i||cB(i))){if(c&&u)return[r,n];if(!B&&!Q)return[t.width,t.height];if(Q&&B){var l=c?r:n*s,w=u?n:r/s;return[l,w]}var h=c?r:t.width,g=u?n:t.height;return[h,g]}if(B){var d=0,U=0;return Vt(o)?d=qt(o,t.width):Vt(i)&&(U=qt(i,t.height)),cB(o)?d=U*s:i&&!cB(i)||(U=d/s),[d,U]}var C=null,f=null;if(Vt(o)?C=qt(o,t.width):i&&Vt(i)&&(f=qt(i,t.height)),null===C||i&&!cB(i)||(f=c&&u?C/r*n:t.height),null!==f&&cB(o)&&(C=c&&u?f/n*r:t.width),null!==C&&null!==f)return[C,f];throw new Error("Unable to calculate background-size for element")},lB=function(A,e){var t=A[e];return"undefined"==typeof t?A[0]:t},wB=function(A,e,t,r,n){var s=e[0],o=e[1],i=t[0],B=t[1];switch(A){case an.REPEAT_X:return[new _i(Math.round(r.left),Math.round(r.top+o)),new _i(Math.round(r.left+r.width),Math.round(r.top+o)),new _i(Math.round(r.left+r.width),Math.round(B+r.top+o)),new _i(Math.round(r.left),Math.round(B+r.top+o))];case an.REPEAT_Y:return[new _i(Math.round(r.left+s),Math.round(r.top)),new _i(Math.round(r.left+s+i),Math.round(r.top)),new _i(Math.round(r.left+s+i),Math.round(r.height+r.top)),new _i(Math.round(r.left+s),Math.round(r.height+r.top))];case an.NO_REPEAT:return[new _i(Math.round(r.left+s),Math.round(r.top+o)),new _i(Math.round(r.left+s+i),Math.round(r.top+o)),new _i(Math.round(r.left+s+i),Math.round(r.top+o+B)),new _i(Math.round(r.left+s),Math.round(r.top+o+B))];default:return[new _i(Math.round(n.left),Math.round(n.top)),new _i(Math.round(n.left+n.width),Math.round(n.top)),new _i(Math.round(n.left+n.width),Math.round(n.height+n.top)),new _i(Math.round(n.left),Math.round(n.height+n.top))]}},hB="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",gB="Hidden Text",dB=function(){function A(A){this._data={},this._document=A}return A.prototype.parseMetrics=function(A,e){var t=this._document.createElement("div"),r=this._document.createElement("img"),n=this._document.createElement("span"),s=this._document.body;t.style.visibility="hidden",t.style.fontFamily=A,t.style.fontSize=e,t.style.margin="0",t.style.padding="0",s.appendChild(t),r.src=hB,r.width=1,r.height=1,r.style.margin="0",r.style.padding="0",r.style.verticalAlign="baseline",n.style.fontFamily=A,n.style.fontSize=e,n.style.margin="0",n.style.padding="0",n.appendChild(this._document.createTextNode(gB)),t.appendChild(n),t.appendChild(r);var o=r.offsetTop-n.offsetTop+2;t.removeChild(n),t.appendChild(this._document.createTextNode(gB)),t.style.lineHeight="normal",r.style.verticalAlign="super";var i=r.offsetTop-t.offsetTop+2;return s.removeChild(t),{baseline:o,middle:i}},A.prototype.getMetrics=function(A,e){var t=A+" "+e;return"undefined"==typeof this._data[t]&&(this._data[t]=this.parseMetrics(A,e)),this._data[t]},A}(),UB=1e4,CB=function(){function A(A){this._activeEffects=[],this.canvas=A.canvas?A.canvas:document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.options=A,A.canvas||(this.canvas.width=Math.floor(A.width*A.scale),this.canvas.height=Math.floor(A.height*A.scale),this.canvas.style.width=A.width+"px",this.canvas.style.height=A.height+"px"),this.fontMetrics=new dB(document),this.ctx.scale(this.options.scale,this.options.scale),this.ctx.translate(-A.x+A.scrollX,-A.y+A.scrollY),this.ctx.textBaseline="bottom",this._activeEffects=[],Sr.getInstance(A.id).debug("Canvas renderer initialized ("+A.width+"x"+A.height+" at "+A.x+","+A.y+") with scale "+A.scale)}return A.prototype.applyEffects=function(A,e){for(var t=this;this._activeEffects.length;)this.popEffect();A.filter(function(A){return Js(A.target,e)}).forEach(function(A){return t.applyEffect(A)})},A.prototype.applyEffect=function(A){this.ctx.save(),qi(A)&&(this.ctx.translate(A.offsetX,A.offsetY),this.ctx.transform(A.matrix[0],A.matrix[1],A.matrix[2],A.matrix[3],A.matrix[4],A.matrix[5]),this.ctx.translate(-A.offsetX,-A.offsetY)),ji(A)&&(this.path(A.path),this.ctx.clip()),this._activeEffects.push(A)},A.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},A.prototype.renderStack=function(A){return e(this,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return e=A.element.container.styles,e.isVisible()?(this.ctx.globalAlpha=e.opacity,[4,this.renderStackContent(A)]):[3,2];case 1:t.sent(),t.label=2;case 2:return[2]}})})},A.prototype.renderNode=function(A){return e(this,void 0,void 0,function(){return t(this,function(e){switch(e.label){case 0:return A.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(A)]:[3,3];case 1:return e.sent(),[4,this.renderNodeContent(A)];case 2:e.sent(),e.label=3;case 3:return[2]}})})},A.prototype.renderTextWithLetterSpacing=function(A,e){var t=this;if(0===e)this.ctx.fillText(A.text,A.bounds.left,A.bounds.top+A.bounds.height);else{var r=c(A.text).map(function(A){return u(A)});r.reduce(function(e,r){return t.ctx.fillText(r,e,A.bounds.top+A.bounds.height),e+t.ctx.measureText(r).width},A.bounds.left)}},A.prototype.createFontStyle=function(A){var e=A.fontVariant.filter(function(A){return"normal"===A||"small-caps"===A}).join(""),t=A.fontFamily.join(", "),r=Lt(A.fontSize)?""+A.fontSize.number+A.fontSize.unit:A.fontSize.number+"px";return[[A.fontStyle,e,A.fontWeight,r,t].join(" "),t,r]},A.prototype.renderTextNode=function(A,r){return e(this,void 0,void 0,function(){var e,n,s,o,i=this;return t(this,function(t){return e=this.createFontStyle(r),n=e[0],s=e[1],o=e[2],this.ctx.font=n,A.textBounds.forEach(function(A){i.ctx.fillStyle=ir(r.color),i.renderTextWithLetterSpacing(A,r.letterSpacing);var e=r.textShadow;e.length&&A.text.trim().length&&(e.slice(0).reverse().forEach(function(e){i.ctx.shadowColor=ir(e.color),i.ctx.shadowOffsetX=e.offsetX.number*i.options.scale,i.ctx.shadowOffsetY=e.offsetY.number*i.options.scale,i.ctx.shadowBlur=e.blur.number,i.ctx.fillText(A.text,A.bounds.left,A.bounds.top+A.bounds.height)}),i.ctx.shadowColor="",i.ctx.shadowOffsetX=0,i.ctx.shadowOffsetY=0,i.ctx.shadowBlur=0),r.textDecorationLine.length&&(i.ctx.fillStyle=ir(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(e){switch(e){case 1:var t=i.fontMetrics.getMetrics(s,o).baseline;i.ctx.fillRect(A.bounds.left,Math.round(A.bounds.top+t),A.bounds.width,1);break;case 2:i.ctx.fillRect(A.bounds.left,Math.round(A.bounds.top),A.bounds.width,1);break;case 3:var r=i.fontMetrics.getMetrics(s,o).middle;i.ctx.fillRect(A.bounds.left,Math.ceil(A.bounds.top+r),A.bounds.width,1)}}))}),[2]})})},A.prototype.renderReplacedElement=function(A,e,t){if(t&&A.intrinsicWidth>0&&A.intrinsicHeight>0){var r=oB(A),n=Gi(e);this.path(n),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(t,0,0,A.intrinsicWidth,A.intrinsicHeight,r.left,r.top,r.width,r.height),this.ctx.restore()}},A.prototype.renderNodeContent=function(r){return e(this,void 0,void 0,function(){var e,n,s,o,B,a,c,u,c,Q,l,w,h,g,d,U,C,c,f,E,g;return t(this,function(t){switch(t.label){case 0:this.applyEffects(r.effects,4),e=r.container,n=r.curves,s=e.styles,o=0,B=e.textNodes,t.label=1;case 1:return o<B.length?(a=B[o],[4,this.renderTextNode(a,s)]):[3,4];case 2:t.sent(),t.label=3;case 3:return o++,[3,1];case 4:if(!(e instanceof wo))return[3,8];t.label=5;case 5:return t.trys.push([5,7,,8]),[4,this.options.cache.match(e.src)];case 6:return c=t.sent(),this.renderReplacedElement(e,n,c),[3,8];case 7:return u=t.sent(),Sr.getInstance(this.options.id).error("Error loading image "+e.src),[3,8];case 8:if(e instanceof ho&&this.renderReplacedElement(e,n,e.canvas),!(e instanceof go))return[3,12];t.label=9;case 9:return t.trys.push([9,11,,12]),[4,this.options.cache.match(e.svg)];case 10:return c=t.sent(),this.renderReplacedElement(e,n,c),[3,12];case 11:return Q=t.sent(),Sr.getInstance(this.options.id).error("Error loading svg "+e.svg.substring(0,255)),[3,12];case 12:return e instanceof Ro&&e.tree?(l=new A({id:this.options.id,scale:this.options.scale,backgroundColor:e.backgroundColor,x:0,y:0,scrollX:0,scrollY:0,width:e.width,height:e.height,cache:this.options.cache,windowWidth:e.width,windowHeight:e.height}),[4,l.render(e.tree)]):[3,14];case 13:w=t.sent(),e.width&&e.height&&this.ctx.drawImage(w,0,0,e.width,e.height,e.bounds.left,e.bounds.top,e.bounds.width,e.bounds.height),t.label=14;case 14:if(e instanceof bo&&(h=Math.min(e.bounds.width,e.bounds.height),e.type===Ho?e.checked&&(this.ctx.save(),this.path([new _i(e.bounds.left+.39363*h,e.bounds.top+.79*h),new _i(e.bounds.left+.16*h,e.bounds.top+.5549*h),new _i(e.bounds.left+.27347*h,e.bounds.top+.44071*h),new _i(e.bounds.left+.39694*h,e.bounds.top+.5649*h),new _i(e.bounds.left+.72983*h,e.bounds.top+.23*h),new _i(e.bounds.left+.84*h,e.bounds.top+.34085*h),new _i(e.bounds.left+.39363*h,e.bounds.top+.79*h)]),this.ctx.fillStyle=ir(mo),this.ctx.fill(),this.ctx.restore()):e.type===No&&e.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(e.bounds.left+h/2,e.bounds.top+h/2,h/4,0,2*Math.PI,!0),this.ctx.fillStyle=ir(mo),this.ctx.fill(),this.ctx.restore())),fB(e)&&e.value.length){switch(this.ctx.font=this.createFontStyle(s)[0],this.ctx.fillStyle=ir(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign=FB(e.styles.textAlign),
-g=oB(e),d=0,e.styles.textAlign){case cs.CENTER:d+=g.width/2;break;case cs.RIGHT:d+=g.width}U=g.add(d,0,0,-g.height/2+1),this.ctx.save(),this.path([new _i(g.left,g.top),new _i(g.left+g.width,g.top),new _i(g.left+g.width,g.top+g.height),new _i(g.left,g.top+g.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new no(e.value,U),s.letterSpacing),this.ctx.restore(),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"}if(!Js(e.styles.display,2048))return[3,20];if(null===e.styles.listStyleImage)return[3,19];if(C=e.styles.listStyleImage,C.type!==hr.URL)return[3,18];c=void 0,f=C.url,t.label=15;case 15:return t.trys.push([15,17,,18]),[4,this.options.cache.match(f)];case 16:return c=t.sent(),this.ctx.drawImage(c,e.bounds.left-(c.width+10),e.bounds.top),[3,18];case 17:return E=t.sent(),Sr.getInstance(this.options.id).error("Error loading list-style-image "+f),[3,18];case 18:return[3,20];case 19:r.listValue&&e.styles.listStyleType!==$n.NONE&&(this.ctx.font=this.createFontStyle(s)[0],this.ctx.fillStyle=ir(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",g=new i(e.bounds.left,e.bounds.top+qt(e.styles.paddingTop,e.bounds.width),e.bounds.width,jn(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new no(r.listValue,g),s.letterSpacing),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),t.label=20;case 20:return[2]}})})},A.prototype.renderStackContent=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,n,i,B,n,a,c,n,u,Q,n,l,w,n,h,g,n;return t(this,function(t){switch(t.label){case 0:return[4,this.renderNodeBackgroundAndBorders(A.element)];case 1:t.sent(),e=0,r=A.negativeZIndex,t.label=2;case 2:return e<r.length?(n=r[e],[4,this.renderStack(n)]):[3,5];case 3:t.sent(),t.label=4;case 4:return e++,[3,2];case 5:return[4,this.renderNodeContent(A.element)];case 6:t.sent(),s=0,o=A.nonInlineLevel,t.label=7;case 7:return s<o.length?(n=o[s],[4,this.renderNode(n)]):[3,10];case 8:t.sent(),t.label=9;case 9:return s++,[3,7];case 10:i=0,B=A.nonPositionedFloats,t.label=11;case 11:return i<B.length?(n=B[i],[4,this.renderStack(n)]):[3,14];case 12:t.sent(),t.label=13;case 13:return i++,[3,11];case 14:a=0,c=A.nonPositionedInlineLevel,t.label=15;case 15:return a<c.length?(n=c[a],[4,this.renderStack(n)]):[3,18];case 16:t.sent(),t.label=17;case 17:return a++,[3,15];case 18:u=0,Q=A.inlineLevel,t.label=19;case 19:return u<Q.length?(n=Q[u],[4,this.renderNode(n)]):[3,22];case 20:t.sent(),t.label=21;case 21:return u++,[3,19];case 22:l=0,w=A.zeroOrAutoZIndexOrTransformedOrOpacity,t.label=23;case 23:return l<w.length?(n=w[l],[4,this.renderStack(n)]):[3,26];case 24:t.sent(),t.label=25;case 25:return l++,[3,23];case 26:h=0,g=A.positiveZIndex,t.label=27;case 27:return h<g.length?(n=g[h],[4,this.renderStack(n)]):[3,30];case 28:t.sent(),t.label=29;case 29:return h++,[3,27];case 30:return[2]}})})},A.prototype.mask=function(A){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(A.slice(0).reverse()),this.ctx.closePath()},A.prototype.path=function(A){this.ctx.beginPath(),this.formatPath(A),this.ctx.closePath()},A.prototype.formatPath=function(A){var e=this;A.forEach(function(A,t){var r=Pi(A)?A.start:A;0===t?e.ctx.moveTo(r.x,r.y):e.ctx.lineTo(r.x,r.y),Pi(A)&&e.ctx.bezierCurveTo(A.startControl.x,A.startControl.y,A.endControl.x,A.endControl.y,A.end.x,A.end.y)})},A.prototype.renderRepeat=function(A,e,t,r){this.path(A),this.ctx.fillStyle=e,this.ctx.translate(t,r),this.ctx.fill(),this.ctx.translate(-t,-r)},A.prototype.resizeImage=function(A,e,t){if(A.width===e&&A.height===t)return A;var r=this.canvas.ownerDocument.createElement("canvas");r.width=e,r.height=t;var n=r.getContext("2d");return n.drawImage(A,0,0,A.width,A.height,0,0,e,t),r},A.prototype.renderBackgroundImage=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,i;return t(this,function(B){switch(B.label){case 0:e=A.styles.backgroundImage.length-1,r=function(r){var s,o,i,B,a,c,u,Q,l,w,h,a,c,u,Q,l,g,d,U,C,f,E,F,p,H,w,N,a,K,m,Q,l,b,c,u,v,I,T,R,y,L,O,S;return t(this,function(t){switch(t.label){case 0:if(r.type!==hr.URL)return[3,5];s=void 0,o=r.url,t.label=1;case 1:return t.trys.push([1,3,,4]),[4,n.options.cache.match(o)];case 2:return s=t.sent(),[3,4];case 3:return i=t.sent(),Sr.getInstance(n.options.id).error("Error loading background-image "+o),[3,4];case 4:return s&&(B=aB(A,e,[s.width,s.height,s.width/s.height]),a=B[0],c=B[1],u=B[2],Q=B[3],l=B[4],w=n.ctx.createPattern(n.resizeImage(s,Q,l),"repeat"),n.renderRepeat(a,w,c,u)),[3,6];case 5:sn(r)?(h=aB(A,e,[null,null,null]),a=h[0],c=h[1],u=h[2],Q=h[3],l=h[4],g=Er(r.angle,Q,l),d=g[0],U=g[1],C=g[2],f=g[3],E=g[4],F=document.createElement("canvas"),F.width=Q,F.height=l,p=F.getContext("2d"),H=p.createLinearGradient(U,f,C,E),Cr(r.stops,d).forEach(function(A){return H.addColorStop(A.stop,ir(A.color))}),p.fillStyle=H,p.fillRect(0,0,Q,l),Q>0&&l>0&&(w=n.ctx.createPattern(F,"repeat"),n.renderRepeat(a,w,c,u))):on(r)&&(N=aB(A,e,[null,null,null]),a=N[0],K=N[1],m=N[2],Q=N[3],l=N[4],b=0===r.position.length?[Gt]:r.position,c=qt(b[0],Q),u=qt(b[b.length-1],l),v=Hr(r,c,u,Q,l),I=v[0],T=v[1],I>0&&I>0&&(R=n.ctx.createRadialGradient(K+c,m+u,0,K+c,m+u,I),Cr(r.stops,2*I).forEach(function(A){return R.addColorStop(A.stop,ir(A.color))}),n.path(a),n.ctx.fillStyle=R,I!==T?(y=A.bounds.left+.5*A.bounds.width,L=A.bounds.top+.5*A.bounds.height,O=T/I,S=1/O,n.ctx.save(),n.ctx.translate(y,L),n.ctx.transform(1,0,0,O,0,0),n.ctx.translate(-y,-L),n.ctx.fillRect(K,S*(m-L)+L,Q,l*S),n.ctx.restore()):n.ctx.fill())),t.label=6;case 6:return e--,[2]}})},n=this,s=0,o=A.styles.backgroundImage.slice(0).reverse(),B.label=1;case 1:return s<o.length?(i=o[s],[5,r(i)]):[3,4];case 2:B.sent(),B.label=3;case 3:return s++,[3,1];case 4:return[2]}})})},A.prototype.renderBorder=function(A,r,n){return e(this,void 0,void 0,function(){return t(this,function(e){return this.path(rB(n,r)),this.ctx.fillStyle=ir(A),this.ctx.fill(),[2]})})},A.prototype.renderNodeBackgroundAndBorders=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,i,B,a,c=this;return t(this,function(t){switch(t.label){case 0:return this.applyEffects(A.effects,2),e=A.container.styles,r=!or(e.backgroundColor)||e.backgroundImage.length,n=[{style:e.borderTopStyle,color:e.borderTopColor},{style:e.borderRightStyle,color:e.borderRightColor},{style:e.borderBottomStyle,color:e.borderBottomColor},{style:e.borderLeftStyle,color:e.borderLeftColor}],s=EB(lB(e.backgroundClip,0),A.curves),r||e.boxShadow.length?(this.ctx.save(),this.path(s),this.ctx.clip(),or(e.backgroundColor)||(this.ctx.fillStyle=ir(e.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(A.container)]):[3,2];case 1:t.sent(),this.ctx.restore(),e.boxShadow.slice(0).reverse().forEach(function(e){c.ctx.save();var t=Xi(A.curves),r=e.inset?0:UB,n=Mi(t,-r+(e.inset?1:-1)*e.spread.number,(e.inset?1:-1)*e.spread.number,e.spread.number*(e.inset?-2:2),e.spread.number*(e.inset?-2:2));e.inset?(c.path(t),c.ctx.clip(),c.mask(n)):(c.mask(t),c.ctx.clip(),c.path(n)),c.ctx.shadowOffsetX=e.offsetX.number+r,c.ctx.shadowOffsetY=e.offsetY.number,c.ctx.shadowColor=ir(e.color),c.ctx.shadowBlur=e.blur.number,c.ctx.fillStyle=e.inset?ir(e.color):"rgba(0,0,0,1)",c.ctx.fill(),c.ctx.restore()}),t.label=2;case 2:o=0,i=0,B=n,t.label=3;case 3:return i<B.length?(a=B[i],a.style===Un.NONE||or(a.color)?[3,5]:[4,this.renderBorder(a.color,o,A.curves)]):[3,7];case 4:t.sent(),t.label=5;case 5:o++,t.label=6;case 6:return i++,[3,3];case 7:return[2]}})})},A.prototype.render=function(A){return e(this,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=ir(this.options.backgroundColor),this.ctx.fillRect(this.options.x-this.options.scrollX,this.options.y-this.options.scrollY,this.options.width,this.options.height)),e=tB(A),[4,this.renderStack(e)];case 1:return t.sent(),this.applyEffects([],2),[2,this.canvas]}})})},A}(),fB=function(A){return A instanceof Io||(A instanceof vo||A instanceof bo&&A.type!==No&&A.type!==Ho)},EB=function(A,e){switch(A){case wr.BORDER_BOX:return Xi(e);case wr.CONTENT_BOX:return Ji(e);case wr.PADDING_BOX:default:return Gi(e)}},FB=function(A){switch(A){case cs.CENTER:return"center";case cs.RIGHT:return"right";case cs.LEFT:default:return"left"}},pB=function(){function A(A){this.canvas=A.canvas?A.canvas:document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.options=A,this.canvas.width=Math.floor(A.width*A.scale),this.canvas.height=Math.floor(A.height*A.scale),this.canvas.style.width=A.width+"px",this.canvas.style.height=A.height+"px",this.ctx.scale(this.options.scale,this.options.scale),this.ctx.translate(-A.x+A.scrollX,-A.y+A.scrollY),Sr.getInstance(A.id).debug("EXPERIMENTAL ForeignObject renderer initialized ("+A.width+"x"+A.height+" at "+A.x+","+A.y+") with scale "+A.scale)}return A.prototype.render=function(A){return e(this,void 0,void 0,function(){var e,r;return t(this,function(t){switch(t.label){case 0:return e=yr(Math.max(this.options.windowWidth,this.options.width)*this.options.scale,Math.max(this.options.windowHeight,this.options.height)*this.options.scale,this.options.scrollX*this.options.scale,this.options.scrollY*this.options.scale,A),[4,HB(e)];case 1:return r=t.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=ir(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(r,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},A}(),HB=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent((new XMLSerializer).serializeToString(A))})},NB=void 0,KB=function(A){return sr.parse(yt.create(A).parseComponentValue())},mB=function(A,e){return void 0===e&&(e={}),bB(A,e)};Dr.setContext(window);var bB=function(A,r){return e(NB,void 0,void 0,function(){var e,n,s,c,u,Q,l,w,h,g,d,U,C,f,E,F,p,H,N,K,m,b,v,I,T,I;return t(this,function(t){switch(t.label){case 0:if(e=A.ownerDocument,!e)throw new Error("Element is not attached to a Document");if(n=e.defaultView,!n)throw new Error("Document is not attached to a Window");return s=(Math.round(1e3*Math.random())+Date.now()).toString(16),c=Go(A)||Xo(A)?a(e):B(A),u=c.width,Q=c.height,l=c.left,w=c.top,h={allowTaint:!1,imageTimeout:15e3,proxy:void 0,useCORS:!1},g=o({},h,r),d={backgroundColor:"#ffffff",cache:r.cache?r.cache:Dr.create(s,g),logging:!0,removeContainer:!0,foreignObjectRendering:!1,scale:n.devicePixelRatio||1,windowWidth:n.innerWidth,windowHeight:n.innerHeight,scrollX:n.pageXOffset,scrollY:n.pageYOffset,x:l,y:w,width:Math.ceil(u),height:Math.ceil(Q),id:s},U=o({},d,g,r),C=new i(U.scrollX,U.scrollY,U.windowWidth,U.windowHeight),Sr.create({id:s,enabled:U.logging}),Sr.getInstance(s).debug("Starting document clone"),f=new Ei(A,{id:s,onclone:U.onclone,ignoreElements:U.ignoreElements,inlineImages:U.foreignObjectRendering,copyStyles:U.foreignObjectRendering}),E=f.clonedReferenceElement,E?[4,f.toIFrame(e,C)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return F=t.sent(),p=e.documentElement?KB(getComputedStyle(e.documentElement).backgroundColor):lr.TRANSPARENT,H=e.body?KB(getComputedStyle(e.body).backgroundColor):lr.TRANSPARENT,N=r.backgroundColor,K="string"==typeof N?KB(N):null===N?lr.TRANSPARENT:4294967295,m=A===e.documentElement?or(p)?or(H)?K:H:p:K,b={id:s,cache:U.cache,canvas:U.canvas,backgroundColor:m,scale:U.scale,x:U.x,y:U.y,scrollX:U.scrollX,scrollY:U.scrollY,width:U.width,height:U.height,windowWidth:U.windowWidth,windowHeight:U.windowHeight},U.foreignObjectRendering?(Sr.getInstance(s).debug("Document cloned, using foreign object rendering"),I=new pB(b),[4,I.render(E)]):[3,3];case 2:return v=t.sent(),[3,5];case 3:return Sr.getInstance(s).debug("Document cloned, using computed rendering"),Dr.attachInstance(U.cache),Sr.getInstance(s).debug("Starting DOM parsing"),T=So(E),Dr.detachInstance(),m===T.styles.backgroundColor&&(T.styles.backgroundColor=lr.TRANSPARENT),Sr.getInstance(s).debug("Starting renderer"),I=new CB(b),[4,I.render(T)];case 4:v=t.sent(),t.label=5;case 5:return U.removeContainer===!0&&(Ei.destroy(F)||Sr.getInstance(s).error("Cannot detach cloned iframe as it is not in the DOM anymore")),Sr.getInstance(s).debug("Finished rendering"),Sr.destroy(s),Dr.destroy(s),[2,v]}})})};return mB})},{}],3:[function(A,e,t){function r(A){var e;if(2===arguments.length&&"object"===_typeof(arguments[1]))e=arguments[1];else{e=new Array(arguments.length-1);for(var t=1;t<arguments.length;++t)e[t-1]=arguments[t]}return e&&e.hasOwnProperty||(e={}),A.replace(n,function(t,r,n){var s;return"{"===A[n-1]&&"}"===A[n+t.length]?r:(s=e.hasOwnProperty(r)?e[r]:null,null===s||void 0===s?"":s)})}var n=/\{([0-9a-zA-Z_]+)\}/g;e.exports=r},{}],4:[function(A,e,t){var r=A("html2canvas/dist/html2canvas"),n=A("./utility"),s=A("string-template"),o=n.EventHandler,i=A("../i18n/en.properties");!function(e){var t={highlighter:A("../templates/highlighter.html"),overview:A("../templates/overview.html"),submitSuccess:A("../templates/submitSuccess.html"),submitError:A("../templates/submitError.html")},B=function(A){return A.split(/\r?\n/).filter(function(A){return A&&!A.startsWith("#")}).map(function(A){return A.split("=")}).map(function(A){return[A[0],A.slice(1).join("=")]}).reduce(function(A,e){var t=_slicedToArray(e,2),r=t[0],n=t[1];return A[r]=n,A},{})},a=function(A,e){return s(A,e)},c=function(){e("body").prepend(e("<div />",{"class":"feedback-spinner"}))},u=function(){e(".feedback-spinner").remove()};e.feedback=function(A){function s(){R=!1,e(document).off("mouseenter mouseleave",".feedback-helper"),e(document).off("mouseup keyup"),e(document).off("mousedown",".feedback-setblackout"),e(document).off("mousedown",".feedback-sethighlight"),e(document).off("mousedown click","#feedback-close"),e(document).off("mousedown","#feedback-canvas"),e(document).off("click","#feedback-highlighter-next"),e(document).off("click","#feedback-highlighter-back"),e(document).off("click","#feedback-welcome-next"),e(document).off("click","#feedback-overview-back"),e(document).off("mouseleave","body"),e(document).off("mouseenter",".feedback-helper"),e(document).off("selectstart dragstart",document),e("#feedback-module").off("click",".feedback-wizard-close,.feedback-close-btn"),e(document).off("click","#feedback-submit"),h.highlightElement&&(e(document).off("click","#feedback-canvas"),e(document).off("mousemove","#feedback-canvas")),e('[data-highlighted="true"]').removeAttr("data-highlight-id").removeAttr("data-highlighted"),e("#feedback-module").remove(),e(".feedback-btn").show(),h.onClose.call(this)}function Q(A,t){t="undefined"==typeof t||t,A.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),A.fillStyle="rgba(102,102,102,0.5)",A.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&t&&l(A,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&A.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(A.fillStyle="rgba(0,0,0,1)",A.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))})}function l(A,e,t,r,n){A.strokeStyle=h.strokeStyle,A.shadowColor=h.shadowColor,A.shadowOffsetX=h.shadowOffsetX,A.shadowOffsetY=h.shadowOffsetY,A.shadowBlur=h.shadowBlur,A.lineJoin=h.lineJoin,A.lineWidth=h.lineWidth,A.strokeRect(e,t,r,n),A.shadowOffsetX=0,A.shadowOffsetY=0,A.shadowBlur=0,A.lineWidth=1}var w=B(A.i18nProperties||i),h=e.extend({ajaxURL:"",postBrowserInfo:!0,postHTML:!0,postURL:!0,proxy:void 0,letterRendering:!1,descriptionTemplate:"",initButtonText:w.send_feedback,strokeStyle:"black",shadowColor:"black",shadowOffsetX:1,shadowOffsetY:1,shadowBlur:10,lineJoin:"bevel",lineWidth:3,feedbackButton:".feedback-btn",isDraggable:!0,onScreenshotTaken:function(){},tpl:{highlighter:a(t.highlighter,w),overview:a(t.overview,w),submitSuccess:a(t.submitSuccess,w),submitError:a(t.submitError,w)},onClose:function(){},screenshotStroke:!0,highlightElement:!0},A),g=!!window.HTMLCanvasElement,d=".feedback-btn"==h.feedbackButton,U=void 0,C=void 0,f=void 0,E=void 0,F=void 0,p=void 0,H=void 0,N=void 0,K=void 0,m=void 0,b=void 0,v=void 0,I=void 0,T=void 0,R=void 0;g&&(d&&e("body").append('<button class="feedback-btn feedback-btn-gray">'+h.initButtonText+"</button>"),e(document).on("click",h.feedbackButton,function(){e("div[tabindex='-1']").removeAttr("tabindex"),d&&e(this).hide();var A=!1,t="",i=e(document).height(),B=e(document).width(),a='<div id="feedback-module">';a+=h.tpl.highlighter+h.tpl.overview+'<canvas id="feedback-canvas"></canvas><div id="feedback-helpers"></div><input id="feedback-note" name="feedback-note" type="hidden"></div>',e("body").append(a);var w=new o(e("#feedback-highlighter").get(0)),g=new o(e("#feedback-highlighter").get(0).parentNode);if(U={position:"absolute",left:"0px",top:"0px"},C={width:B,height:i},e("#feedback-module").css(U),e("#feedback-canvas").attr(C).css("z-index","30000"),e("#feedback-highlighter-back").remove(),A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-helpers").show(),e("#feedback-welcome").hide(),e("#feedback-highlighter").show(),h.isDraggable){var R=null;w.on_pointer_events(function(A){var t=A.touches?A.touches[0]:A,r=e("#feedback-highlighter").addClass("feedback-draggable"),n=r.outerHeight(),s=r.outerWidth(),o=r.offset().top+n-t.pageY,i=r.offset().left+s-t.pageX;r.css("z-index",4e4),R=function(A){var t=A.touches?A.touches[0]:A;f=t.pageY+o-n,E=t.pageX+i-s,F=n-t.pageY,p=s-t.pageX,E<0&&(E=0),f<0&&(f=0),p>e(window).width()&&(E=e(window).width()-s),E>e(window).width()-s&&(E=e(window).width()-s),F>e(document).height()&&(f=e(document).height()-n),f>e(document).height()-n&&(f=e(document).height()-n),e(".feedback-draggable").offset({top:f,left:E}).on("mouseup",function(){e(this).removeClass("feedback-draggable")})},g.on_pointer_events(R,"move"),A.preventDefault()},"down").on_pointer_events(function(A){e("#feedback-highlighter").removeClass("feedback-draggable"),g.off_pointer_events(R,"move")},"up")}var y=e("#feedback-canvas")[0].getContext("2d");if(y.fillStyle="rgba(102,102,102,0.5)",y.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),H={},N=!1,K=1,m={},h.postBrowserInfo&&(m.browser={},m.browser.appCodeName=navigator.appCodeName,m.browser.appName=navigator.appName,m.browser.appVersion=navigator.appVersion,m.browser.cookieEnabled=navigator.cookieEnabled,m.browser.onLine=navigator.onLine,m.browser.platform=navigator.platform,m.browser.userAgent=navigator.userAgent,m.browser.plugins=[],e.each(navigator.plugins,function(A){m.browser.plugins.push(navigator.plugins[A].name)}),e("#feedback-browser-info").show()),h.postURL&&(m.url=document.URL,e("#feedback-page-info").show()),h.postHTML&&(m.html=e("html").html(),e("#feedback-page-structure").show()),h.postBrowserInfo||h.postURL||h.postHTML||e("#feedback-additional-none").show(),e(document).on("mousedown","#feedback-canvas",function(t){A&&(H.startX=t.pageX-e(this).offset().left,H.startY=t.pageY-e(this).offset().top,H.w=0,H.h=0,N=!0)}),e(document).on("mouseup",function(){if(A){N=!1;var t=H.startY,r=H.startX,n=H.w,s=H.h;if(b="highlight",0==n||0==s)return;n<0&&(r+=n,n*=-1),s<0&&(t+=s,s*=-1),t+s>e(document).height()&&(s=e(document).height()-t),r+n>e(document).width()&&(n=e(document).width()-r),0==K&&(b="blackout"),e("#feedback-helpers").append('<div class="feedback-helper" data-type="'+b+'" data-time="'+Date.now()+'" style="position:absolute;top:'+t+"px;left:"+r+"px;width:"+n+"px;height:"+s+'px;z-index:30000;"></div>'),Q(y),H.w=0}}),e(document).on("mousemove",function(t){A&&N&&(e("#feedback-highlighter").css("cursor","default"),H.w=t.pageX-e("#feedback-canvas").offset().left-H.startX,H.h=t.pageY-e("#feedback-canvas").offset().top-H.startY,y.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),y.fillStyle="rgba(102,102,102,0.5)",y.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&l(y,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),1==K&&(l(y,H.startX,H.startY,H.w,H.h),y.clearRect(H.startX,H.startY,H.w,H.h)),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&y.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(y.fillStyle="rgba(0,0,0,1)",y.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))}),0==K&&(y.fillStyle="rgba(0,0,0,0.5)",y.fillRect(H.startX,H.startY,H.w,H.h)))}),h.highlightElement){var L=[],O=[],S=0;e(document).on("mousemove click","#feedback-canvas",function(t){if(A){Q(y),O=[],e("#feedback-canvas").css("cursor","crosshair"),e("* :not(body,script,iframe,div,section,.feedback-btn,#feedback-module *)").each(function(){"true"!==e(this).attr("data-highlighted")&&t.pageX>e(this).offset().left&&t.pageX<e(this).offset().left+e(this).width()&&t.pageY>e(this).offset().top+parseInt(e(this).css("padding-top"),10)&&t.pageY<e(this).offset().top+e(this).height()+parseInt(e(this).css("padding-top"),10)&&O.push(e(this))});var r=O[O.length-1];if(r&&!N){e("#feedback-canvas").css("cursor","pointer");var n=r.offset().left-2,s=r.offset().top-2,o=r.width()+parseInt(r.css("padding-left"),10)+parseInt(r.css("padding-right"),10)+6,i=r.height()+parseInt(r.css("padding-top"),10)+parseInt(r.css("padding-bottom"),10)+6;1==K&&(l(y,n,s,o,i),y.clearRect(n,s,o,i),b="highlight"),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&y.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),0==K&&(b="blackout",y.fillStyle="rgba(0,0,0,0.5)",y.fillRect(n,s,o,i)),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(y.fillStyle="rgba(0,0,0,1)",y.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))}),"click"==t.type&&Math.round(t.pageX)==Math.round(H.startX)&&Math.round(t.pageY)==Math.round(H.startY)&&(e("#feedback-helpers").append('<div class="feedback-helper" data-highlight-id="'+S+'" data-type="'+b+'" data-time="'+Date.now()+'" style="position:absolute;top:'+s+"px;left:"+n+"px;width:"+o+"px;height:"+i+'px;z-index:30000;"></div>'),L.push(S),++S,Q(y))}}})}e(document).on("mouseleave","body,#feedback-canvas",function(){Q(y)}),e(document).on("mouseenter",".feedback-helper",function(){Q(y)}),e(document).on("click","#feedback-welcome-next",function(){e("#feedback-note").val().length>0?(A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-helpers").show(),e("#feedback-welcome").hide(),e("#feedback-highlighter").show()):e("#feedback-welcome-error").show()}),e(document).on("mouseenter mouseleave",".feedback-helper",function(A){N||(H.w=0,H.h=0,"mouseenter"===A.type?(e(this).css("z-index","30001"),e(this).append('<div class="feedback-helper-inner" style="width:'+(e(this).width()-2)+"px;height:"+(e(this).height()-2)+'px;position:absolute;margin:1px;"></div>'),e(this).append('<div id="feedback-close"></div>'),e(this).find("#feedback-close").css({top:-1*(e(this).find("#feedback-close").height()/2)+"px",left:e(this).width()-e(this).find("#feedback-close").width()/2+"px"}),"blackout"==e(this).attr("data-type")&&(y.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),y.fillStyle="rgba(102,102,102,0.5)",y.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&l(y,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&y.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),y.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()),y.fillStyle="rgba(0,0,0,0.75)",y.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()),v=e(this).attr("data-time"),e(".feedback-helper").each(function(){return e(this).attr("data-time")==v||void("blackout"==e(this).attr("data-type")&&(y.fillStyle="rgba(0,0,0,1)",y.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())))}))):(e(this).css("z-index","30000"),e(this).children().remove(),"blackout"==e(this).attr("data-type")&&Q(y)))}),e(document).on("click","#feedback-close",function(){if(h.highlightElement&&e(this).parent().attr("data-highlight-id"))var A=e(this).parent().attr("data-highlight-id");e(this).parent().remove(),h.highlightElement&&A&&e('[data-highlight-id="'+A+'"]').removeAttr("data-highlighted").removeAttr("data-highlight-id"),Q(y)}),e("#feedback-module").on("click",".feedback-wizard-close,.feedback-close-btn",function(){s()}),e(document).on("keyup",function(A){27==A.keyCode&&s()}),e(document).on("selectstart dragstart",document,function(A){A.preventDefault()}),e(document).on("click","#feedback-highlighter-back",function(){A=!1,e("#feedback-canvas").css("cursor","default"),e("#feedback-helpers").hide(),e("#feedback-highlighter").hide(),e("#feedback-welcome-error").hide(),e("#feedback-welcome").show()}),e(document).on("click",".feedback-sethighlight",function(){K=1,e(this).addClass("feedback-active"),e(".feedback-setblackout").removeClass("feedback-active")}),e(document).on("click",".feedback-setblackout",function(){K=0,e(this).addClass("feedback-active"),e(".feedback-sethighlight").removeClass("feedback-active")}),e(document).on("click","#feedback-highlighter-next",function(){A=!1,e("#feedback-canvas").css("cursor","default");var s=e(document).scrollTop(),o=e(window).height();e("#feedback-helpers").hide(),e("#feedback-highlighter").hide(),c(),h.screenshotStroke||Q(y,!1),e("#feedback-note").val(h.descriptionTemplate),r(e("body").get(0)).then(function(A){u(),h.screenshotStroke||Q(y),I=e('<canvas id="feedback-canvas-tmp" width="'+B+'" height="'+o+'"/>').hide().appendTo("body"),T=I.get(0).getContext("2d"),T.drawImage(A,0,s,B,o,0,0,B,o),t=I.get(0).toDataURL(),e(document).scrollTop(s),m.img=t,h.onScreenshotTaken(m.img),e("#feedback-canvas-tmp").remove(),e("#feedback-overview").show(),n.isMobile?(e("#feedback-overview").toggleClass("feedback-desktop",!1),e("#feedback-overview").toggleClass("feedback-mobile",!0)):(e("#feedback-overview").toggleClass("feedback-desktop",!0),e("#feedback-overview").toggleClass("feedback-mobile",!1)),e("#feedback-overview-screenshot>img").remove(),e("#feedback-overview-screenshot").append('<img class="feedback-screenshot" src="'+t+'" />')})}),e(document).on("click","#feedback-overview-back",function(t){A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-overview").hide(),e("#feedback-helpers").show(),e("#feedback-highlighter").show(),e("#feedback-overview-error").hide()}),e(document).on("click","#feedback-submit",function(){if(A=!1,e("#feedback-title").val().length>0&&e("#feedback-note").val().length>0){e("#feedback-submit-success,#feedback-submit-error").remove(),e("#feedback-overview").hide(),m.img=t,m.title=e("#feedback-title").val(),m.note=e("#feedback-note").val();var r={feedback:JSON.stringify(m)};c(),(h.postFunction||e.ajax)({url:h.ajaxURL,dataType:"json",type:"POST",data:r,post:m,success:function(){u(),e("#feedback-module").append(h.tpl.submitSuccess)},error:function(){u(),e("#feedback-module").append(h.tpl.submitError)}})}else e("#feedback-overview-error").show()})}))}}(jQuery)},{"../i18n/en.properties":1,"../templates/highlighter.html":6,"../templates/overview.html":7,"../templates/submitError.html":8,"../templates/submitSuccess.html":9,"./utility":5,"html2canvas/dist/html2canvas":2,"string-template":3}],5:[function(A,e,t){var r=["touchstart","pointerdown","MSPointerDown","mousedown"],n=["touchmove","pointermove","MSPointerMove","mousemove"],s=["touchend","pointerup","MSPointerUp","mouseup","touchcancel","pointercancel","MSPointerCancel","mousecancel"],o=["orientationchange","resize"],i=["transitionend","webkitTransitionEnd","oTransitionEnd","MSTransitionEnd"],B=function(){function A(e){var t=this;_classCallCheck(this,A),this.cb={pointer:{down:[],move:[],up:[]},resize:[],transitionend:[]},this.dom_element=e||window,this.dom_element&&(r.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),n.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),s.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),o.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),i.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}))}return _createClass(A,[{key:"destructor",value:function(){this.unbind_events()}},{key:"unbind_events",value:function(){var A=this;this.dom_element&&(r.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),n.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),s.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),o.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),i.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}))}},{key:"getHandler",value:function(){var A=this;return function(e){return A.handleEvent(e)}}},{key:"on_pointer_events",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";return this.cb.pointer[e].push(A),this}},{key:"off_pointer_events",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";var t=this.cb.pointer[e].indexOf(A),r=t!==-1;return r&&this.cb.pointer[e].splice(t,1),this}},{key:"on_resize",value:function(A){return this.cb.resize.add(A),this}},{key:"off_resize",value:function(A){var e=this.cb.resize.indexOf(A),t=e!==-1;return t&&this.cb.resize.splice(e,1),this}},{key:"on_transitionend",value:function(A){return this.cb.transitionend.add(A),this}},{key:"off_transitionend",value:function(A){var e=this.cb.transitionend.indexOf(A),t=e!==-1;return t&&this.cb.transitionend.splice(e,1),this}},{key:"_pointer_handler",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";this.cb.pointer[e].forEach(function(e){return e(A)})}},{key:"_resize_handler",value:function(A){return this.cb.resize.forEach(function(e){return e(A)}),this}},{key:"_transitionend_handler",value:function(A){return this.cb.transitionend.forEach(function(e){return e(A)}),this}},{key:"handleEvent",value:function(A){switch(A.type){case"touchstart":case"pointerdown":case"MSPointerDown":case"mousedown":this._pointer_handler(A,"down");break;case"touchmove":case"pointermove":case"MSPointerMove":case"mousemove":this._pointer_handler(A,"move");break;case"touchend":case"pointerup":case"MSPointerUp":case"mouseup":case"touchcancel":case"pointercancel":case"MSPointerCancel":case"mousecancel":this._pointer_handler(A,"up");break;case"orientationchange":case"resize":this._resize_handler(A);break;case"transitionend":case"webkitTransitionEnd":case"oTransitionEnd":case"MSTransitionEnd":this._transitionend_handler(A)}}}]),A}();e.exports={EventHandler:B,isMobile:function(){try{return document.createEvent("TouchEvent"),!0}catch(A){return!1}}()}},{}],6:[function(A,e,t){e.exports='<div id=feedback-highlighter><div class=feedback-logo>{title}</div><p>{highlighter_click_and_drag_on_page}.</p><button class="feedback-sethighlight feedback-active"><div class=ico></div><span>{highlighter_highlight}</span></button><label>{highlighter_identify_areas}.</label><button class=feedback-setblackout><div class=ico></div><span>{highlighter_blackout}</span></button><label class=lower>{highlighter_blackout_information}.</label><div class=feedback-buttons><button id=feedback-highlighter-next class="feedback-next-btn feedback-btn-gray">{next}</button> <button id=feedback-highlighter-back class="feedback-back-btn feedback-btn-gray">{back}</button></div><div class=feedback-wizard-close></div></div>';
-},{}],7:[function(A,e,t){e.exports='<div id=feedback-overview><div class=feedback-logo>{title}</div><div id=feedback-overview-description><div id=feedback-overview-description-text><h3>{overview_title}</h3><input type=text id=feedback-title><h3>{description}</h3><textarea id=feedback-note></textarea><div id=feedback-additional><h3 class=feedback-additional>{overview_additional}</h3><div id=feedback-additional-none><span>{overview_additional_none}</span></div><div id=feedback-browser-info><span>{overview_additional_browser}</span></div><div id=feedback-page-info><span>{overview_additional_page_info}</span></div><div id=feedback-page-structure><span>{overview_additional_page_structure}</span></div></div></div></div><div id=feedback-overview-screenshot><h3>{screenshot}</h3></div><div class=feedback-buttons><button id=feedback-submit class="feedback-submit-btn feedback-btn-gray">{submit}</button> <button id=feedback-overview-back class="feedback-back-btn feedback-btn-gray">{back}</button></div><div id=feedback-overview-error>{overview_enter_fields}.</div><div class=feedback-wizard-close></div></div>'},{}],8:[function(A,e,t){e.exports='<div id=feedback-submit-error><div class=feedback-logo>{title}</div><p>{submit_error_message}.</p><button class="feedback-close-btn feedback-btn-gray">{ok}</button><div class=feedback-wizard-close></div></div>'},{}],9:[function(A,e,t){e.exports='<div id=feedback-submit-success><div class=feedback-logo>{title}</div><p>{submit_success_message}.</p><button class="feedback-close-btn feedback-btn-gray">{ok}</button><div class=feedback-wizard-close></div></div>'},{}]},{},[4]);
\ No newline at end of file
+"use strict";function _classCallCheck(A,e){if(!(A instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function A(A,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(A,r.key,r)}}return function(e,t,r){return t&&A(e.prototype,t),r&&A(e,r),e}}(),_slicedToArray=function(){function A(A,e){var t=[],r=!0,n=!1,s=void 0;try{for(var o,i=A[Symbol.iterator]();!(r=(o=i.next()).done)&&(t.push(o.value),!e||t.length!==e);r=!0);}catch(B){n=!0,s=B}finally{try{!r&&i["return"]&&i["return"]()}finally{if(n)throw s}}return t}return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return A(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(A){return typeof A}:function(A){return A&&"function"==typeof Symbol&&A.constructor===Symbol&&A!==Symbol.prototype?"symbol":typeof A};!function A(e,t,r){function n(o,i){if(!t[o]){if(!e[o]){var B="function"==typeof require&&require;if(!i&&B)return B(o,!0);if(s)return s(o,!0);throw new Error("Cannot find module '"+o+"'")}var a=t[o]={exports:{}};e[o][0].call(a.exports,function(A){var t=e[o][1][A];return n(t?t:A)},a,a.exports,A,e,t,r)}return t[o].exports}for(var s="function"==typeof require&&require,o=0;o<r.length;o++)n(r[o]);return n}({1:[function(A,e,t){e.exports="# Global\nsend_feedback=Send Feedback\ntitle=Feedback\nsubmit=Submit\nok=OK\nnext=Next\nback=Back\ndescription=Description\nscreenshot=Screenshot\n\n# highlighter template\nhighlighter_click_and_drag_on_page=Click and drag on the page to help us better understand your feedback. You can move this dialog if it's in the way\nhighlighter_highlight=Highlight\nhighlighter_identify_areas=Highlight areas relevant to your feedback\nhighlighter_blackout=Black out\nhighlighter_blackout_information=Black out any personal information\n\n# overview template\noverview_title=Title\noverview_contact_enable=I would like to be contacted\noverview_contact_name=Name\noverview_contact_email=Email\noverview_additional=Additional info\noverview_additional_none=None\noverview_additional_browser=Browser Info\noverview_additional_page_info=Page Info\noverview_additional_page_structure=Page Structure\noverview_enter_fields=Please enter a title and description\noverview_enter_contact_fields=Please enter an email to be contacted\noverview_check_privacy=Please read and accept our Privacy Policy agreement\noverview_privacy_policy_prefix=I have read and accept the \noverview_privacy_policy_name=EyeSeeTea S.L. Privacy Policy\noverview_privacy_policy_feedback_prefix=, paying special attention to the “\noverview_privacy_policy_feedback_name=Application Feedback\noverview_privacy_policy_feedback_suffix=” section.\n\n# submitError template\nsubmit_error_message=Sadly an error occured while sending your feedback. Please try again\n\n# submitSuccess template\nsubmit_success_message=Thank you for your feedback\n"},{}],2:[function(A,e,t){!function(A,r){"object"===("undefined"==typeof t?"undefined":_typeof(t))&&"undefined"!=typeof e?e.exports=r():"function"==typeof define&&define.amd?define(r):(A=A||self,A.html2canvas=r())}(this,function(){function A(A,e){function t(){this.constructor=A}s(A,e),A.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}function e(A,e,t,r){return new(t||(t=Promise))(function(n,s){function o(A){try{B(r.next(A))}catch(e){s(e)}}function i(A){try{B(r["throw"](A))}catch(e){s(e)}}function B(A){A.done?n(A.value):new t(function(e){e(A.value)}).then(o,i)}B((r=r.apply(A,e||[])).next())})}function t(A,e){function t(A){return function(e){return r([A,e])}}function r(t){if(n)throw new TypeError("Generator is already executing.");for(;B;)try{if(n=1,s&&(o=2&t[0]?s["return"]:t[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,t[1])).done)return o;switch(s=0,o&&(t=[2&t[0],o.value]),t[0]){case 0:case 1:o=t;break;case 4:return B.label++,{value:t[1],done:!1};case 5:B.label++,s=t[1],t=[0];continue;case 7:t=B.ops.pop(),B.trys.pop();continue;default:if(o=B.trys,!(o=o.length>0&&o[o.length-1])&&(6===t[0]||2===t[0])){B=0;continue}if(3===t[0]&&(!o||t[1]>o[0]&&t[1]<o[3])){B.label=t[1];break}if(6===t[0]&&B.label<o[1]){B.label=o[1],o=t;break}if(o&&B.label<o[2]){B.label=o[2],B.ops.push(t);break}o[2]&&B.ops.pop(),B.trys.pop();continue}t=e.call(A,B)}catch(r){t=[6,r],s=0}finally{n=o=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}var n,s,o,i,B={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:t(0),"throw":t(1),"return":t(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i}function r(A,e,t){return t<0&&(t+=1),t>=1&&(t-=1),t<1/6?(e-A)*t*6+A:t<.5?e:t<2/3?6*(e-A)*(2/3-t)+A:A}function n(A){return A.type!==h.FUNCTION||un[A.name]}for(var s=function(A,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(A,e){A.__proto__=e}||function(A,e){for(var t in e)e.hasOwnProperty(t)&&(A[t]=e[t])})(A,e)},o=function(){return o=Object.assign||function(A){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(A[n]=e[n])}return A},o.apply(this,arguments)},i=function(){function A(A,e,t,r){this.left=A,this.top=e,this.width=t,this.height=r}return A.prototype.add=function(e,t,r,n){return new A(this.left+e,this.top+t,this.width+r,this.height+n)},A.fromClientRect=function(e){return new A(e.left,e.top,e.width,e.height)},A}(),B=function(A){return i.fromClientRect(A.getBoundingClientRect())},a=function(A){var e=A.body,t=A.documentElement;if(!e||!t)throw new Error("Unable to get document size");var r=Math.max(Math.max(e.scrollWidth,t.scrollWidth),Math.max(e.offsetWidth,t.offsetWidth),Math.max(e.clientWidth,t.clientWidth)),n=Math.max(Math.max(e.scrollHeight,t.scrollHeight),Math.max(e.offsetHeight,t.offsetHeight),Math.max(e.clientHeight,t.clientHeight));return new i(0,0,r,n)},c=function(A){for(var e=[],t=0,r=A.length;t<r;){var n=A.charCodeAt(t++);if(n>=55296&&n<=56319&&t<r){var s=A.charCodeAt(t++);56320===(64512&s)?e.push(((1023&n)<<10)+(1023&s)+65536):(e.push(n),t--)}else e.push(n)}return e},u=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];if(String.fromCodePoint)return String.fromCodePoint.apply(String,A);var t=A.length;if(!t)return"";for(var r=[],n=-1,s="";++n<t;){var o=A[n];o<=65535?r.push(o):(o-=65536,r.push((o>>10)+55296,o%1024+56320)),(n+1===t||r.length>16384)&&(s+=String.fromCharCode.apply(String,r),r.length=0)}return s},l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",Q="undefined"==typeof Uint8Array?[]:new Uint8Array(256),w=0;w<l.length;w++)Q[l.charCodeAt(w)]=w;var h,d=function(A){var e,t,r,n,s,o=.75*A.length,i=A.length,B=0;"="===A[A.length-1]&&(o--,"="===A[A.length-2]&&o--);var a="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint8Array.prototype.slice?new ArrayBuffer(o):new Array(o),c=Array.isArray(a)?a:new Uint8Array(a);for(e=0;e<i;e+=4)t=Q[A.charCodeAt(e)],r=Q[A.charCodeAt(e+1)],n=Q[A.charCodeAt(e+2)],s=Q[A.charCodeAt(e+3)],c[B++]=t<<2|r>>4,c[B++]=(15&r)<<4|n>>2,c[B++]=(3&n)<<6|63&s;return a},g=function(A){for(var e=A.length,t=[],r=0;r<e;r+=2)t.push(A[r+1]<<8|A[r]);return t},U=function(A){for(var e=A.length,t=[],r=0;r<e;r+=4)t.push(A[r+3]<<24|A[r+2]<<16|A[r+1]<<8|A[r]);return t},f=5,C=11,E=2,F=C-f,p=65536>>f,H=1<<f,N=H-1,K=1024>>f,b=p+K,v=b,m=32,I=v+m,T=65536>>C,y=1<<F,R=y-1,L=function(A,e,t){return A.slice?A.slice(e,t):new Uint16Array(Array.prototype.slice.call(A,e,t))},_=function(A,e,t){return A.slice?A.slice(e,t):new Uint32Array(Array.prototype.slice.call(A,e,t))},O=function(A){var e=d(A),t=Array.isArray(e)?U(e):new Uint32Array(e),r=Array.isArray(e)?g(e):new Uint16Array(e),n=24,s=L(r,n/2,t[4]/2),o=2===t[5]?L(r,(n+t[4])/2):_(t,Math.ceil((n+t[4])/4));return new S(t[0],t[1],t[2],t[3],s,o)},S=function(){function A(A,e,t,r,n,s){this.initialValue=A,this.errorValue=e,this.highStart=t,this.highValueIndex=r,this.index=n,this.data=s}return A.prototype.get=function(A){var e;if(A>=0){if(A<55296||A>56319&&A<=65535)return e=this.index[A>>f],e=(e<<E)+(A&N),this.data[e];if(A<=65535)return e=this.index[p+(A-55296>>f)],e=(e<<E)+(A&N),this.data[e];if(A<this.highStart)return e=I-T+(A>>C),e=this.index[e],e+=A>>f&R,e=this.index[e],e=(e<<E)+(A&N),this.data[e];if(A<=1114111)return this.data[this.highValueIndex]}return this.errorValue},A}(),D="KwAAAAAAAAAACA4AIDoAAPAfAAACAAAAAAAIABAAGABAAEgAUABYAF4AZgBeAGYAYABoAHAAeABeAGYAfACEAIAAiACQAJgAoACoAK0AtQC9AMUAXgBmAF4AZgBeAGYAzQDVAF4AZgDRANkA3gDmAOwA9AD8AAQBDAEUARoBIgGAAIgAJwEvATcBPwFFAU0BTAFUAVwBZAFsAXMBewGDATAAiwGTAZsBogGkAawBtAG8AcIBygHSAdoB4AHoAfAB+AH+AQYCDgIWAv4BHgImAi4CNgI+AkUCTQJTAlsCYwJrAnECeQKBAk0CiQKRApkCoQKoArACuALAAsQCzAIwANQC3ALkAjAA7AL0AvwCAQMJAxADGAMwACADJgMuAzYDPgOAAEYDSgNSA1IDUgNaA1oDYANiA2IDgACAAGoDgAByA3YDfgOAAIQDgACKA5IDmgOAAIAAogOqA4AAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAK8DtwOAAIAAvwPHA88D1wPfAyAD5wPsA/QD/AOAAIAABAQMBBIEgAAWBB4EJgQuBDMEIAM7BEEEXgBJBCADUQRZBGEEaQQwADAAcQQ+AXkEgQSJBJEEgACYBIAAoASoBK8EtwQwAL8ExQSAAIAAgACAAIAAgACgAM0EXgBeAF4AXgBeAF4AXgBeANUEXgDZBOEEXgDpBPEE+QQBBQkFEQUZBSEFKQUxBTUFPQVFBUwFVAVcBV4AYwVeAGsFcwV7BYMFiwWSBV4AmgWgBacFXgBeAF4AXgBeAKsFXgCyBbEFugW7BcIFwgXIBcIFwgXQBdQF3AXkBesF8wX7BQMGCwYTBhsGIwYrBjMGOwZeAD8GRwZNBl4AVAZbBl4AXgBeAF4AXgBeAF4AXgBeAF4AXgBeAGMGXgBqBnEGXgBeAF4AXgBeAF4AXgBeAF4AXgB5BoAG4wSGBo4GkwaAAIADHgR5AF4AXgBeAJsGgABGA4AAowarBrMGswagALsGwwbLBjAA0wbaBtoG3QbaBtoG2gbaBtoG2gblBusG8wb7BgMHCwcTBxsHCwcjBysHMAc1BzUHOgdCB9oGSgdSB1oHYAfaBloHaAfaBlIH2gbaBtoG2gbaBtoG2gbaBjUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHbQdeAF4ANQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQd1B30HNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B4MH2gaKB68EgACAAIAAgACAAIAAgACAAI8HlwdeAJ8HpweAAIAArwe3B14AXgC/B8UHygcwANAH2AfgB4AA6AfwBz4B+AcACFwBCAgPCBcIogEYAR8IJwiAAC8INwg/CCADRwhPCFcIXwhnCEoDGgSAAIAAgABvCHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIfQh3CHgIeQh6CHsIfAh9CHcIeAh5CHoIewh8CH0Idwh4CHkIegh7CHwIhAiLCI4IMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAANQc1BzUHNQc1BzUHNQc1BzUHNQc1B54INQc1B6II2gaqCLIIugiAAIAAvgjGCIAAgACAAIAAgACAAIAAgACAAIAAywiHAYAA0wiAANkI3QjlCO0I9Aj8CIAAgACAAAIJCgkSCRoJIgknCTYHLwk3CZYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiWCJYIlgiAAIAAAAFAAXgBeAGAAcABeAHwAQACQAKAArQC9AJ4AXgBeAE0A3gBRAN4A7AD8AMwBGgEAAKcBNwEFAUwBXAF4QkhCmEKnArcCgAHHAsABz4LAAcABwAHAAd+C6ABoAG+C/4LAAcABwAHAAc+DF4MAAcAB54M3gweDV4Nng3eDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEeDqABVg6WDqABoQ6gAaABoAHXDvcONw/3DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DvcO9w73DncPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB7cPPwlGCU4JMACAAIAAgABWCV4JYQmAAGkJcAl4CXwJgAkwADAAMAAwAIgJgACLCZMJgACZCZ8JowmrCYAAswkwAF4AXgB8AIAAuwkABMMJyQmAAM4JgADVCTAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAqwYWBNkIMAAwADAAMADdCeAJ6AnuCR4E9gkwAP4JBQoNCjAAMACAABUK0wiAAB0KJAosCjQKgAAwADwKQwqAAEsKvQmdCVMKWwowADAAgACAALcEMACAAGMKgABrCjAAMAAwADAAMAAwADAAMAAwADAAMAAeBDAAMAAwADAAMAAwADAAMAAwADAAMAAwAIkEPQFzCnoKiQSCCooKkAqJBJgKoAqkCokEGAGsCrQKvArBCjAAMADJCtEKFQHZCuEK/gHpCvEKMAAwADAAMACAAIwE+QowAIAAPwEBCzAAMAAwADAAMACAAAkLEQswAIAAPwEZCyELgAAOCCkLMAAxCzkLMAAwADAAMAAwADAAXgBeAEELMAAwADAAMAAwADAAMAAwAEkLTQtVC4AAXAtkC4AAiQkwADAAMAAwADAAMAAwADAAbAtxC3kLgAuFC4sLMAAwAJMLlwufCzAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAApwswADAAMACAAIAAgACvC4AAgACAAIAAgACAALcLMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAvwuAAMcLgACAAIAAgACAAIAAyguAAIAAgACAAIAA0QswADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAANkLgACAAIAA4AswADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACJCR4E6AswADAAhwHwC4AA+AsADAgMEAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMACAAIAAGAwdDCUMMAAwAC0MNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQw1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHPQwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADUHNQc1BzUHNQc1BzUHNQc2BzAAMAA5DDUHNQc1BzUHNQc1BzUHNQc1BzUHNQdFDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAgACAAIAATQxSDFoMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAF4AXgBeAF4AXgBeAF4AYgxeAGoMXgBxDHkMfwxeAIUMXgBeAI0MMAAwADAAMAAwAF4AXgCVDJ0MMAAwADAAMABeAF4ApQxeAKsMswy7DF4Awgy9DMoMXgBeAF4AXgBeAF4AXgBeAF4AXgDRDNkMeQBqCeAM3Ax8AOYM7Az0DPgMXgBeAF4AXgBeAF4AXgBeAF4AXgBeAF4AXgBeAF4AXgCgAAANoAAHDQ4NFg0wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAeDSYNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIAAgACAAIAAgACAAC4NMABeAF4ANg0wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAD4NRg1ODVYNXg1mDTAAbQ0wADAAMAAwADAAMAAwADAA2gbaBtoG2gbaBtoG2gbaBnUNeg3CBYANwgWFDdoGjA3aBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gaUDZwNpA2oDdoG2gawDbcNvw3HDdoG2gbPDdYN3A3fDeYN2gbsDfMN2gbaBvoN/g3aBgYODg7aBl4AXgBeABYOXgBeACUG2gYeDl4AJA5eACwO2w3aBtoGMQ45DtoG2gbaBtoGQQ7aBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gZJDjUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B1EO2gY1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQdZDjUHNQc1BzUHNQc1B2EONQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHaA41BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B3AO2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gY1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1BzUHNQc1B2EO2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gZJDtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBtoG2gbaBkkOeA6gAKAAoAAwADAAMAAwAKAAoACgAKAAoACgAKAAgA4wADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAD//wQABAAEAAQABAAEAAQABAAEAA0AAwABAAEAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAKABMAFwAeABsAGgAeABcAFgASAB4AGwAYAA8AGAAcAEsASwBLAEsASwBLAEsASwBLAEsAGAAYAB4AHgAeABMAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAFgAbABIAHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYADQARAB4ABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkAFgAaABsAGwAbAB4AHQAdAB4ATwAXAB4ADQAeAB4AGgAbAE8ATwAOAFAAHQAdAB0ATwBPABcATwBPAE8AFgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwArAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAAQABAANAA0ASwBLAEsASwBLAEsASwBLAEsASwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUAArACsABABQAAQABAAEAAQABAAEAAQAKwArAAQABAArACsABAAEAAQAUAArACsAKwArACsAKwArACsABAArACsAKwArAFAAUAArAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAGgAaAFAAUABQAFAAUABMAB4AGwBQAB4AKwArACsABAAEAAQAKwBQAFAAUABQAFAAUAArACsAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUAArAFAAUAArACsABAArAAQABAAEAAQABAArACsAKwArAAQABAArACsABAAEAAQAKwArACsABAArACsAKwArACsAKwArAFAAUABQAFAAKwBQACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwAEAAQAUABQAFAABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUAArACsABABQAAQABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQAKwArAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwAeABsAKwArACsAKwArACsAKwBQAAQABAAEAAQABAAEACsABAAEAAQAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwArAAQABAArACsABAAEAAQAKwArACsAKwArACsAKwArAAQABAArACsAKwArAFAAUAArAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwAeAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwAEAFAAKwBQAFAAUABQAFAAUAArACsAKwBQAFAAUAArAFAAUABQAFAAKwArACsAUABQACsAUAArAFAAUAArACsAKwBQAFAAKwArACsAUABQAFAAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQAKwArACsABAAEAAQAKwAEAAQABAAEACsAKwBQACsAKwArACsAKwArAAQAKwArACsAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAB4AHgAeAB4AHgAeABsAHgArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABAArACsAKwArACsAKwArAAQABAArAFAAUABQACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAB4AUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABAArACsAKwArACsAKwArAAQABAArACsAKwArACsAKwArAFAAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwArAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAKwBcAFwAKwBcACsAKwBcACsAKwArACsAKwArAFwAXABcAFwAKwBcAFwAXABcAFwAXABcACsAXABcAFwAKwBcACsAXAArACsAXABcACsAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgArACoAKgBcACsAKwBcAFwAXABcAFwAKwBcACsAKgAqACoAKgAqACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAFwAXABcAFwAUAAOAA4ADgAOAB4ADgAOAAkADgAOAA0ACQATABMAEwATABMACQAeABMAHgAeAB4ABAAEAB4AHgAeAB4AHgAeAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUAANAAQAHgAEAB4ABAAWABEAFgARAAQABABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAAQABAAEAAQABAANAAQABABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsADQANAB4AHgAeAB4AHgAeAAQAHgAeAB4AHgAeAB4AKwAeAB4ADgAOAA0ADgAeAB4AHgAeAB4ACQAJACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgAeAB4AHgBcAFwAXABcAFwAXAAqACoAKgAqAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAKgAqACoAKgAqACoAKgBcAFwAXAAqACoAKgAqAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAXAAqAEsASwBLAEsASwBLAEsASwBLAEsAKgAqACoAKgAqACoAUABQAFAAUABQAFAAKwBQACsAKwArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQACsAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwAEAAQABAAeAA0AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAEQArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAADQANAA0AUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAA0ADQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQACsABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoADQANABUAXAANAB4ADQAbAFwAKgArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAB4AHgATABMADQANAA4AHgATABMAHgAEAAQABAAJACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAUABQAFAAUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwAeACsAKwArABMAEwBLAEsASwBLAEsASwBLAEsASwBLAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwBcAFwAXABcAFwAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcACsAKwArACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwAeAB4AXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgArACsABABLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKgAqACoAKgAqACoAKgBcACoAKgAqACoAKgAqACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAUABQAFAAUABQAFAAUAArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4ADQANAA0ADQAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAHgAeAB4AHgBQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwANAA0ADQANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwBQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsABAAEAAQAHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAABABQAFAAUABQAAQABAAEAFAAUAAEAAQABAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAKwBQACsAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAKwArAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAKwAeAB4AHgAeAB4AHgAeAA4AHgArAA0ADQANAA0ADQANAA0ACQANAA0ADQAIAAQACwAEAAQADQAJAA0ADQAMAB0AHQAeABcAFwAWABcAFwAXABYAFwAdAB0AHgAeABQAFAAUAA0AAQABAAQABAAEAAQABAAJABoAGgAaABoAGgAaABoAGgAeABcAFwAdABUAFQAeAB4AHgAeAB4AHgAYABYAEQAVABUAFQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgANAB4ADQANAA0ADQAeAA0ADQANAAcAHgAeAB4AHgArAAQABAAEAAQABAAEAAQABAAEAAQAUABQACsAKwBPAFAAUABQAFAAUAAeAB4AHgAWABEATwBQAE8ATwBPAE8AUABQAFAAUABQAB4AHgAeABYAEQArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAGwAbABsAGwAbABsAGwAaABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAaABsAGwAbABsAGgAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgBQABoAHgAdAB4AUAAeABoAHgAeAB4AHgAeAB4AHgAeAB4ATwAeAFAAGwAeAB4AUABQAFAAUABQAB4AHgAeAB0AHQAeAFAAHgBQAB4AUAAeAFAATwBQAFAAHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AUABQAFAAUABPAE8AUABQAFAAUABQAE8AUABQAE8AUABPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAE8ATwBPAE8ATwBPAE8ATwBPAE8AUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAATwAeAB4AKwArACsAKwAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB0AHQAeAB4AHgAdAB0AHgAeAB0AHgAeAB4AHQAeAB0AGwAbAB4AHQAeAB4AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB0AHgAdAB4AHQAdAB0AHQAdAB0AHgAdAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAdAB0AHQAdAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAlACUAHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBQAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAeAB4AHgAeAB0AHQAeAB4AHgAeAB0AHQAdAB4AHgAdAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB0AHQAeAB4AHQAeAB4AHgAeAB0AHQAeAB4AHgAeACUAJQAdAB0AJQAeACUAJQAlACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAHgAeAB4AHgAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHQAdAB0AHgAdACUAHQAdAB4AHQAdAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHQAdAB0AHQAlAB4AJQAlACUAHQAlACUAHQAdAB0AJQAlAB0AHQAlAB0AHQAlACUAJQAeAB0AHgAeAB4AHgAdAB0AJQAdAB0AHQAdAB0AHQAlACUAJQAlACUAHQAlACUAIAAlAB0AHQAlACUAJQAlACUAJQAlACUAHgAeAB4AJQAlACAAIAAgACAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeABcAFwAXABcAFwAXAB4AEwATACUAHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwArACUAJQBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAKwArACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAE8ATwBPAE8ATwBPAE8ATwAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeACsAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUAArACsAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQBQAFAAUABQACsAKwArACsAUABQAFAAUABQAFAAUABQAA0AUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQACsAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgBQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAABAAEAAQAKwAEAAQAKwArACsAKwArAAQABAAEAAQAUABQAFAAUAArAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsABAAEAAQAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsADQANAA0ADQANAA0ADQANAB4AKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AUABQAFAAUABQAFAAUABQAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAUABQAFAAUABQAA0ADQANAA0ADQANABQAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwANAA0ADQANAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAeAAQABAAEAB4AKwArAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLACsADQArAB4AKwArAAQABAAEAAQAUABQAB4AUAArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwAEAAQABAAEAAQABAAEAAQABAAOAA0ADQATABMAHgAeAB4ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0AUABQAFAAUAAEAAQAKwArAAQADQANAB4AUAArACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXABcAA0ADQANACoASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUAArACsAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANACsADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEcARwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQACsAKwAeAAQABAANAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAEAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUAArACsAUAArACsAUABQACsAKwBQAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AKwArAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAeAB4ADQANAA0ADQAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAArAAQABAArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAEAAQABAAEAAQABAAEACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAFgAWAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAKwBQACsAKwArACsAKwArAFAAKwArACsAKwBQACsAUAArAFAAKwBQAFAAUAArAFAAUAArAFAAKwArAFAAKwBQACsAUAArAFAAKwBQACsAUABQACsAUAArACsAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAUABQAFAAUAArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUAArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAlACUAJQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeACUAJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeACUAJQAlACUAJQAeACUAJQAlACUAJQAgACAAIAAlACUAIAAlACUAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIQAhACEAIQAhACUAJQAgACAAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACAAIAAlACUAJQAlACAAJQAgACAAIAAgACAAIAAgACAAIAAlACUAJQAgACUAJQAlACUAIAAgACAAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeACUAHgAlAB4AJQAlACUAJQAlACAAJQAlACUAJQAeACUAHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAIAAgACAAJQAlACUAIAAgACAAIAAgAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFwAXABcAFQAVABUAHgAeAB4AHgAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAIAAgACAAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAlACAAIAAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsA",M=50,k=1,x=2,P=3,z=4,V=5,X=7,J=8,G=9,W=10,Y=11,q=12,j=13,Z=14,$=15,AA=16,eA=17,tA=18,rA=19,nA=20,sA=21,oA=22,iA=23,BA=24,aA=25,cA=26,uA=27,lA=28,QA=29,wA=30,hA=31,dA=32,gA=33,UA=34,fA=35,CA=36,EA=37,FA=38,pA=39,HA=40,NA=41,KA=42,bA=43,vA="!",mA="×",IA="÷",TA=O(D),yA=[wA,CA],RA=[k,x,P,V],LA=[W,J],_A=[uA,cA],OA=RA.concat(LA),SA=[FA,pA,HA,UA,fA],DA=[$,j],MA=function(A,e){
+void 0===e&&(e="strict");var t=[],r=[],n=[];return A.forEach(function(A,s){var o=TA.get(A);if(o>M?(n.push(!0),o-=M):n.push(!1),["normal","auto","loose"].indexOf(e)!==-1&&[8208,8211,12316,12448].indexOf(A)!==-1)return r.push(s),t.push(AA);if(o===z||o===Y){if(0===s)return r.push(s),t.push(wA);var i=t[s-1];return OA.indexOf(i)===-1?(r.push(r[s-1]),t.push(i)):(r.push(s),t.push(wA))}return r.push(s),o===hA?t.push("strict"===e?sA:EA):o===KA?t.push(wA):o===QA?t.push(wA):o===bA?A>=131072&&A<=196605||A>=196608&&A<=262141?t.push(EA):t.push(wA):void t.push(o)}),[r,t,n]},kA=function(A,e,t,r){var n=r[t];if(Array.isArray(A)?A.indexOf(n)!==-1:A===n)for(var s=t;s<=r.length;){s++;var o=r[s];if(o===e)return!0;if(o!==W)break}if(n===W)for(var s=t;s>0;){s--;var i=r[s];if(Array.isArray(A)?A.indexOf(i)!==-1:A===i)for(var B=t;B<=r.length;){B++;var o=r[B];if(o===e)return!0;if(o!==W)break}if(i!==W)break}return!1},xA=function(A,e){for(var t=A;t>=0;){var r=e[t];if(r!==W)return r;t--}return 0},PA=function(A,e,t,r,n){if(0===t[r])return mA;var s=r-1;if(Array.isArray(n)&&n[s]===!0)return mA;var o=s-1,i=s+1,B=e[s],a=o>=0?e[o]:0,c=e[i];if(B===x&&c===P)return mA;if(RA.indexOf(B)!==-1)return vA;if(RA.indexOf(c)!==-1)return mA;if(LA.indexOf(c)!==-1)return mA;if(xA(s,e)===J)return IA;if(TA.get(A[s])===Y&&(c===EA||c===dA||c===gA))return mA;if(B===X||c===X)return mA;if(B===G)return mA;if([W,j,$].indexOf(B)===-1&&c===G)return mA;if([eA,tA,rA,BA,lA].indexOf(c)!==-1)return mA;if(xA(s,e)===oA)return mA;if(kA(iA,oA,s,e))return mA;if(kA([eA,tA],sA,s,e))return mA;if(kA(q,q,s,e))return mA;if(B===W)return IA;if(B===iA||c===iA)return mA;if(c===AA||B===AA)return IA;if([j,$,sA].indexOf(c)!==-1||B===Z)return mA;if(a===CA&&DA.indexOf(B)!==-1)return mA;if(B===lA&&c===CA)return mA;if(c===nA&&yA.concat(nA,rA,aA,EA,dA,gA).indexOf(B)!==-1)return mA;if(yA.indexOf(c)!==-1&&B===aA||yA.indexOf(B)!==-1&&c===aA)return mA;if(B===uA&&[EA,dA,gA].indexOf(c)!==-1||[EA,dA,gA].indexOf(B)!==-1&&c===cA)return mA;if(yA.indexOf(B)!==-1&&_A.indexOf(c)!==-1||_A.indexOf(B)!==-1&&yA.indexOf(c)!==-1)return mA;if([uA,cA].indexOf(B)!==-1&&(c===aA||[oA,$].indexOf(c)!==-1&&e[i+1]===aA)||[oA,$].indexOf(B)!==-1&&c===aA||B===aA&&[aA,lA,BA].indexOf(c)!==-1)return mA;if([aA,lA,BA,eA,tA].indexOf(c)!==-1)for(var u=s;u>=0;){var l=e[u];if(l===aA)return mA;if([lA,BA].indexOf(l)===-1)break;u--}if([uA,cA].indexOf(c)!==-1)for(var u=[eA,tA].indexOf(B)!==-1?o:s;u>=0;){var l=e[u];if(l===aA)return mA;if([lA,BA].indexOf(l)===-1)break;u--}if(FA===B&&[FA,pA,UA,fA].indexOf(c)!==-1||[pA,UA].indexOf(B)!==-1&&[pA,HA].indexOf(c)!==-1||[HA,fA].indexOf(B)!==-1&&c===HA)return mA;if(SA.indexOf(B)!==-1&&[nA,cA].indexOf(c)!==-1||SA.indexOf(c)!==-1&&B===uA)return mA;if(yA.indexOf(B)!==-1&&yA.indexOf(c)!==-1)return mA;if(B===BA&&yA.indexOf(c)!==-1)return mA;if(yA.concat(aA).indexOf(B)!==-1&&c===oA||yA.concat(aA).indexOf(c)!==-1&&B===tA)return mA;if(B===NA&&c===NA){for(var Q=t[s],w=1;Q>0&&(Q--,e[Q]===NA);)w++;if(w%2!==0)return mA}return B===dA&&c===gA?mA:IA},zA=function(A,e){e||(e={lineBreak:"normal",wordBreak:"normal"});var t=MA(A,e.lineBreak),r=t[0],n=t[1],s=t[2];"break-all"!==e.wordBreak&&"break-word"!==e.wordBreak||(n=n.map(function(A){return[aA,wA,KA].indexOf(A)!==-1?EA:A}));var o="keep-all"===e.wordBreak?s.map(function(e,t){return e&&A[t]>=19968&&A[t]<=40959}):void 0;return[r,n,o]},VA=function(){function A(A,e,t,r){this.codePoints=A,this.required=e===vA,this.start=t,this.end=r}return A.prototype.slice=function(){return u.apply(void 0,this.codePoints.slice(this.start,this.end))},A}(),XA=function(A,e){var t=c(A),r=zA(t,e),n=r[0],s=r[1],o=r[2],i=t.length,B=0,a=0;return{next:function(){if(a>=i)return{done:!0,value:null};for(var A=mA;a<i&&(A=PA(t,s,n,++a,o))===mA;);if(A!==mA||a===i){var e=new VA(t,A,B,a);return B=a,{value:e,done:!1}}return{done:!0,value:null}}}};!function(A){A[A.STRING_TOKEN=0]="STRING_TOKEN",A[A.BAD_STRING_TOKEN=1]="BAD_STRING_TOKEN",A[A.LEFT_PARENTHESIS_TOKEN=2]="LEFT_PARENTHESIS_TOKEN",A[A.RIGHT_PARENTHESIS_TOKEN=3]="RIGHT_PARENTHESIS_TOKEN",A[A.COMMA_TOKEN=4]="COMMA_TOKEN",A[A.HASH_TOKEN=5]="HASH_TOKEN",A[A.DELIM_TOKEN=6]="DELIM_TOKEN",A[A.AT_KEYWORD_TOKEN=7]="AT_KEYWORD_TOKEN",A[A.PREFIX_MATCH_TOKEN=8]="PREFIX_MATCH_TOKEN",A[A.DASH_MATCH_TOKEN=9]="DASH_MATCH_TOKEN",A[A.INCLUDE_MATCH_TOKEN=10]="INCLUDE_MATCH_TOKEN",A[A.LEFT_CURLY_BRACKET_TOKEN=11]="LEFT_CURLY_BRACKET_TOKEN",A[A.RIGHT_CURLY_BRACKET_TOKEN=12]="RIGHT_CURLY_BRACKET_TOKEN",A[A.SUFFIX_MATCH_TOKEN=13]="SUFFIX_MATCH_TOKEN",A[A.SUBSTRING_MATCH_TOKEN=14]="SUBSTRING_MATCH_TOKEN",A[A.DIMENSION_TOKEN=15]="DIMENSION_TOKEN",A[A.PERCENTAGE_TOKEN=16]="PERCENTAGE_TOKEN",A[A.NUMBER_TOKEN=17]="NUMBER_TOKEN",A[A.FUNCTION=18]="FUNCTION",A[A.FUNCTION_TOKEN=19]="FUNCTION_TOKEN",A[A.IDENT_TOKEN=20]="IDENT_TOKEN",A[A.COLUMN_TOKEN=21]="COLUMN_TOKEN",A[A.URL_TOKEN=22]="URL_TOKEN",A[A.BAD_URL_TOKEN=23]="BAD_URL_TOKEN",A[A.CDC_TOKEN=24]="CDC_TOKEN",A[A.CDO_TOKEN=25]="CDO_TOKEN",A[A.COLON_TOKEN=26]="COLON_TOKEN",A[A.SEMICOLON_TOKEN=27]="SEMICOLON_TOKEN",A[A.LEFT_SQUARE_BRACKET_TOKEN=28]="LEFT_SQUARE_BRACKET_TOKEN",A[A.RIGHT_SQUARE_BRACKET_TOKEN=29]="RIGHT_SQUARE_BRACKET_TOKEN",A[A.UNICODE_RANGE_TOKEN=30]="UNICODE_RANGE_TOKEN",A[A.WHITESPACE_TOKEN=31]="WHITESPACE_TOKEN",A[A.EOF_TOKEN=32]="EOF_TOKEN"}(h||(h={}));var JA,GA=1,WA=2,YA=4,qA=8,jA=10,ZA=47,$A=92,Ae=9,ee=32,te=34,re=61,ne=35,se=36,oe=37,ie=39,Be=40,ae=41,ce=95,ue=45,le=33,Qe=60,we=62,he=64,de=91,ge=93,Ue=61,fe=123,Ce=63,Ee=125,Fe=124,pe=126,He=128,Ne=65533,Ke=42,be=43,ve=44,me=58,Ie=59,Te=46,ye=0,Re=8,Le=11,_e=14,Oe=31,Se=127,De=-1,Me=48,ke=97,xe=101,Pe=102,ze=117,Ve=122,Xe=65,Je=69,Ge=70,We=85,Ye=90,qe=function(A){return A>=Me&&A<=57},je=function(A){return A>=55296&&A<=57343},Ze=function(A){return qe(A)||A>=Xe&&A<=Ge||A>=ke&&A<=Pe},$e=function(A){return A>=ke&&A<=Ve},At=function(A){return A>=Xe&&A<=Ye},et=function(A){return $e(A)||At(A)},tt=function(A){return A>=He},rt=function(A){return A===jA||A===Ae||A===ee},nt=function(A){return et(A)||tt(A)||A===ce},st=function(A){return nt(A)||qe(A)||A===ue},ot=function(A){return A>=ye&&A<=Re||A===Le||A>=_e&&A<=Oe||A===Se},it=function(A,e){return A===$A&&e!==jA},Bt=function(A,e,t){return A===ue?nt(e)||it(e,t):!!nt(A)||!(A!==$A||!it(A,e))},at=function(A,e,t){return A===be||A===ue?!!qe(e)||e===Te&&qe(t):qe(A===Te?e:A)},ct=function(A){var e=0,t=1;A[e]!==be&&A[e]!==ue||(A[e]===ue&&(t=-1),e++);for(var r=[];qe(A[e]);)r.push(A[e++]);var n=r.length?parseInt(u.apply(void 0,r),10):0;A[e]===Te&&e++;for(var s=[];qe(A[e]);)s.push(A[e++]);var o=s.length,i=o?parseInt(u.apply(void 0,s),10):0;A[e]!==Je&&A[e]!==xe||e++;var B=1;A[e]!==be&&A[e]!==ue||(A[e]===ue&&(B=-1),e++);for(var a=[];qe(A[e]);)a.push(A[e++]);var c=a.length?parseInt(u.apply(void 0,a),10):0;return t*(n+i*Math.pow(10,-o))*Math.pow(10,B*c)},ut={type:h.LEFT_PARENTHESIS_TOKEN},lt={type:h.RIGHT_PARENTHESIS_TOKEN},Qt={type:h.COMMA_TOKEN},wt={type:h.SUFFIX_MATCH_TOKEN},ht={type:h.PREFIX_MATCH_TOKEN},dt={type:h.COLUMN_TOKEN},gt={type:h.DASH_MATCH_TOKEN},Ut={type:h.INCLUDE_MATCH_TOKEN},ft={type:h.LEFT_CURLY_BRACKET_TOKEN},Ct={type:h.RIGHT_CURLY_BRACKET_TOKEN},Et={type:h.SUBSTRING_MATCH_TOKEN},Ft={type:h.BAD_URL_TOKEN},pt={type:h.BAD_STRING_TOKEN},Ht={type:h.CDO_TOKEN},Nt={type:h.CDC_TOKEN},Kt={type:h.COLON_TOKEN},bt={type:h.SEMICOLON_TOKEN},vt={type:h.LEFT_SQUARE_BRACKET_TOKEN},mt={type:h.RIGHT_SQUARE_BRACKET_TOKEN},It={type:h.WHITESPACE_TOKEN},Tt={type:h.EOF_TOKEN},yt=function(){function A(){this._value=[]}return A.prototype.write=function(A){this._value=this._value.concat(c(A))},A.prototype.read=function(){for(var A=[],e=this.consumeToken();e!==Tt;)A.push(e),e=this.consumeToken();return A},A.prototype.consumeToken=function(){var A=this.consumeCodePoint();switch(A){case te:return this.consumeStringToken(te);case ne:var e=this.peekCodePoint(0),t=this.peekCodePoint(1),r=this.peekCodePoint(2);if(st(e)||it(t,r)){var n=Bt(e,t,r)?WA:GA,s=this.consumeName();return{type:h.HASH_TOKEN,value:s,flags:n}}break;case se:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),wt;break;case ie:return this.consumeStringToken(ie);case Be:return ut;case ae:return lt;case Ke:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),Et;break;case be:if(at(A,this.peekCodePoint(0),this.peekCodePoint(1)))return this.reconsumeCodePoint(A),this.consumeNumericToken();break;case ve:return Qt;case ue:var o=A,i=this.peekCodePoint(0),B=this.peekCodePoint(1);if(at(o,i,B))return this.reconsumeCodePoint(A),this.consumeNumericToken();if(Bt(o,i,B))return this.reconsumeCodePoint(A),this.consumeIdentLikeToken();if(i===ue&&B===we)return this.consumeCodePoint(),this.consumeCodePoint(),Nt;break;case Te:if(at(A,this.peekCodePoint(0),this.peekCodePoint(1)))return this.reconsumeCodePoint(A),this.consumeNumericToken();break;case ZA:if(this.peekCodePoint(0)===Ke)for(this.consumeCodePoint();;){var a=this.consumeCodePoint();if(a===Ke&&(a=this.consumeCodePoint(),a===ZA))return this.consumeToken();if(a===De)return this.consumeToken()}break;case me:return Kt;case Ie:return bt;case Qe:if(this.peekCodePoint(0)===le&&this.peekCodePoint(1)===ue&&this.peekCodePoint(2)===ue)return this.consumeCodePoint(),this.consumeCodePoint(),Ht;break;case he:var c=this.peekCodePoint(0),l=this.peekCodePoint(1),Q=this.peekCodePoint(2);if(Bt(c,l,Q)){var s=this.consumeName();return{type:h.AT_KEYWORD_TOKEN,value:s}}break;case de:return vt;case $A:if(it(A,this.peekCodePoint(0)))return this.reconsumeCodePoint(A),this.consumeIdentLikeToken();break;case ge:return mt;case Ue:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),ht;break;case fe:return ft;case Ee:return Ct;case ze:case We:var w=this.peekCodePoint(0),d=this.peekCodePoint(1);return w!==be||!Ze(d)&&d!==Ce||(this.consumeCodePoint(),this.consumeUnicodeRangeToken()),this.reconsumeCodePoint(A),this.consumeIdentLikeToken();case Fe:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),gt;if(this.peekCodePoint(0)===Fe)return this.consumeCodePoint(),dt;break;case pe:if(this.peekCodePoint(0)===re)return this.consumeCodePoint(),Ut;break;case De:return Tt}return rt(A)?(this.consumeWhiteSpace(),It):qe(A)?(this.reconsumeCodePoint(A),this.consumeNumericToken()):nt(A)?(this.reconsumeCodePoint(A),this.consumeIdentLikeToken()):{type:h.DELIM_TOKEN,value:u(A)}},A.prototype.consumeCodePoint=function(){var A=this._value.shift();return"undefined"==typeof A?-1:A},A.prototype.reconsumeCodePoint=function(A){this._value.unshift(A)},A.prototype.peekCodePoint=function(A){return A>=this._value.length?-1:this._value[A]},A.prototype.consumeUnicodeRangeToken=function(){for(var A=[],e=this.consumeCodePoint();Ze(e)&&A.length<6;)A.push(e),e=this.consumeCodePoint();for(var t=!1;e===Ce&&A.length<6;)A.push(e),e=this.consumeCodePoint(),t=!0;if(t){var r=parseInt(u.apply(void 0,A.map(function(A){return A===Ce?Me:A})),16),n=parseInt(u.apply(void 0,A.map(function(A){return A===Ce?Ge:A})),16);return{type:h.UNICODE_RANGE_TOKEN,start:r,end:n}}var s=parseInt(u.apply(void 0,A),16);if(this.peekCodePoint(0)===ue&&Ze(this.peekCodePoint(1))){this.consumeCodePoint(),e=this.consumeCodePoint();for(var o=[];Ze(e)&&o.length<6;)o.push(e),e=this.consumeCodePoint();var n=parseInt(u.apply(void 0,o),16);return{type:h.UNICODE_RANGE_TOKEN,start:s,end:n}}return{type:h.UNICODE_RANGE_TOKEN,start:s,end:s}},A.prototype.consumeIdentLikeToken=function(){var A=this.consumeName();return"url"===A.toLowerCase()&&this.peekCodePoint(0)===Be?(this.consumeCodePoint(),this.consumeUrlToken()):this.peekCodePoint(0)===Be?(this.consumeCodePoint(),{type:h.FUNCTION_TOKEN,value:A}):{type:h.IDENT_TOKEN,value:A}},A.prototype.consumeUrlToken=function(){var A=[];if(this.consumeWhiteSpace(),this.peekCodePoint(0)===De)return{type:h.URL_TOKEN,value:""};var e=this.peekCodePoint(0);if(e===ie||e===te){var t=this.consumeStringToken(this.consumeCodePoint());return t.type===h.STRING_TOKEN&&(this.consumeWhiteSpace(),this.peekCodePoint(0)===De||this.peekCodePoint(0)===ae)?(this.consumeCodePoint(),{type:h.URL_TOKEN,value:t.value}):(this.consumeBadUrlRemnants(),Ft)}for(;;){var r=this.consumeCodePoint();if(r===De||r===ae)return{type:h.URL_TOKEN,value:u.apply(void 0,A)};if(rt(r))return this.consumeWhiteSpace(),this.peekCodePoint(0)===De||this.peekCodePoint(0)===ae?(this.consumeCodePoint(),{type:h.URL_TOKEN,value:u.apply(void 0,A)}):(this.consumeBadUrlRemnants(),Ft);if(r===te||r===ie||r===Be||ot(r))return this.consumeBadUrlRemnants(),Ft;if(r===$A){if(!it(r,this.peekCodePoint(0)))return this.consumeBadUrlRemnants(),Ft;A.push(this.consumeEscapedCodePoint())}else A.push(r)}},A.prototype.consumeWhiteSpace=function(){for(;rt(this.peekCodePoint(0));)this.consumeCodePoint()},A.prototype.consumeBadUrlRemnants=function(){for(;;){var A=this.consumeCodePoint();if(A===ae||A===De)return;it(A,this.peekCodePoint(0))&&this.consumeEscapedCodePoint()}},A.prototype.consumeStringSlice=function(A){for(var e=6e4,t="";A>0;){var r=Math.min(e,A);t+=u.apply(void 0,this._value.splice(0,r)),A-=r}return this._value.shift(),t},A.prototype.consumeStringToken=function(A){for(var e="",t=0;;){var r=this._value[t];if(r===De||void 0===r||r===A)return e+=this.consumeStringSlice(t),{type:h.STRING_TOKEN,value:e};if(r===jA)return this._value.splice(0,t),pt;if(r===$A){var n=this._value[t+1];n!==De&&void 0!==n&&(n===jA?(e+=this.consumeStringSlice(t),t=-1,this._value.shift()):it(r,n)&&(e+=this.consumeStringSlice(t),e+=u(this.consumeEscapedCodePoint()),t=-1))}t++}},A.prototype.consumeNumber=function(){var A=[],e=YA,t=this.peekCodePoint(0);for(t!==be&&t!==ue||A.push(this.consumeCodePoint());qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());t=this.peekCodePoint(0);var r=this.peekCodePoint(1);if(t===Te&&qe(r))for(A.push(this.consumeCodePoint(),this.consumeCodePoint()),e=qA;qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());t=this.peekCodePoint(0),r=this.peekCodePoint(1);var n=this.peekCodePoint(2);if((t===Je||t===xe)&&((r===be||r===ue)&&qe(n)||qe(r)))for(A.push(this.consumeCodePoint(),this.consumeCodePoint()),e=qA;qe(this.peekCodePoint(0));)A.push(this.consumeCodePoint());return[ct(A),e]},A.prototype.consumeNumericToken=function(){var A=this.consumeNumber(),e=A[0],t=A[1],r=this.peekCodePoint(0),n=this.peekCodePoint(1),s=this.peekCodePoint(2);if(Bt(r,n,s)){var o=this.consumeName();return{type:h.DIMENSION_TOKEN,number:e,flags:t,unit:o}}return r===oe?(this.consumeCodePoint(),{type:h.PERCENTAGE_TOKEN,number:e,flags:t}):{type:h.NUMBER_TOKEN,number:e,flags:t}},A.prototype.consumeEscapedCodePoint=function(){var A=this.consumeCodePoint();if(Ze(A)){for(var e=u(A);Ze(this.peekCodePoint(0))&&e.length<6;)e+=u(this.consumeCodePoint());rt(this.peekCodePoint(0))&&this.consumeCodePoint();var t=parseInt(e,16);return 0===t||je(t)||t>1114111?Ne:t}return A===De?Ne:A},A.prototype.consumeName=function(){for(var A="";;){var e=this.consumeCodePoint();if(st(e))A+=u(e);else{if(!it(e,this.peekCodePoint(0)))return this.reconsumeCodePoint(e),A;A+=u(this.consumeEscapedCodePoint())}}},A}(),Rt=function(){function A(A){this._tokens=A}return A.create=function(e){var t=new yt;return t.write(e),new A(t.read())},A.parseValue=function(e){return A.create(e).parseComponentValue()},A.parseValues=function(e){return A.create(e).parseComponentValues()},A.prototype.parseComponentValue=function(){for(var A=this.consumeToken();A.type===h.WHITESPACE_TOKEN;)A=this.consumeToken();if(A.type===h.EOF_TOKEN)throw new SyntaxError("Error parsing CSS component value, unexpected EOF");this.reconsumeToken(A);var e=this.consumeComponentValue();do A=this.consumeToken();while(A.type===h.WHITESPACE_TOKEN);if(A.type===h.EOF_TOKEN)return e;throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one")},A.prototype.parseComponentValues=function(){for(var A=[];;){var e=this.consumeComponentValue();if(e.type===h.EOF_TOKEN)return A;A.push(e),A.push()}},A.prototype.consumeComponentValue=function(){var A=this.consumeToken();switch(A.type){case h.LEFT_CURLY_BRACKET_TOKEN:case h.LEFT_SQUARE_BRACKET_TOKEN:case h.LEFT_PARENTHESIS_TOKEN:return this.consumeSimpleBlock(A.type);case h.FUNCTION_TOKEN:return this.consumeFunction(A)}return A},A.prototype.consumeSimpleBlock=function(A){for(var e={type:A,values:[]},t=this.consumeToken();;){if(t.type===h.EOF_TOKEN||Pt(t,A))return e;this.reconsumeToken(t),e.values.push(this.consumeComponentValue()),t=this.consumeToken()}},A.prototype.consumeFunction=function(A){for(var e={name:A.value,values:[],type:h.FUNCTION};;){var t=this.consumeToken();if(t.type===h.EOF_TOKEN||t.type===h.RIGHT_PARENTHESIS_TOKEN)return e;this.reconsumeToken(t),e.values.push(this.consumeComponentValue())}},A.prototype.consumeToken=function(){var A=this._tokens.shift();return"undefined"==typeof A?Tt:A},A.prototype.reconsumeToken=function(A){this._tokens.unshift(A)},A}(),Lt=function(A){return A.type===h.DIMENSION_TOKEN},_t=function(A){return A.type===h.NUMBER_TOKEN},Ot=function(A){return A.type===h.IDENT_TOKEN},St=function(A){return A.type===h.STRING_TOKEN},Dt=function(A,e){return Ot(A)&&A.value===e},Mt=function(A){return A.type!==h.WHITESPACE_TOKEN},kt=function(A){return A.type!==h.WHITESPACE_TOKEN&&A.type!==h.COMMA_TOKEN},xt=function(A){var e=[],t=[];return A.forEach(function(A){if(A.type===h.COMMA_TOKEN){if(0===t.length)throw new Error("Error parsing function args, zero tokens for arg");return e.push(t),void(t=[])}A.type!==h.WHITESPACE_TOKEN&&t.push(A)}),t.length&&e.push(t),e},Pt=function(A,e){return e===h.LEFT_CURLY_BRACKET_TOKEN&&A.type===h.RIGHT_CURLY_BRACKET_TOKEN||(e===h.LEFT_SQUARE_BRACKET_TOKEN&&A.type===h.RIGHT_SQUARE_BRACKET_TOKEN||e===h.LEFT_PARENTHESIS_TOKEN&&A.type===h.RIGHT_PARENTHESIS_TOKEN)},zt=function(A){return A.type===h.NUMBER_TOKEN||A.type===h.DIMENSION_TOKEN},Vt=function(A){return A.type===h.PERCENTAGE_TOKEN||zt(A)},Xt=function(A){return A.length>1?[A[0],A[1]]:[A[0]]},Jt={type:h.NUMBER_TOKEN,number:0,flags:YA},Gt={type:h.PERCENTAGE_TOKEN,number:50,flags:YA},Wt={type:h.PERCENTAGE_TOKEN,number:100,flags:YA},Yt=function(A,e,t){var r=A[0],n=A[1];return[qt(r,e),qt("undefined"!=typeof n?n:r,t)]},qt=function(A,e){if(A.type===h.PERCENTAGE_TOKEN)return A.number/100*e;if(Lt(A))switch(A.unit){case"rem":case"em":return 16*A.number;case"px":default:return A.number}return A.number},jt="deg",Zt="grad",$t="rad",Ar="turn",er={name:"angle",parse:function(A){if(A.type===h.DIMENSION_TOKEN)switch(A.unit){case jt:return Math.PI*A.number/180;case Zt:return Math.PI/200*A.number;case $t:return A.number;case Ar:return 2*Math.PI*A.number}throw new Error("Unsupported angle type")}},tr=function(A){return A.type===h.DIMENSION_TOKEN&&(A.unit===jt||A.unit===Zt||A.unit===$t||A.unit===Ar)},rr=function(A){var e=A.filter(Ot).map(function(A){return A.value}).join(" ");switch(e){case"to bottom right":case"to right bottom":case"left top":case"top left":return[Jt,Jt];case"to top":case"bottom":return nr(0);case"to bottom left":case"to left bottom":case"right top":case"top right":return[Jt,Wt];case"to right":case"left":return nr(90);case"to top left":case"to left top":case"right bottom":case"bottom right":return[Wt,Wt];case"to bottom":case"top":return nr(180);case"to top right":case"to right top":case"left bottom":case"bottom left":return[Wt,Jt];case"to left":case"right":return nr(270)}return 0},nr=function(A){return Math.PI*A/180},sr={name:"color",parse:function(A){if(A.type===h.FUNCTION){var e=lr[A.name];if("undefined"==typeof e)throw new Error('Attempting to parse an unsupported color function "'+A.name+'"');return e(A.values)}if(A.type===h.HASH_TOKEN){if(3===A.value.length){var t=A.value.substring(0,1),r=A.value.substring(1,2),n=A.value.substring(2,3);return Br(parseInt(t+t,16),parseInt(r+r,16),parseInt(n+n,16),1)}if(4===A.value.length){var t=A.value.substring(0,1),r=A.value.substring(1,2),n=A.value.substring(2,3),s=A.value.substring(3,4);return Br(parseInt(t+t,16),parseInt(r+r,16),parseInt(n+n,16),parseInt(s+s,16)/255)}if(6===A.value.length){var t=A.value.substring(0,2),r=A.value.substring(2,4),n=A.value.substring(4,6);return Br(parseInt(t,16),parseInt(r,16),parseInt(n,16),1)}if(8===A.value.length){var t=A.value.substring(0,2),r=A.value.substring(2,4),n=A.value.substring(4,6),s=A.value.substring(6,8);return Br(parseInt(t,16),parseInt(r,16),parseInt(n,16),parseInt(s,16)/255)}}if(A.type===h.IDENT_TOKEN){var o=Qr[A.value.toUpperCase()];if("undefined"!=typeof o)return o}return Qr.TRANSPARENT}},or=function(A){return 0===(255&A)},ir=function(A){var e=255&A,t=255&A>>8,r=255&A>>16,n=255&A>>24;return e<255?"rgba("+n+","+r+","+t+","+e/255+")":"rgb("+n+","+r+","+t+")"},Br=function(A,e,t,r){return(A<<24|e<<16|t<<8|Math.round(255*r)<<0)>>>0},ar=function(A,e){if(A.type===h.NUMBER_TOKEN)return A.number;if(A.type===h.PERCENTAGE_TOKEN){var t=3===e?1:255;return 3===e?A.number/100*t:Math.round(A.number/100*t)}return 0},cr=function(A){var e=A.filter(kt);if(3===e.length){var t=e.map(ar),r=t[0],n=t[1],s=t[2];return Br(r,n,s,1)}if(4===e.length){var o=e.map(ar),r=o[0],n=o[1],s=o[2],i=o[3];return Br(r,n,s,i)}return 0},ur=function(A){var e=A.filter(kt),t=e[0],n=e[1],s=e[2],o=e[3],i=(t.type===h.NUMBER_TOKEN?nr(t.number):er.parse(t))/(2*Math.PI),B=Vt(n)?n.number/100:0,a=Vt(s)?s.number/100:0,c="undefined"!=typeof o&&Vt(o)?qt(o,1):1;if(0===B)return Br(255*a,255*a,255*a,1);var u=a<=.5?a*(B+1):a+B-a*B,l=2*a-u,Q=r(l,u,i+1/3),w=r(l,u,i),d=r(l,u,i-1/3);return Br(255*Q,255*w,255*d,c)},lr={hsl:ur,hsla:ur,rgb:cr,rgba:cr},Qr={ALICEBLUE:4042850303,ANTIQUEWHITE:4209760255,AQUA:16777215,AQUAMARINE:2147472639,AZURE:4043309055,BEIGE:4126530815,BISQUE:4293182719,BLACK:255,BLANCHEDALMOND:4293643775,BLUE:65535,BLUEVIOLET:2318131967,BROWN:2771004159,BURLYWOOD:3736635391,CADETBLUE:1604231423,CHARTREUSE:2147418367,CHOCOLATE:3530104575,CORAL:4286533887,CORNFLOWERBLUE:1687547391,CORNSILK:4294499583,CRIMSON:3692313855,CYAN:16777215,DARKBLUE:35839,DARKCYAN:9145343,DARKGOLDENROD:3095837695,DARKGRAY:2846468607,DARKGREEN:6553855,DARKGREY:2846468607,DARKKHAKI:3182914559,DARKMAGENTA:2332068863,DARKOLIVEGREEN:1433087999,DARKORANGE:4287365375,DARKORCHID:2570243327,DARKRED:2332033279,DARKSALMON:3918953215,DARKSEAGREEN:2411499519,DARKSLATEBLUE:1211993087,DARKSLATEGRAY:793726975,DARKSLATEGREY:793726975,DARKTURQUOISE:13554175,DARKVIOLET:2483082239,DEEPPINK:4279538687,DEEPSKYBLUE:12582911,DIMGRAY:1768516095,DIMGREY:1768516095,DODGERBLUE:512819199,FIREBRICK:2988581631,FLORALWHITE:4294635775,FORESTGREEN:579543807,FUCHSIA:4278255615,GAINSBORO:3705462015,GHOSTWHITE:4177068031,GOLD:4292280575,GOLDENROD:3668254975,GRAY:2155905279,GREEN:8388863,GREENYELLOW:2919182335,GREY:2155905279,HONEYDEW:4043305215,HOTPINK:4285117695,INDIANRED:3445382399,INDIGO:1258324735,IVORY:4294963455,KHAKI:4041641215,LAVENDER:3873897215,LAVENDERBLUSH:4293981695,LAWNGREEN:2096890111,LEMONCHIFFON:4294626815,LIGHTBLUE:2916673279,LIGHTCORAL:4034953471,LIGHTCYAN:3774873599,LIGHTGOLDENRODYELLOW:4210742015,LIGHTGRAY:3553874943,LIGHTGREEN:2431553791,LIGHTGREY:3553874943,LIGHTPINK:4290167295,LIGHTSALMON:4288707327,LIGHTSEAGREEN:548580095,LIGHTSKYBLUE:2278488831,LIGHTSLATEGRAY:2005441023,LIGHTSLATEGREY:2005441023,LIGHTSTEELBLUE:2965692159,LIGHTYELLOW:4294959359,LIME:16711935,LIMEGREEN:852308735,LINEN:4210091775,MAGENTA:4278255615,MAROON:2147483903,MEDIUMAQUAMARINE:1724754687,MEDIUMBLUE:52735,MEDIUMORCHID:3126187007,MEDIUMPURPLE:2473647103,MEDIUMSEAGREEN:1018393087,MEDIUMSLATEBLUE:2070474495,MEDIUMSPRINGGREEN:16423679,MEDIUMTURQUOISE:1221709055,MEDIUMVIOLETRED:3340076543,MIDNIGHTBLUE:421097727,MINTCREAM:4127193855,MISTYROSE:4293190143,MOCCASIN:4293178879,NAVAJOWHITE:4292783615,NAVY:33023,OLDLACE:4260751103,OLIVE:2155872511,OLIVEDRAB:1804477439,ORANGE:4289003775,ORANGERED:4282712319,ORCHID:3664828159,PALEGOLDENROD:4008225535,PALEGREEN:2566625535,PALETURQUOISE:2951671551,PALEVIOLETRED:3681588223,PAPAYAWHIP:4293907967,PEACHPUFF:4292524543,PERU:3448061951,PINK:4290825215,PLUM:3718307327,POWDERBLUE:2967529215,PURPLE:2147516671,REBECCAPURPLE:1714657791,RED:4278190335,ROSYBROWN:3163525119,ROYALBLUE:1097458175,SADDLEBROWN:2336560127,SALMON:4202722047,SANDYBROWN:4104413439,SEAGREEN:780883967,SEASHELL:4294307583,SIENNA:2689740287,SILVER:3233857791,SKYBLUE:2278484991,SLATEBLUE:1784335871,SLATEGRAY:1887473919,SLATEGREY:1887473919,SNOW:4294638335,SPRINGGREEN:16744447,STEELBLUE:1182971135,TAN:3535047935,TEAL:8421631,THISTLE:3636451583,TOMATO:4284696575,TRANSPARENT:0,TURQUOISE:1088475391,VIOLET:4001558271,WHEAT:4125012991,WHITE:4294967295,WHITESMOKE:4126537215,YELLOW:4294902015,YELLOWGREEN:2597139199};!function(A){A[A.VALUE=0]="VALUE",A[A.LIST=1]="LIST",A[A.IDENT_VALUE=2]="IDENT_VALUE",A[A.TYPE_VALUE=3]="TYPE_VALUE",A[A.TOKEN_VALUE=4]="TOKEN_VALUE"}(JA||(JA={}));var wr;!function(A){A[A.BORDER_BOX=0]="BORDER_BOX",A[A.PADDING_BOX=1]="PADDING_BOX",A[A.CONTENT_BOX=2]="CONTENT_BOX"}(wr||(wr={}));var hr,dr={name:"background-clip",initialValue:"border-box",prefix:!1,type:JA.LIST,parse:function(A){return A.map(function(A){if(Ot(A))switch(A.value){case"padding-box":return wr.PADDING_BOX;case"content-box":return wr.CONTENT_BOX}return wr.BORDER_BOX})}},gr={name:"background-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},Ur=function(A){var e=sr.parse(A[0]),t=A[1];return t&&Vt(t)?{color:e,stop:t}:{color:e,stop:null}},fr=function(A,e){var t=A[0],r=A[A.length-1];null===t.stop&&(t.stop=Jt),null===r.stop&&(r.stop=Wt);for(var n=[],s=0,o=0;o<A.length;o++){var i=A[o].stop;if(null!==i){var B=qt(i,e);B>s?n.push(B):n.push(s),s=B}else n.push(null)}for(var a=null,o=0;o<n.length;o++){var c=n[o];if(null===c)null===a&&(a=o);else if(null!==a){for(var u=o-a,l=n[a-1],Q=(c-l)/(u+1),w=1;w<=u;w++)n[a+w-1]=Q*w;a=null}}return A.map(function(A,t){var r=A.color;return{color:r,stop:Math.max(Math.min(1,n[t]/e),0)}})},Cr=function(A,e,t){var r=e/2,n=t/2,s=qt(A[0],e)-r,o=n-qt(A[1],t);return(Math.atan2(o,s)+2*Math.PI)%(2*Math.PI)},Er=function(A,e,t){var r="number"==typeof A?A:Cr(A,e,t),n=Math.abs(e*Math.sin(r))+Math.abs(t*Math.cos(r)),s=e/2,o=t/2,i=n/2,B=Math.sin(r-Math.PI/2)*i,a=Math.cos(r-Math.PI/2)*i;return[n,s-a,s+a,o-B,o+B]},Fr=function(A,e){return Math.sqrt(A*A+e*e)},pr=function(A,e,t,r,n){var s=[[0,0],[0,e],[A,0],[A,e]];return s.reduce(function(A,e){var s=e[0],o=e[1],i=Fr(t-s,r-o);return(n?i<A.optimumDistance:i>A.optimumDistance)?{optimumCorner:e,optimumDistance:i}:A},{optimumDistance:n?1/0:-(1/0),optimumCorner:null}).optimumCorner},Hr=function(A,e,t,r,n){var s=0,o=0;switch(A.size){case Bn.CLOSEST_SIDE:A.shape===nn.CIRCLE?s=o=Math.min(Math.abs(e),Math.abs(e-r),Math.abs(t),Math.abs(t-n)):A.shape===nn.ELLIPSE&&(s=Math.min(Math.abs(e),Math.abs(e-r)),o=Math.min(Math.abs(t),Math.abs(t-n)));break;case Bn.CLOSEST_CORNER:if(A.shape===nn.CIRCLE)s=o=Math.min(Fr(e,t),Fr(e,t-n),Fr(e-r,t),Fr(e-r,t-n));else if(A.shape===nn.ELLIPSE){var i=Math.min(Math.abs(t),Math.abs(t-n))/Math.min(Math.abs(e),Math.abs(e-r)),B=pr(r,n,e,t,!0),a=B[0],c=B[1];s=Fr(a-e,(c-t)/i),o=i*s}break;case Bn.FARTHEST_SIDE:A.shape===nn.CIRCLE?s=o=Math.max(Math.abs(e),Math.abs(e-r),Math.abs(t),Math.abs(t-n)):A.shape===nn.ELLIPSE&&(s=Math.max(Math.abs(e),Math.abs(e-r)),o=Math.max(Math.abs(t),Math.abs(t-n)));break;case Bn.FARTHEST_CORNER:if(A.shape===nn.CIRCLE)s=o=Math.max(Fr(e,t),Fr(e,t-n),Fr(e-r,t),Fr(e-r,t-n));else if(A.shape===nn.ELLIPSE){var i=Math.max(Math.abs(t),Math.abs(t-n))/Math.max(Math.abs(e),Math.abs(e-r)),u=pr(r,n,e,t,!1),a=u[0],c=u[1];s=Fr(a-e,(c-t)/i),o=i*s}}return Array.isArray(A.size)&&(s=qt(A.size[0],r),o=2===A.size.length?qt(A.size[1],n):s),[s,o]},Nr=function(A){var e=nr(180),t=[];return xt(A).forEach(function(A,r){if(0===r){var n=A[0];if(n.type===h.IDENT_TOKEN&&"to"===n.value)return void(e=rr(A));if(tr(n))return void(e=er.parse(n))}var s=Ur(A);t.push(s)}),{angle:e,stops:t,type:hr.LINEAR_GRADIENT}},Kr=function(A){var e=nr(180),t=[];return xt(A).forEach(function(A,r){if(0===r){var n=A[0];if(n.type===h.IDENT_TOKEN&&["top","left","right","bottom"].indexOf(n.value)!==-1)return void(e=rr(A));if(tr(n))return void(e=(er.parse(n)+nr(270))%nr(360))}var s=Ur(A);t.push(s)}),{angle:e,stops:t,type:hr.LINEAR_GRADIENT}},br=function(A){var e=123;if(A.createRange){var t=A.createRange();if(t.getBoundingClientRect){var r=A.createElement("boundtest");r.style.height=e+"px",r.style.display="block",A.body.appendChild(r),t.selectNode(r);var n=t.getBoundingClientRect(),s=Math.round(n.height);if(A.body.removeChild(r),s===e)return!0}}return!1},vr=function(){return"undefined"!=typeof(new Image).crossOrigin},mr=function(){return"string"==typeof(new XMLHttpRequest).responseType},Ir=function(A){var e=new Image,t=A.createElement("canvas"),r=t.getContext("2d");if(!r)return!1;e.src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";try{r.drawImage(e,0,0),t.toDataURL()}catch(n){return!1}return!0},Tr=function(A){return 0===A[0]&&255===A[1]&&0===A[2]&&255===A[3]},yr=function(A){var e=A.createElement("canvas"),t=100;e.width=t,e.height=t;var r=e.getContext("2d");if(!r)return Promise.reject(!1);r.fillStyle="rgb(0, 255, 0)",r.fillRect(0,0,t,t);var n=new Image,s=e.toDataURL();n.src=s;var o=Rr(t,t,0,0,n);return r.fillStyle="red",r.fillRect(0,0,t,t),Lr(o).then(function(e){r.drawImage(e,0,0);var n=r.getImageData(0,0,t,t).data;r.fillStyle="red",r.fillRect(0,0,t,t);var o=A.createElement("div");return o.style.backgroundImage="url("+s+")",o.style.height=t+"px",Tr(n)?Lr(Rr(t,t,0,0,o)):Promise.reject(!1)}).then(function(A){return r.drawImage(A,0,0),Tr(r.getImageData(0,0,t,t).data)})["catch"](function(){return!1})},Rr=function(A,e,t,r,n){var s="http://www.w3.org/2000/svg",o=document.createElementNS(s,"svg"),i=document.createElementNS(s,"foreignObject");return o.setAttributeNS(null,"width",A.toString()),o.setAttributeNS(null,"height",e.toString()),i.setAttributeNS(null,"width","100%"),i.setAttributeNS(null,"height","100%"),i.setAttributeNS(null,"x",t.toString()),i.setAttributeNS(null,"y",r.toString()),i.setAttributeNS(null,"externalResourcesRequired","true"),o.appendChild(i),i.appendChild(n),o},Lr=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){return e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent((new XMLSerializer).serializeToString(A))})},_r={get SUPPORT_RANGE_BOUNDS(){var A=br(document);return Object.defineProperty(_r,"SUPPORT_RANGE_BOUNDS",{value:A}),A},get SUPPORT_SVG_DRAWING(){var A=Ir(document);return Object.defineProperty(_r,"SUPPORT_SVG_DRAWING",{value:A}),A},get SUPPORT_FOREIGNOBJECT_DRAWING(){var A="function"==typeof Array.from&&"function"==typeof window.fetch?yr(document):Promise.resolve(!1);return Object.defineProperty(_r,"SUPPORT_FOREIGNOBJECT_DRAWING",{value:A}),A},get SUPPORT_CORS_IMAGES(){var A=vr();return Object.defineProperty(_r,"SUPPORT_CORS_IMAGES",{value:A}),A},get SUPPORT_RESPONSE_TYPE(){var A=mr();return Object.defineProperty(_r,"SUPPORT_RESPONSE_TYPE",{value:A}),A},get SUPPORT_CORS_XHR(){var A="withCredentials"in new XMLHttpRequest;return Object.defineProperty(_r,"SUPPORT_CORS_XHR",{value:A}),A}},Or=function(){function A(A){var e=A.id,t=A.enabled;this.id=e,this.enabled=t,this.start=Date.now()}return A.prototype.debug=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&("undefined"!=typeof window&&window.console&&"function"==typeof console.debug?console.debug.apply(console,[this.id,this.getTime()+"ms"].concat(A)):this.info.apply(this,A))},A.prototype.getTime=function(){return Date.now()-this.start},A.create=function(e){A.instances[e.id]=new A(e)},A.destroy=function(e){delete A.instances[e]},A.getInstance=function(e){var t=A.instances[e];if("undefined"==typeof t)throw new Error("No logger instance found with id "+e);return t},A.prototype.info=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&"undefined"!=typeof window&&window.console&&"function"==typeof console.info&&console.info.apply(console,[this.id,this.getTime()+"ms"].concat(A))},A.prototype.error=function(){for(var A=[],e=0;e<arguments.length;e++)A[e]=arguments[e];this.enabled&&("undefined"!=typeof window&&window.console&&"function"==typeof console.error?console.error.apply(console,[this.id,this.getTime()+"ms"].concat(A)):this.info.apply(this,A))},A.instances={},
+A}(),Sr=function(){function A(){}return A.create=function(e,t){return A._caches[e]=new Dr(e,t)},A.destroy=function(e){delete A._caches[e]},A.open=function(e){var t=A._caches[e];if("undefined"!=typeof t)return t;throw new Error('Cache with key "'+e+'" not found')},A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A.getInstance=function(){var e=A._current;if(null===e)throw new Error("No cache instance attached");return e},A.attachInstance=function(e){A._current=e},A.detachInstance=function(){A._current=null},A._caches={},A._origin="about:blank",A._current=null,A}(),Dr=function(){function A(A,e){this.id=A,this._options=e,this._cache={}}return A.prototype.addImage=function(A){var e=Promise.resolve();return this.has(A)?e:Xr(A)||Pr(A)?(this._cache[A]=this.loadImage(A),e):e},A.prototype.match=function(A){return this._cache[A]},A.prototype.loadImage=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o=this;return t(this,function(t){switch(t.label){case 0:return e=Sr.isSameOrigin(A),r=!zr(A)&&this._options.useCORS===!0&&_r.SUPPORT_CORS_IMAGES&&!e,n=!zr(A)&&!e&&"string"==typeof this._options.proxy&&_r.SUPPORT_CORS_XHR&&!r,e||this._options.allowTaint!==!1||zr(A)||n||r?(s=A,n?[4,this.proxy(s)]:[3,2]):[2];case 1:s=t.sent(),t.label=2;case 2:return Or.getInstance(this.id).debug("Added image "+A.substring(0,256)),[4,new Promise(function(A,e){var t=new Image;t.onload=function(){return A(t)},t.onerror=e,(Vr(s)||r)&&(t.crossOrigin="anonymous"),t.src=s,t.complete===!0&&setTimeout(function(){return A(t)},500),o._options.imageTimeout>0&&setTimeout(function(){return e("Timed out ("+o._options.imageTimeout+"ms) loading image")},o._options.imageTimeout)})];case 3:return[2,t.sent()]}})})},A.prototype.has=function(A){return"undefined"!=typeof this._cache[A]},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(A){var e=this,t=this._options.proxy;if(!t)throw new Error("No proxy defined");var r=A.substring(0,256);return new Promise(function(n,s){var o=_r.SUPPORT_RESPONSE_TYPE?"blob":"text",i=new XMLHttpRequest;if(i.onload=function(){if(200===i.status)if("text"===o)n(i.response);else{var A=new FileReader;A.addEventListener("load",function(){return n(A.result)},!1),A.addEventListener("error",function(A){return s(A)},!1),A.readAsDataURL(i.response)}else s("Failed to proxy resource "+r+" with status code "+i.status)},i.onerror=s,i.open("GET",t+"?url="+encodeURIComponent(A)+"&responseType="+o),"text"!==o&&i instanceof XMLHttpRequest&&(i.responseType=o),e._options.imageTimeout){var B=e._options.imageTimeout;i.timeout=B,i.ontimeout=function(){return s("Timed out ("+B+"ms) proxying "+r)}}i.send()})},A}(),Mr=/^data:image\/svg\+xml/i,kr=/^data:image\/.*;base64,/i,xr=/^data:image\/.*/i,Pr=function(A){return _r.SUPPORT_SVG_DRAWING||!Jr(A)},zr=function(A){return xr.test(A)},Vr=function(A){return kr.test(A)},Xr=function(A){return"blob"===A.substr(0,4)},Jr=function(A){return"svg"===A.substr(-3).toLowerCase()||Mr.test(A)},Gr=function(A){var e=nr(180),t=[],r=hr.LINEAR_GRADIENT,n=nn.CIRCLE,s=Bn.FARTHEST_CORNER,o=[];return xt(A).forEach(function(A,e){var n=A[0];if(0===e){if(Ot(n)&&"linear"===n.value)return void(r=hr.LINEAR_GRADIENT);if(Ot(n)&&"radial"===n.value)return void(r=hr.RADIAL_GRADIENT)}if(n.type===h.FUNCTION)if("from"===n.name){var s=sr.parse(n.values[0]);t.push({stop:Jt,color:s})}else if("to"===n.name){var s=sr.parse(n.values[0]);t.push({stop:Wt,color:s})}else if("color-stop"===n.name){var o=n.values.filter(kt);if(2===o.length){var s=sr.parse(o[1]),i=o[0];_t(i)&&t.push({stop:{type:h.PERCENTAGE_TOKEN,number:100*i.number,flags:i.flags},color:s})}}}),r===hr.LINEAR_GRADIENT?{angle:(e+nr(180))%nr(360),stops:t,type:r}:{size:s,shape:n,stops:t,position:o,type:r}},Wr="closest-side",Yr="farthest-side",qr="closest-corner",jr="farthest-corner",Zr="circle",$r="ellipse",An="cover",en="contain",tn=function(A){var e=nn.CIRCLE,t=Bn.FARTHEST_CORNER,r=[],n=[];return xt(A).forEach(function(A,s){var o=!0;if(0===s){var i=!1;o=A.reduce(function(A,r){if(i)if(Ot(r))switch(r.value){case"center":return n.push(Gt),A;case"top":case"left":return n.push(Jt),A;case"right":case"bottom":return n.push(Wt),A}else(Vt(r)||zt(r))&&n.push(r);else if(Ot(r))switch(r.value){case Zr:return e=nn.CIRCLE,!1;case $r:return e=nn.ELLIPSE,!1;case"at":return i=!0,!1;case Wr:return t=Bn.CLOSEST_SIDE,!1;case An:case Yr:return t=Bn.FARTHEST_SIDE,!1;case en:case qr:return t=Bn.CLOSEST_CORNER,!1;case jr:return t=Bn.FARTHEST_CORNER,!1}else if(zt(r)||Vt(r))return Array.isArray(t)||(t=[]),t.push(r),!1;return A},o)}if(o){var B=Ur(A);r.push(B)}}),{size:t,shape:e,stops:r,position:n,type:hr.RADIAL_GRADIENT}},rn=function(A){var e=nn.CIRCLE,t=Bn.FARTHEST_CORNER,r=[],n=[];return xt(A).forEach(function(A,s){var o=!0;if(0===s?o=A.reduce(function(A,e){if(Ot(e))switch(e.value){case"center":return n.push(Gt),!1;case"top":case"left":return n.push(Jt),!1;case"right":case"bottom":return n.push(Wt),!1}else if(Vt(e)||zt(e))return n.push(e),!1;return A},o):1===s&&(o=A.reduce(function(A,r){if(Ot(r))switch(r.value){case Zr:return e=nn.CIRCLE,!1;case $r:return e=nn.ELLIPSE,!1;case en:case Wr:return t=Bn.CLOSEST_SIDE,!1;case Yr:return t=Bn.FARTHEST_SIDE,!1;case qr:return t=Bn.CLOSEST_CORNER,!1;case An:case jr:return t=Bn.FARTHEST_CORNER,!1}else if(zt(r)||Vt(r))return Array.isArray(t)||(t=[]),t.push(r),!1;return A},o)),o){var i=Ur(A);r.push(i)}}),{size:t,shape:e,stops:r,position:n,type:hr.RADIAL_GRADIENT}};!function(A){A[A.URL=0]="URL",A[A.LINEAR_GRADIENT=1]="LINEAR_GRADIENT",A[A.RADIAL_GRADIENT=2]="RADIAL_GRADIENT"}(hr||(hr={}));var nn,sn=function(A){return A.type===hr.LINEAR_GRADIENT},on=function(A){return A.type===hr.RADIAL_GRADIENT};!function(A){A[A.CIRCLE=0]="CIRCLE",A[A.ELLIPSE=1]="ELLIPSE"}(nn||(nn={}));var Bn;!function(A){A[A.CLOSEST_SIDE=0]="CLOSEST_SIDE",A[A.FARTHEST_SIDE=1]="FARTHEST_SIDE",A[A.CLOSEST_CORNER=2]="CLOSEST_CORNER",A[A.FARTHEST_CORNER=3]="FARTHEST_CORNER"}(Bn||(Bn={}));var an,cn={name:"image",parse:function(A){if(A.type===h.URL_TOKEN){var e={url:A.value,type:hr.URL};return Sr.getInstance().addImage(A.value),e}if(A.type===h.FUNCTION){var t=un[A.name];if("undefined"==typeof t)throw new Error('Attempting to parse an unsupported image function "'+A.name+'"');return t(A.values)}throw new Error("Unsupported image type")}},un={"linear-gradient":Nr,"-moz-linear-gradient":Kr,"-ms-linear-gradient":Kr,"-o-linear-gradient":Kr,"-webkit-linear-gradient":Kr,"radial-gradient":tn,"-moz-radial-gradient":rn,"-ms-radial-gradient":rn,"-o-radial-gradient":rn,"-webkit-radial-gradient":rn,"-webkit-gradient":Gr},ln={name:"background-image",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){if(0===A.length)return[];var e=A[0];return e.type===h.IDENT_TOKEN&&"none"===e.value?[]:A.filter(function(A){return kt(A)&&n(A)}).map(cn.parse)}},Qn={name:"background-origin",initialValue:"border-box",prefix:!1,type:JA.LIST,parse:function(A){return A.map(function(A){if(Ot(A))switch(A.value){case"padding-box":return 1;case"content-box":return 2}return 0})}},wn={name:"background-position",initialValue:"0% 0%",type:JA.LIST,prefix:!1,parse:function(A){return xt(A).map(function(A){return A.filter(Vt)}).map(Xt)}};!function(A){A[A.REPEAT=0]="REPEAT",A[A.NO_REPEAT=1]="NO_REPEAT",A[A.REPEAT_X=2]="REPEAT_X",A[A.REPEAT_Y=3]="REPEAT_Y"}(an||(an={}));var hn,dn={name:"background-repeat",initialValue:"repeat",prefix:!1,type:JA.LIST,parse:function(A){return xt(A).map(function(A){return A.filter(Ot).map(function(A){return A.value}).join(" ")}).map(gn)}},gn=function(A){switch(A){case"no-repeat":return an.NO_REPEAT;case"repeat-x":case"repeat no-repeat":return an.REPEAT_X;case"repeat-y":case"no-repeat repeat":return an.REPEAT_Y;case"repeat":default:return an.REPEAT}};!function(A){A.AUTO="auto",A.CONTAIN="contain",A.COVER="cover"}(hn||(hn={}));var Un,fn={name:"background-size",initialValue:"0",prefix:!1,type:JA.LIST,parse:function(A){return xt(A).map(function(A){return A.filter(Cn)})}},Cn=function(A){return Ot(A)||Vt(A)},En=function(A){return{name:"border-"+A+"-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"}},Fn=En("top"),pn=En("right"),Hn=En("bottom"),Nn=En("left"),Kn=function(A){return{name:"border-radius-"+A,initialValue:"0 0",prefix:!1,type:JA.LIST,parse:function(A){return Xt(A.filter(Vt))}}},bn=Kn("top-left"),vn=Kn("top-right"),mn=Kn("bottom-right"),In=Kn("bottom-left");!function(A){A[A.NONE=0]="NONE",A[A.SOLID=1]="SOLID"}(Un||(Un={}));var Tn,yn=function(A){return{name:"border-"+A+"-style",initialValue:"solid",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"none":return Un.NONE}return Un.SOLID}}},Rn=yn("top"),Ln=yn("right"),_n=yn("bottom"),On=yn("left"),Sn=function(A){return{name:"border-"+A+"-width",initialValue:"0",type:JA.VALUE,prefix:!1,parse:function(A){return Lt(A)?A.number:0}}},Dn=Sn("top"),Mn=Sn("right"),kn=Sn("bottom"),xn=Sn("left"),Pn={name:"color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},zn={name:"display",initialValue:"inline-block",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(Ot).reduce(function(A,e){return A|Vn(e.value)},0)}},Vn=function(A){switch(A){case"block":return 2;case"inline":return 4;case"run-in":return 8;case"flow":return 16;case"flow-root":return 32;case"table":return 64;case"flex":case"-webkit-flex":return 128;case"grid":case"-ms-grid":return 256;case"ruby":return 512;case"subgrid":return 1024;case"list-item":return 2048;case"table-row-group":return 4096;case"table-header-group":return 8192;case"table-footer-group":return 16384;case"table-row":return 32768;case"table-cell":return 65536;case"table-column-group":return 131072;case"table-column":return 262144;case"table-caption":return 524288;case"ruby-base":return 1048576;case"ruby-text":return 2097152;case"ruby-base-container":return 4194304;case"ruby-text-container":return 8388608;case"contents":return 16777216;case"inline-block":return 33554432;case"inline-list-item":return 67108864;case"inline-table":return 134217728;case"inline-flex":return 268435456;case"inline-grid":return 536870912}return 0};!function(A){A[A.NONE=0]="NONE",A[A.LEFT=1]="LEFT",A[A.RIGHT=2]="RIGHT",A[A.INLINE_START=3]="INLINE_START",A[A.INLINE_END=4]="INLINE_END"}(Tn||(Tn={}));var Xn,Jn={name:"float",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"left":return Tn.LEFT;case"right":return Tn.RIGHT;case"inline-start":return Tn.INLINE_START;case"inline-end":return Tn.INLINE_END}return Tn.NONE}},Gn={name:"letter-spacing",initialValue:"0",prefix:!1,type:JA.VALUE,parse:function(A){return A.type===h.IDENT_TOKEN&&"normal"===A.value?0:A.type===h.NUMBER_TOKEN?A.number:A.type===h.DIMENSION_TOKEN?A.number:0}};!function(A){A.NORMAL="normal",A.STRICT="strict"}(Xn||(Xn={}));var Wn,Yn={name:"line-break",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"strict":return Xn.STRICT;case"normal":default:return Xn.NORMAL}}},qn={name:"line-height",initialValue:"normal",prefix:!1,type:JA.TOKEN_VALUE},jn=function(A,e){return Ot(A)&&"normal"===A.value?1.2*e:A.type===h.NUMBER_TOKEN?e*A.number:Vt(A)?qt(A,e):e},Zn={name:"list-style-image",initialValue:"none",type:JA.VALUE,prefix:!1,parse:function(A){return A.type===h.IDENT_TOKEN&&"none"===A.value?null:cn.parse(A)}};!function(A){A[A.INSIDE=0]="INSIDE",A[A.OUTSIDE=1]="OUTSIDE"}(Wn||(Wn={}));var $n,As={name:"list-style-position",initialValue:"outside",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"inside":return Wn.INSIDE;case"outside":default:return Wn.OUTSIDE}}};!function(A){A[A.NONE=-1]="NONE",A[A.DISC=0]="DISC",A[A.CIRCLE=1]="CIRCLE",A[A.SQUARE=2]="SQUARE",A[A.DECIMAL=3]="DECIMAL",A[A.CJK_DECIMAL=4]="CJK_DECIMAL",A[A.DECIMAL_LEADING_ZERO=5]="DECIMAL_LEADING_ZERO",A[A.LOWER_ROMAN=6]="LOWER_ROMAN",A[A.UPPER_ROMAN=7]="UPPER_ROMAN",A[A.LOWER_GREEK=8]="LOWER_GREEK",A[A.LOWER_ALPHA=9]="LOWER_ALPHA",A[A.UPPER_ALPHA=10]="UPPER_ALPHA",A[A.ARABIC_INDIC=11]="ARABIC_INDIC",A[A.ARMENIAN=12]="ARMENIAN",A[A.BENGALI=13]="BENGALI",A[A.CAMBODIAN=14]="CAMBODIAN",A[A.CJK_EARTHLY_BRANCH=15]="CJK_EARTHLY_BRANCH",A[A.CJK_HEAVENLY_STEM=16]="CJK_HEAVENLY_STEM",A[A.CJK_IDEOGRAPHIC=17]="CJK_IDEOGRAPHIC",A[A.DEVANAGARI=18]="DEVANAGARI",A[A.ETHIOPIC_NUMERIC=19]="ETHIOPIC_NUMERIC",A[A.GEORGIAN=20]="GEORGIAN",A[A.GUJARATI=21]="GUJARATI",A[A.GURMUKHI=22]="GURMUKHI",A[A.HEBREW=22]="HEBREW",A[A.HIRAGANA=23]="HIRAGANA",A[A.HIRAGANA_IROHA=24]="HIRAGANA_IROHA",A[A.JAPANESE_FORMAL=25]="JAPANESE_FORMAL",A[A.JAPANESE_INFORMAL=26]="JAPANESE_INFORMAL",A[A.KANNADA=27]="KANNADA",A[A.KATAKANA=28]="KATAKANA",A[A.KATAKANA_IROHA=29]="KATAKANA_IROHA",A[A.KHMER=30]="KHMER",A[A.KOREAN_HANGUL_FORMAL=31]="KOREAN_HANGUL_FORMAL",A[A.KOREAN_HANJA_FORMAL=32]="KOREAN_HANJA_FORMAL",A[A.KOREAN_HANJA_INFORMAL=33]="KOREAN_HANJA_INFORMAL",A[A.LAO=34]="LAO",A[A.LOWER_ARMENIAN=35]="LOWER_ARMENIAN",A[A.MALAYALAM=36]="MALAYALAM",A[A.MONGOLIAN=37]="MONGOLIAN",A[A.MYANMAR=38]="MYANMAR",A[A.ORIYA=39]="ORIYA",A[A.PERSIAN=40]="PERSIAN",A[A.SIMP_CHINESE_FORMAL=41]="SIMP_CHINESE_FORMAL",A[A.SIMP_CHINESE_INFORMAL=42]="SIMP_CHINESE_INFORMAL",A[A.TAMIL=43]="TAMIL",A[A.TELUGU=44]="TELUGU",A[A.THAI=45]="THAI",A[A.TIBETAN=46]="TIBETAN",A[A.TRAD_CHINESE_FORMAL=47]="TRAD_CHINESE_FORMAL",A[A.TRAD_CHINESE_INFORMAL=48]="TRAD_CHINESE_INFORMAL",A[A.UPPER_ARMENIAN=49]="UPPER_ARMENIAN",A[A.DISCLOSURE_OPEN=50]="DISCLOSURE_OPEN",A[A.DISCLOSURE_CLOSED=51]="DISCLOSURE_CLOSED"}($n||($n={}));var es,ts={name:"list-style-type",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"disc":return $n.DISC;case"circle":return $n.CIRCLE;case"square":return $n.SQUARE;case"decimal":return $n.DECIMAL;case"cjk-decimal":return $n.CJK_DECIMAL;case"decimal-leading-zero":return $n.DECIMAL_LEADING_ZERO;case"lower-roman":return $n.LOWER_ROMAN;case"upper-roman":return $n.UPPER_ROMAN;case"lower-greek":return $n.LOWER_GREEK;case"lower-alpha":return $n.LOWER_ALPHA;case"upper-alpha":return $n.UPPER_ALPHA;case"arabic-indic":return $n.ARABIC_INDIC;case"armenian":return $n.ARMENIAN;case"bengali":return $n.BENGALI;case"cambodian":return $n.CAMBODIAN;case"cjk-earthly-branch":return $n.CJK_EARTHLY_BRANCH;case"cjk-heavenly-stem":return $n.CJK_HEAVENLY_STEM;case"cjk-ideographic":return $n.CJK_IDEOGRAPHIC;case"devanagari":return $n.DEVANAGARI;case"ethiopic-numeric":return $n.ETHIOPIC_NUMERIC;case"georgian":return $n.GEORGIAN;case"gujarati":return $n.GUJARATI;case"gurmukhi":return $n.GURMUKHI;case"hebrew":return $n.HEBREW;case"hiragana":return $n.HIRAGANA;case"hiragana-iroha":return $n.HIRAGANA_IROHA;case"japanese-formal":return $n.JAPANESE_FORMAL;case"japanese-informal":return $n.JAPANESE_INFORMAL;case"kannada":return $n.KANNADA;case"katakana":return $n.KATAKANA;case"katakana-iroha":return $n.KATAKANA_IROHA;case"khmer":return $n.KHMER;case"korean-hangul-formal":return $n.KOREAN_HANGUL_FORMAL;case"korean-hanja-formal":return $n.KOREAN_HANJA_FORMAL;case"korean-hanja-informal":return $n.KOREAN_HANJA_INFORMAL;case"lao":return $n.LAO;case"lower-armenian":return $n.LOWER_ARMENIAN;case"malayalam":return $n.MALAYALAM;case"mongolian":return $n.MONGOLIAN;case"myanmar":return $n.MYANMAR;case"oriya":return $n.ORIYA;case"persian":return $n.PERSIAN;case"simp-chinese-formal":return $n.SIMP_CHINESE_FORMAL;case"simp-chinese-informal":return $n.SIMP_CHINESE_INFORMAL;case"tamil":return $n.TAMIL;case"telugu":return $n.TELUGU;case"thai":return $n.THAI;case"tibetan":return $n.TIBETAN;case"trad-chinese-formal":return $n.TRAD_CHINESE_FORMAL;case"trad-chinese-informal":return $n.TRAD_CHINESE_INFORMAL;case"upper-armenian":return $n.UPPER_ARMENIAN;case"disclosure-open":return $n.DISCLOSURE_OPEN;case"disclosure-closed":return $n.DISCLOSURE_CLOSED;case"none":default:return $n.NONE}}},rs=function(A){return{name:"margin-"+A,initialValue:"0",prefix:!1,type:JA.TOKEN_VALUE}},ns=rs("top"),ss=rs("right"),os=rs("bottom"),is=rs("left");!function(A){A[A.VISIBLE=0]="VISIBLE",A[A.HIDDEN=1]="HIDDEN",A[A.SCROLL=2]="SCROLL",A[A.AUTO=3]="AUTO"}(es||(es={}));var Bs,as={name:"overflow",initialValue:"visible",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(Ot).map(function(A){switch(A.value){case"hidden":return es.HIDDEN;case"scroll":return es.SCROLL;case"auto":return es.AUTO;case"visible":default:return es.VISIBLE}})}};!function(A){A.NORMAL="normal",A.BREAK_WORD="break-word"}(Bs||(Bs={}));var cs,us={name:"overflow-wrap",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"break-word":return Bs.BREAK_WORD;case"normal":default:return Bs.NORMAL}}},ls=function(A){return{name:"padding-"+A,initialValue:"0",prefix:!1,type:JA.TYPE_VALUE,format:"length-percentage"}},Qs=ls("top"),ws=ls("right"),hs=ls("bottom"),ds=ls("left");!function(A){A[A.LEFT=0]="LEFT",A[A.CENTER=1]="CENTER",A[A.RIGHT=2]="RIGHT"}(cs||(cs={}));var gs,Us={name:"text-align",initialValue:"left",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"right":return cs.RIGHT;case"center":case"justify":return cs.CENTER;case"left":default:return cs.LEFT}}};!function(A){A[A.STATIC=0]="STATIC",A[A.RELATIVE=1]="RELATIVE",A[A.ABSOLUTE=2]="ABSOLUTE",A[A.FIXED=3]="FIXED",A[A.STICKY=4]="STICKY"}(gs||(gs={}));var fs,Cs={name:"position",initialValue:"static",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"relative":return gs.RELATIVE;case"absolute":return gs.ABSOLUTE;case"fixed":return gs.FIXED;case"sticky":return gs.STICKY}return gs.STATIC}},Es={name:"text-shadow",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return 1===A.length&&Dt(A[0],"none")?[]:xt(A).map(function(A){for(var e={color:Qr.TRANSPARENT,offsetX:Jt,offsetY:Jt,blur:Jt},t=0,r=0;r<A.length;r++){var n=A[r];zt(n)?(0===t?e.offsetX=n:1===t?e.offsetY=n:e.blur=n,t++):e.color=sr.parse(n)}return e})}};!function(A){A[A.NONE=0]="NONE",A[A.LOWERCASE=1]="LOWERCASE",A[A.UPPERCASE=2]="UPPERCASE",A[A.CAPITALIZE=3]="CAPITALIZE"}(fs||(fs={}));var Fs,ps={name:"text-transform",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"uppercase":return fs.UPPERCASE;case"lowercase":return fs.LOWERCASE;case"capitalize":return fs.CAPITALIZE}return fs.NONE}},Hs={name:"transform",initialValue:"none",prefix:!0,type:JA.VALUE,parse:function(A){if(A.type===h.IDENT_TOKEN&&"none"===A.value)return null;if(A.type===h.FUNCTION){var e=bs[A.name];if("undefined"==typeof e)throw new Error('Attempting to parse an unsupported transform function "'+A.name+'"');return e(A.values)}return null}},Ns=function(A){var e=A.filter(function(A){return A.type===h.NUMBER_TOKEN}).map(function(A){return A.number});return 6===e.length?e:null},Ks=function(A){var e=A.filter(function(A){return A.type===h.NUMBER_TOKEN}).map(function(A){return A.number}),t=e[0],r=e[1],n=(e[2],e[3],e[4]),s=e[5],o=(e[6],e[7],e[8],e[9],e[10],e[11],e[12]),i=e[13];e[14],e[15];return 16===e.length?[t,r,n,s,o,i]:null},bs={matrix:Ns,matrix3d:Ks},vs={type:h.PERCENTAGE_TOKEN,number:50,flags:YA},ms=[vs,vs],Is={name:"transform-origin",initialValue:"50% 50%",prefix:!0,type:JA.LIST,parse:function(A){var e=A.filter(Vt);return 2!==e.length?ms:[e[0],e[1]]}};!function(A){A[A.VISIBLE=0]="VISIBLE",A[A.HIDDEN=1]="HIDDEN",A[A.COLLAPSE=2]="COLLAPSE"}(Fs||(Fs={}));var Ts,ys={name:"visible",initialValue:"none",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"hidden":return Fs.HIDDEN;case"collapse":return Fs.COLLAPSE;case"visible":default:return Fs.VISIBLE}}};!function(A){A.NORMAL="normal",A.BREAK_ALL="break-all",A.KEEP_ALL="keep-all"}(Ts||(Ts={}));var Rs,Ls={name:"word-break",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"break-all":return Ts.BREAK_ALL;case"keep-all":return Ts.KEEP_ALL;case"normal":default:return Ts.NORMAL}}},_s={name:"z-index",initialValue:"auto",prefix:!1,type:JA.VALUE,parse:function(A){if(A.type===h.IDENT_TOKEN)return{auto:!0,order:0};if(_t(A))return{auto:!1,order:A.number};throw new Error("Invalid z-index number parsed")}},Os={name:"opacity",initialValue:"1",type:JA.VALUE,prefix:!1,parse:function(A){return _t(A)?A.number:1}},Ss={name:"text-decoration-color",initialValue:"transparent",prefix:!1,type:JA.TYPE_VALUE,format:"color"},Ds={name:"text-decoration-line",initialValue:"none",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(Ot).map(function(A){switch(A.value){case"underline":return 1;case"overline":return 2;case"line-through":return 3;case"none":return 4}return 0}).filter(function(A){return 0!==A})}},Ms={name:"font-family",initialValue:"",prefix:!1,type:JA.LIST,parse:function(A){return A.filter(ks).map(function(A){return A.value})}},ks=function(A){return A.type===h.STRING_TOKEN||A.type===h.IDENT_TOKEN},xs={name:"font-size",initialValue:"0",prefix:!1,type:JA.TYPE_VALUE,format:"length"},Ps={name:"font-weight",initialValue:"normal",type:JA.VALUE,prefix:!1,parse:function(A){if(_t(A))return A.number;if(Ot(A))switch(A.value){case"bold":return 700;case"normal":default:return 400}return 400}},zs={name:"font-variant",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return A.filter(Ot).map(function(A){return A.value})}};!function(A){A.NORMAL="normal",A.ITALIC="italic",A.OBLIQUE="oblique"}(Rs||(Rs={}));var Vs,Xs={name:"font-style",initialValue:"normal",prefix:!1,type:JA.IDENT_VALUE,parse:function(A){switch(A){case"oblique":return Rs.OBLIQUE;case"italic":return Rs.ITALIC;case"normal":default:return Rs.NORMAL}}},Js=function(A,e){return 0!==(A&e)},Gs={name:"content",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){if(0===A.length)return[];var e=A[0];return e.type===h.IDENT_TOKEN&&"none"===e.value?[]:A}},Ws={name:"counter-increment",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return null;var e=A[0];if(e.type===h.IDENT_TOKEN&&"none"===e.value)return null;for(var t=[],r=A.filter(Mt),n=0;n<r.length;n++){var s=r[n],o=r[n+1];if(s.type===h.IDENT_TOKEN){var i=o&&_t(o)?o.number:1;t.push({counter:s.value,increment:i})}}return t}},Ys={name:"counter-reset",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return[];for(var e=[],t=A.filter(Mt),r=0;r<t.length;r++){var n=t[r],s=t[r+1];if(Ot(n)&&"none"!==n.value){var o=s&&_t(s)?s.number:0;e.push({counter:n.value,reset:o})}}return e}},qs={name:"quotes",initialValue:"none",prefix:!0,type:JA.LIST,parse:function(A){if(0===A.length)return null;var e=A[0];if(e.type===h.IDENT_TOKEN&&"none"===e.value)return null;var t=[],r=A.filter(St);if(r.length%2!==0)return null;for(var n=0;n<r.length;n+=2){var s=r[n].value,o=r[n+1].value;t.push({open:s,close:o})}return t}},js=function(A,e,t){if(!A)return"";var r=A[Math.min(e,A.length-1)];return r?t?r.open:r.close:""},Zs={name:"box-shadow",initialValue:"none",type:JA.LIST,prefix:!1,parse:function(A){return 1===A.length&&Dt(A[0],"none")?[]:xt(A).map(function(A){for(var e={color:255,offsetX:Jt,offsetY:Jt,blur:Jt,spread:Jt,inset:!1},t=0,r=0;r<A.length;r++){var n=A[r];Dt(n,"inset")?e.inset=!0:zt(n)?(0===t?e.offsetX=n:1===t?e.offsetY=n:2===t?e.blur=n:e.spread=n,t++):e.color=sr.parse(n)}return e})}},$s=function(){function A(A){this.backgroundClip=to(dr,A.backgroundClip),this.backgroundColor=to(gr,A.backgroundColor),this.backgroundImage=to(ln,A.backgroundImage),this.backgroundOrigin=to(Qn,A.backgroundOrigin),this.backgroundPosition=to(wn,A.backgroundPosition),this.backgroundRepeat=to(dn,A.backgroundRepeat),this.backgroundSize=to(fn,A.backgroundSize),this.borderTopColor=to(Fn,A.borderTopColor),this.borderRightColor=to(pn,A.borderRightColor),this.borderBottomColor=to(Hn,A.borderBottomColor),this.borderLeftColor=to(Nn,A.borderLeftColor),this.borderTopLeftRadius=to(bn,A.borderTopLeftRadius),this.borderTopRightRadius=to(vn,A.borderTopRightRadius),this.borderBottomRightRadius=to(mn,A.borderBottomRightRadius),this.borderBottomLeftRadius=to(In,A.borderBottomLeftRadius),this.borderTopStyle=to(Rn,A.borderTopStyle),this.borderRightStyle=to(Ln,A.borderRightStyle),this.borderBottomStyle=to(_n,A.borderBottomStyle),this.borderLeftStyle=to(On,A.borderLeftStyle),this.borderTopWidth=to(Dn,A.borderTopWidth),this.borderRightWidth=to(Mn,A.borderRightWidth),this.borderBottomWidth=to(kn,A.borderBottomWidth),this.borderLeftWidth=to(xn,A.borderLeftWidth),this.boxShadow=to(Zs,A.boxShadow),this.color=to(Pn,A.color),this.display=to(zn,A.display),this["float"]=to(Jn,A.cssFloat),this.fontFamily=to(Ms,A.fontFamily),this.fontSize=to(xs,A.fontSize),this.fontStyle=to(Xs,A.fontStyle),this.fontVariant=to(zs,A.fontVariant),this.fontWeight=to(Ps,A.fontWeight),this.letterSpacing=to(Gn,A.letterSpacing),this.lineBreak=to(Yn,A.lineBreak),this.lineHeight=to(qn,A.lineHeight),this.listStyleImage=to(Zn,A.listStyleImage),this.listStylePosition=to(As,A.listStylePosition),this.listStyleType=to(ts,A.listStyleType),this.marginTop=to(ns,A.marginTop),this.marginRight=to(ss,A.marginRight),this.marginBottom=to(os,A.marginBottom),this.marginLeft=to(is,A.marginLeft),this.opacity=to(Os,A.opacity);var e=to(as,A.overflow);this.overflowX=e[0],this.overflowY=e[e.length>1?1:0],this.overflowWrap=to(us,A.overflowWrap),this.paddingTop=to(Qs,A.paddingTop),this.paddingRight=to(ws,A.paddingRight),this.paddingBottom=to(hs,A.paddingBottom),this.paddingLeft=to(ds,A.paddingLeft),this.position=to(Cs,A.position),this.textAlign=to(Us,A.textAlign),this.textDecorationColor=to(Ss,A.textDecorationColor||A.color),this.textDecorationLine=to(Ds,A.textDecorationLine),this.textShadow=to(Es,A.textShadow),this.textTransform=to(ps,A.textTransform),this.transform=to(Hs,A.transform),this.transformOrigin=to(Is,A.transformOrigin),this.visibility=to(ys,A.visibility),this.wordBreak=to(Ls,A.wordBreak),this.zIndex=to(_s,A.zIndex)}return A.prototype.isVisible=function(){return this.display>0&&this.opacity>0&&this.visibility===Fs.VISIBLE},A.prototype.isTransparent=function(){return or(this.backgroundColor)},A.prototype.isTransformed=function(){return null!==this.transform},A.prototype.isPositioned=function(){return this.position!==gs.STATIC},A.prototype.isPositionedWithZIndex=function(){return this.isPositioned()&&!this.zIndex.auto},A.prototype.isFloating=function(){return this["float"]!==Tn.NONE},A.prototype.isInlineLevel=function(){return Js(this.display,4)||Js(this.display,33554432)||Js(this.display,268435456)||Js(this.display,536870912)||Js(this.display,67108864)||Js(this.display,134217728)},A}(),Ao=function(){function A(A){this.content=to(Gs,A.content),this.quotes=to(qs,A.quotes)}return A}(),eo=function(){function A(A){this.counterIncrement=to(Ws,A.counterIncrement),this.counterReset=to(Ys,A.counterReset)}return A}(),to=function(A,e){var t=new yt,r=null!==e&&"undefined"!=typeof e?e.toString():A.initialValue;t.write(r);var n=new Rt(t.read());switch(A.type){case JA.IDENT_VALUE:var s=n.parseComponentValue();return A.parse(Ot(s)?s.value:A.initialValue);case JA.VALUE:return A.parse(n.parseComponentValue());case JA.LIST:return A.parse(n.parseComponentValues());case JA.TOKEN_VALUE:return n.parseComponentValue();case JA.TYPE_VALUE:switch(A.format){case"angle":return er.parse(n.parseComponentValue());case"color":return sr.parse(n.parseComponentValue());case"image":return cn.parse(n.parseComponentValue());case"length":var o=n.parseComponentValue();return zt(o)?o:Jt;case"length-percentage":var i=n.parseComponentValue();return Vt(i)?i:Jt}}throw new Error("Attempting to parse unsupported css format type "+A.format)},ro=function(){function A(A){this.styles=new $s(window.getComputedStyle(A,null)),this.textNodes=[],this.elements=[],null!==this.styles.transform&&xo(A)&&(A.style.transform="none"),this.bounds=B(A),this.flags=0}return A}(),no=function(){function A(A,e){this.text=A,this.bounds=e}return A}(),so=function(A,e,t){var r=Bo(A,e),n=[],s=0;return r.forEach(function(A){if(e.textDecorationLine.length||A.trim().length>0)if(_r.SUPPORT_RANGE_BOUNDS)n.push(new no(A,io(t,s,A.length)));else{var r=t.splitText(A.length);n.push(new no(A,oo(t))),t=r}else _r.SUPPORT_RANGE_BOUNDS||(t=t.splitText(A.length));s+=A.length}),n},oo=function(A){var e=A.ownerDocument;if(e){var t=e.createElement("html2canvaswrapper");t.appendChild(A.cloneNode(!0));var r=A.parentNode;if(r){r.replaceChild(t,A);var n=B(t);return t.firstChild&&r.replaceChild(t.firstChild,t),n}}return new i(0,0,0,0)},io=function(A,e,t){var r=A.ownerDocument;if(!r)throw new Error("Node has no owner document");var n=r.createRange();return n.setStart(A,e),n.setEnd(A,e+t),i.fromClientRect(n.getBoundingClientRect())},Bo=function(A,e){return 0!==e.letterSpacing?c(A).map(function(A){return u(A)}):ao(A,e)},ao=function(A,e){for(var t,r=XA(A,{lineBreak:e.lineBreak,wordBreak:e.overflowWrap===Bs.BREAK_WORD?"break-word":e.wordBreak}),n=[];!(t=r.next()).done;)t.value&&n.push(t.value.slice());return n},co=function(){function A(A,e){this.text=uo(A.data,e.textTransform),this.textBounds=so(this.text,e,A)}return A}(),uo=function(A,e){switch(e){case fs.LOWERCASE:return A.toLowerCase();case fs.CAPITALIZE:return A.replace(lo,Qo);case fs.UPPERCASE:return A.toUpperCase();default:return A}},lo=/(^|\s|:|-|\(|\))([a-z])/g,Qo=function(A,e,t){return A.length>0?e+t.toUpperCase():A},wo=function(e){function t(A){var t=e.call(this,A)||this;return t.src=A.currentSrc||A.src,t.intrinsicWidth=A.naturalWidth,t.intrinsicHeight=A.naturalHeight,Sr.getInstance().addImage(t.src),t}return A(t,e),t}(ro),ho=function(e){function t(A){var t=e.call(this,A)||this;return t.canvas=A,t.intrinsicWidth=A.width,t.intrinsicHeight=A.height,t}return A(t,e),t}(ro),go=function(e){function t(A){var t=e.call(this,A)||this,r=new XMLSerializer;return t.svg="data:image/svg+xml,"+encodeURIComponent(r.serializeToString(A)),t.intrinsicWidth=A.width.baseVal.value,t.intrinsicHeight=A.height.baseVal.value,Sr.getInstance().addImage(t.svg),t}return A(t,e),t}(ro),Uo=function(e){function t(A){var t=e.call(this,A)||this;return t.value=A.value,t}return A(t,e),t}(ro),fo=function(e){function t(A){var t=e.call(this,A)||this;return t.start=A.start,t.reversed="boolean"==typeof A.reversed&&A.reversed===!0,t}return A(t,e),t}(ro),Co=[{type:h.DIMENSION_TOKEN,flags:0,unit:"px",number:3}],Eo=[{type:h.PERCENTAGE_TOKEN,flags:0,number:50}],Fo=function(A){return A.width>A.height?new i(A.left+(A.width-A.height)/2,A.top,A.height,A.height):A.width<A.height?new i(A.left,A.top+(A.height-A.width)/2,A.width,A.width):A},po=function(A){var e=A.type===Ko?new Array(A.value.length+1).join("•"):A.value;return 0===e.length?A.placeholder||"":e},Ho="checkbox",No="radio",Ko="password",bo=707406591,vo=function(e){function t(A){var t=e.call(this,A)||this;switch(t.type=A.type.toLowerCase(),t.checked=A.checked,t.value=po(A),t.type!==Ho&&t.type!==No||(t.styles.backgroundColor=3739148031,t.styles.borderTopColor=t.styles.borderRightColor=t.styles.borderBottomColor=t.styles.borderLeftColor=2779096575,t.styles.borderTopWidth=t.styles.borderRightWidth=t.styles.borderBottomWidth=t.styles.borderLeftWidth=1,t.styles.borderTopStyle=t.styles.borderRightStyle=t.styles.borderBottomStyle=t.styles.borderLeftStyle=Un.SOLID,t.styles.backgroundClip=[wr.BORDER_BOX],t.styles.backgroundOrigin=[0],t.bounds=Fo(t.bounds)),t.type){case Ho:t.styles.borderTopRightRadius=t.styles.borderTopLeftRadius=t.styles.borderBottomRightRadius=t.styles.borderBottomLeftRadius=Co;break;case No:t.styles.borderTopRightRadius=t.styles.borderTopLeftRadius=t.styles.borderBottomRightRadius=t.styles.borderBottomLeftRadius=Eo}return t}return A(t,e),t}(ro),mo=function(e){function t(A){var t=e.call(this,A)||this,r=A.options[A.selectedIndex||0];return t.value=r?r.text||"":"",t}return A(t,e),t}(ro),Io=function(e){function t(A){var t=e.call(this,A)||this;return t.value=A.value,t}return A(t,e),t}(ro),To=function(A){return sr.parse(Rt.create(A).parseComponentValue())},yo=function(e){function t(A){var t=e.call(this,A)||this;t.src=A.src,t.width=parseInt(A.width,10)||0,t.height=parseInt(A.height,10)||0,t.backgroundColor=t.styles.backgroundColor;try{if(A.contentWindow&&A.contentWindow.document&&A.contentWindow.document.documentElement){
+t.tree=Oo(A.contentWindow.document.documentElement);var r=A.contentWindow.document.documentElement?To(getComputedStyle(A.contentWindow.document.documentElement).backgroundColor):Qr.TRANSPARENT,n=A.contentWindow.document.body?To(getComputedStyle(A.contentWindow.document.body).backgroundColor):Qr.TRANSPARENT;t.backgroundColor=or(r)?or(n)?t.styles.backgroundColor:n:r}}catch(s){}return t}return A(t,e),t}(ro),Ro=["OL","UL","MENU"],Lo=function mB(A,e,t){for(var r=A.firstChild,n=void 0;r;r=n)if(n=r.nextSibling,Mo(r)&&r.data.trim().length>0)e.textNodes.push(new co(r,e.styles));else if(ko(r)){var s=_o(r);s.styles.isVisible()&&(So(r,s,t)?s.flags|=4:Do(s.styles)&&(s.flags|=2),Ro.indexOf(r.tagName)!==-1&&(s.flags|=8),e.elements.push(s),$o(r)||Jo(r)||Ai(r)||mB(r,s,t))}},_o=function(A){return Yo(A)?new wo(A):Wo(A)?new ho(A):Jo(A)?new go(A):Po(A)?new Uo(A):zo(A)?new fo(A):Vo(A)?new vo(A):Ai(A)?new mo(A):$o(A)?new Io(A):qo(A)?new yo(A):new ro(A)},Oo=function(A){var e=_o(A);return e.flags|=4,Lo(A,e,e),e},So=function(A,e,t){return e.styles.isPositionedWithZIndex()||e.styles.opacity<1||e.styles.isTransformed()||Go(A)&&t.styles.isTransparent()},Do=function(A){return A.isPositioned()||A.isFloating()},Mo=function(A){return A.nodeType===Node.TEXT_NODE},ko=function(A){return A.nodeType===Node.ELEMENT_NODE},xo=function(A){return"undefined"!=typeof A.style},Po=function(A){return"LI"===A.tagName},zo=function(A){return"OL"===A.tagName},Vo=function(A){return"INPUT"===A.tagName},Xo=function(A){return"HTML"===A.tagName},Jo=function(A){return"svg"===A.tagName},Go=function(A){return"BODY"===A.tagName},Wo=function(A){return"CANVAS"===A.tagName},Yo=function(A){return"IMG"===A.tagName},qo=function(A){return"IFRAME"===A.tagName},jo=function(A){return"STYLE"===A.tagName},Zo=function(A){return"SCRIPT"===A.tagName},$o=function(A){return"TEXTAREA"===A.tagName},Ai=function(A){return"SELECT"===A.tagName},ei=function(){function A(){this.counters={}}return A.prototype.getCounterValue=function(A){var e=this.counters[A];return e&&e.length?e[e.length-1]:1},A.prototype.getCounterValues=function(A){var e=this.counters[A];return e?e:[]},A.prototype.pop=function(A){var e=this;A.forEach(function(A){return e.counters[A].pop()})},A.prototype.parse=function(A){var e=this,t=A.counterIncrement,r=A.counterReset,n=!0;null!==t&&t.forEach(function(A){var t=e.counters[A.counter];t&&0!==A.increment&&(n=!1,t[Math.max(0,t.length-1)]+=A.increment)});var s=[];return n&&r.forEach(function(A){var t=e.counters[A.counter];s.push(A.counter),t||(t=e.counters[A.counter]=[]),t.push(A.reset)}),s},A}(),ti={integers:[1e3,900,500,400,100,90,50,40,10,9,5,4,1],values:["M","CM","D","CD","C","XC","L","XL","X","IX","V","IV","I"]},ri={integers:[9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,900,800,700,600,500,400,300,200,100,90,80,70,60,50,40,30,20,10,9,8,7,6,5,4,3,2,1],values:["Ք","Փ","Ւ","Ց","Ր","Տ","Վ","Ս","Ռ","Ջ","Պ","Չ","Ո","Շ","Ն","Յ","Մ","Ճ","Ղ","Ձ","Հ","Կ","Ծ","Խ","Լ","Ի","Ժ","Թ","Ը","Է","Զ","Ե","Դ","Գ","Բ","Ա"]},ni={integers:[1e4,9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,400,300,200,100,90,80,70,60,50,40,30,20,19,18,17,16,15,10,9,8,7,6,5,4,3,2,1],values:["י׳","ט׳","ח׳","ז׳","ו׳","ה׳","ד׳","ג׳","ב׳","א׳","ת","ש","ר","ק","צ","פ","ע","ס","נ","מ","ל","כ","יט","יח","יז","טז","טו","י","ט","ח","ז","ו","ה","ד","ג","ב","א"]},si={integers:[1e4,9e3,8e3,7e3,6e3,5e3,4e3,3e3,2e3,1e3,900,800,700,600,500,400,300,200,100,90,80,70,60,50,40,30,20,10,9,8,7,6,5,4,3,2,1],values:["ჵ","ჰ","ჯ","ჴ","ხ","ჭ","წ","ძ","ც","ჩ","შ","ყ","ღ","ქ","ფ","ჳ","ტ","ს","რ","ჟ","პ","ო","ჲ","ნ","მ","ლ","კ","ი","თ","ჱ","ზ","ვ","ე","დ","გ","ბ","ა"]},oi=function(A,e,t,r,n,s){return A<e||A>t?fi(A,n,s.length>0):r.integers.reduce(function(e,t,n){for(;A>=t;)A-=t,e+=r.values[n];return e},"")+s},ii=function(A,e,t,r){var n="";do t||A--,n=r(A)+n,A/=e;while(A*e>=e);return n},Bi=function(A,e,t,r,n){var s=t-e+1;return(A<0?"-":"")+(ii(Math.abs(A),s,r,function(A){return u(Math.floor(A%s)+e)})+n)},ai=function(A,e,t){void 0===t&&(t=". ");var r=e.length;return ii(Math.abs(A),r,!1,function(A){return e[Math.floor(A%r)]})+t},ci=1,ui=2,li=4,Qi=8,wi=function(A,e,t,r,n,s){if(A<-9999||A>9999)return fi(A,$n.CJK_DECIMAL,n.length>0);var o=Math.abs(A),i=n;if(0===o)return e[0]+i;for(var B=0;o>0&&B<=4;B++){var a=o%10;0===a&&Js(s,ci)&&""!==i?i=e[a]+i:a>1||1===a&&0===B||1===a&&1===B&&Js(s,ui)||1===a&&1===B&&Js(s,li)&&A>100||1===a&&B>1&&Js(s,Qi)?i=e[a]+(B>0?t[B-1]:"")+i:1===a&&B>0&&(i=t[B-1]+i),o=Math.floor(o/10)}return(A<0?r:"")+i},hi="十百千萬",di="拾佰仟萬",gi="マイナス",Ui="마이너스",fi=function(A,e,t){var r=t?". ":"",n=t?"、":"",s=t?", ":"",o=t?" ":"";switch(e){case $n.DISC:return"•"+o;case $n.CIRCLE:return"◦"+o;case $n.SQUARE:return"◾"+o;case $n.DECIMAL_LEADING_ZERO:var i=Bi(A,48,57,!0,r);return i.length<4?"0"+i:i;case $n.CJK_DECIMAL:return ai(A,"〇一二三四五六七八九",n);case $n.LOWER_ROMAN:return oi(A,1,3999,ti,$n.DECIMAL,r).toLowerCase();case $n.UPPER_ROMAN:return oi(A,1,3999,ti,$n.DECIMAL,r);case $n.LOWER_GREEK:return Bi(A,945,969,!1,r);case $n.LOWER_ALPHA:return Bi(A,97,122,!1,r);case $n.UPPER_ALPHA:return Bi(A,65,90,!1,r);case $n.ARABIC_INDIC:return Bi(A,1632,1641,!0,r);case $n.ARMENIAN:case $n.UPPER_ARMENIAN:return oi(A,1,9999,ri,$n.DECIMAL,r);case $n.LOWER_ARMENIAN:return oi(A,1,9999,ri,$n.DECIMAL,r).toLowerCase();case $n.BENGALI:return Bi(A,2534,2543,!0,r);case $n.CAMBODIAN:case $n.KHMER:return Bi(A,6112,6121,!0,r);case $n.CJK_EARTHLY_BRANCH:return ai(A,"子丑寅卯辰巳午未申酉戌亥",n);case $n.CJK_HEAVENLY_STEM:return ai(A,"甲乙丙丁戊己庚辛壬癸",n);case $n.CJK_IDEOGRAPHIC:case $n.TRAD_CHINESE_INFORMAL:return wi(A,"零一二三四五六七八九",hi,"負",n,ui|li|Qi);case $n.TRAD_CHINESE_FORMAL:return wi(A,"零壹貳參肆伍陸柒捌玖",di,"負",n,ci|ui|li|Qi);case $n.SIMP_CHINESE_INFORMAL:return wi(A,"零一二三四五六七八九",hi,"负",n,ui|li|Qi);case $n.SIMP_CHINESE_FORMAL:return wi(A,"零壹贰叁肆伍陆柒捌玖",di,"负",n,ci|ui|li|Qi);case $n.JAPANESE_INFORMAL:return wi(A,"〇一二三四五六七八九","十百千万",gi,n,0);case $n.JAPANESE_FORMAL:return wi(A,"零壱弐参四伍六七八九","拾百千万",gi,n,ci|ui|li);case $n.KOREAN_HANGUL_FORMAL:return wi(A,"영일이삼사오육칠팔구","십백천만",Ui,s,ci|ui|li);case $n.KOREAN_HANJA_INFORMAL:return wi(A,"零一二三四五六七八九","十百千萬",Ui,s,0);case $n.KOREAN_HANJA_FORMAL:return wi(A,"零壹貳參四五六七八九","拾百千",Ui,s,ci|ui|li);case $n.DEVANAGARI:return Bi(A,2406,2415,!0,r);case $n.GEORGIAN:return oi(A,1,19999,si,$n.DECIMAL,r);case $n.GUJARATI:return Bi(A,2790,2799,!0,r);case $n.GURMUKHI:return Bi(A,2662,2671,!0,r);case $n.HEBREW:return oi(A,1,10999,ni,$n.DECIMAL,r);case $n.HIRAGANA:return ai(A,"あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん");case $n.HIRAGANA_IROHA:return ai(A,"いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす");case $n.KANNADA:return Bi(A,3302,3311,!0,r);case $n.KATAKANA:return ai(A,"アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",n);case $n.KATAKANA_IROHA:return ai(A,"イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",n);case $n.LAO:return Bi(A,3792,3801,!0,r);case $n.MONGOLIAN:return Bi(A,6160,6169,!0,r);case $n.MYANMAR:return Bi(A,4160,4169,!0,r);case $n.ORIYA:return Bi(A,2918,2927,!0,r);case $n.PERSIAN:return Bi(A,1776,1785,!0,r);case $n.TAMIL:return Bi(A,3046,3055,!0,r);case $n.TELUGU:return Bi(A,3174,3183,!0,r);case $n.THAI:return Bi(A,3664,3673,!0,r);case $n.TIBETAN:return Bi(A,3872,3881,!0,r);case $n.DECIMAL:default:return Bi(A,48,57,!0,r)}},Ci="data-html2canvas-ignore",Ei=function(){function A(A,e){if(this.options=e,this.scrolledElements=[],this.referenceElement=A,this.counters=new ei,this.quoteDepth=0,!A.ownerDocument)throw new Error("Cloned element does not have an owner document");this.documentElement=this.cloneNode(A.ownerDocument.documentElement)}return A.prototype.toIFrame=function(A,r){var n=this,s=pi(A,r);if(!s.contentWindow)return Promise.reject("Unable to find iframe window");var o=A.defaultView.pageXOffset,i=A.defaultView.pageYOffset,B=s.contentWindow,a=B.document,c=Hi(s).then(function(){return e(n,void 0,void 0,function(){var A;return t(this,function(e){switch(e.label){case 0:return this.scrolledElements.forEach(vi),B&&(B.scrollTo(r.left,r.top),!/(iPad|iPhone|iPod)/g.test(navigator.userAgent)||B.scrollY===r.top&&B.scrollX===r.left||(a.documentElement.style.top=-r.top+"px",a.documentElement.style.left=-r.left+"px",a.documentElement.style.position="absolute")),A=this.options.onclone,"undefined"==typeof this.clonedReferenceElement?[2,Promise.reject("Error finding the "+this.referenceElement.nodeName+" in the cloned document")]:a.fonts&&a.fonts.ready?[4,a.fonts.ready]:[3,2];case 1:e.sent(),e.label=2;case 2:return"function"==typeof A?[2,Promise.resolve().then(function(){return A(a)}).then(function(){return s})]:[2,s]}})})});return a.open(),a.write(Ki(document.doctype)+"<html></html>"),bi(this.referenceElement.ownerDocument,o,i),a.replaceChild(a.adoptNode(this.documentElement),a.documentElement),a.close(),c},A.prototype.createElementClone=function(A){return Wo(A)?this.createCanvasClone(A):jo(A)?this.createStyleClone(A):A.cloneNode(!1)},A.prototype.createStyleClone=function(A){try{var e=A.sheet;if(e&&e.cssRules){var t=[].slice.call(e.cssRules,0).reduce(function(A,e){return e&&"string"==typeof e.cssText?A+e.cssText:A},""),r=A.cloneNode(!1);return r.textContent=t,r}}catch(n){if(Or.getInstance(this.options.id).error("Unable to access cssRules property",n),"SecurityError"!==n.name)throw n}return A.cloneNode(!1)},A.prototype.createCanvasClone=function(A){if(this.options.inlineImages&&A.ownerDocument){var e=A.ownerDocument.createElement("img");try{return e.src=A.toDataURL(),e}catch(t){Or.getInstance(this.options.id).info("Unable to clone canvas contents, canvas is tainted")}}var r=A.cloneNode(!1);try{r.width=A.width,r.height=A.height;var n=A.getContext("2d"),s=r.getContext("2d");return s&&(n?s.putImageData(n.getImageData(0,0,A.width,A.height),0,0):s.drawImage(A,0,0)),r}catch(t){}return r},A.prototype.cloneNode=function(A){if(Mo(A))return document.createTextNode(A.data);if(!A.ownerDocument)return A.cloneNode(!1);var e=A.ownerDocument.defaultView;if(xo(A)&&e){var t=this.createElementClone(A),r=e.getComputedStyle(A),n=e.getComputedStyle(A,":before"),s=e.getComputedStyle(A,":after");this.referenceElement===A&&(this.clonedReferenceElement=t),Go(t)&&Li(t);for(var o=this.counters.parse(new eo(r)),i=this.resolvePseudoContent(A,t,n,Vs.BEFORE),B=A.firstChild;B;B=B.nextSibling)ko(B)&&(Zo(B)||B.hasAttribute(Ci)||"function"==typeof this.options.ignoreElements&&this.options.ignoreElements(B))||this.options.copyStyles&&ko(B)&&jo(B)||t.appendChild(this.cloneNode(B));i&&t.insertBefore(i,t.firstChild);var a=this.resolvePseudoContent(A,t,s,Vs.AFTER);return a&&t.appendChild(a),this.counters.pop(o),r&&this.options.copyStyles&&!qo(A)&&Ni(r,t),0===A.scrollTop&&0===A.scrollLeft||this.scrolledElements.push([t,A.scrollLeft,A.scrollTop]),($o(A)||Ai(A))&&($o(t)||Ai(t))&&(t.value=A.value),t}return A.cloneNode(!1)},A.prototype.resolvePseudoContent=function(A,e,t,r){var n=this;if(t){var s=t.content,o=e.ownerDocument;if(o&&s&&"none"!==s&&"-moz-alt-content"!==s&&"none"!==t.display){this.counters.parse(new eo(t));var i=new Ao(t),B=o.createElement("html2canvaspseudoelement");return Ni(t,B),i.content.forEach(function(e){if(e.type===h.STRING_TOKEN)B.appendChild(o.createTextNode(e.value));else if(e.type===h.URL_TOKEN){var t=o.createElement("img");t.src=e.value,t.style.opacity="1",B.appendChild(t)}else if(e.type===h.FUNCTION){if("attr"===e.name){var r=e.values.filter(Ot);r.length&&B.appendChild(o.createTextNode(A.getAttribute(r[0].value)||""))}else if("counter"===e.name){var s=e.values.filter(kt),a=s[0],c=s[1];if(a&&Ot(a)){var u=n.counters.getCounterValue(a.value),l=c&&Ot(c)?ts.parse(c.value):$n.DECIMAL;B.appendChild(o.createTextNode(fi(u,l,!1)))}}else if("counters"===e.name){var Q=e.values.filter(kt),a=Q[0],w=Q[1],c=Q[2];if(a&&Ot(a)){var d=n.counters.getCounterValues(a.value),g=c&&Ot(c)?ts.parse(c.value):$n.DECIMAL,U=w&&w.type===h.STRING_TOKEN?w.value:"",f=d.map(function(A){return fi(A,g,!1)}).join(U);B.appendChild(o.createTextNode(f))}}}else if(e.type===h.IDENT_TOKEN)switch(e.value){case"open-quote":B.appendChild(o.createTextNode(js(i.quotes,n.quoteDepth++,!0)));break;case"close-quote":B.appendChild(o.createTextNode(js(i.quotes,--n.quoteDepth,!1)));break;default:B.appendChild(o.createTextNode(e.value))}}),B.className=Ti+" "+yi,e.className+=r===Vs.BEFORE?" "+Ti:" "+yi,B}}},A.destroy=function(A){return!!A.parentNode&&(A.parentNode.removeChild(A),!0)},A}();!function(A){A[A.BEFORE=0]="BEFORE",A[A.AFTER=1]="AFTER"}(Vs||(Vs={}));var Fi,pi=function(A,e){var t=A.createElement("iframe");return t.className="html2canvas-container",t.style.visibility="hidden",t.style.position="fixed",t.style.left="-10000px",t.style.top="0px",t.style.border="0",t.width=e.width.toString(),t.height=e.height.toString(),t.scrolling="no",t.setAttribute(Ci,"true"),A.body.appendChild(t),t},Hi=function(A){return new Promise(function(e,t){var r=A.contentWindow;if(!r)return t("No window assigned for iframe");var n=r.document;r.onload=A.onload=n.onreadystatechange=function(){r.onload=A.onload=n.onreadystatechange=null;var t=setInterval(function(){n.body.childNodes.length>0&&"complete"===n.readyState&&(clearInterval(t),e(A))},50)}})},Ni=function(A,e){for(var t=A.length-1;t>=0;t--){var r=A.item(t);"content"!==r&&e.style.setProperty(r,A.getPropertyValue(r))}return e},Ki=function(A){var e="";return A&&(e+="<!DOCTYPE ",A.name&&(e+=A.name),A.internalSubset&&(e+=A.internalSubset),A.publicId&&(e+='"'+A.publicId+'"'),A.systemId&&(e+='"'+A.systemId+'"'),e+=">"),e},bi=function(A,e,t){A&&A.defaultView&&(e!==A.defaultView.pageXOffset||t!==A.defaultView.pageYOffset)&&A.defaultView.scrollTo(e,t)},vi=function(A){var e=A[0],t=A[1],r=A[2];e.scrollLeft=t,e.scrollTop=r},mi=":before",Ii=":after",Ti="___html2canvas___pseudoelement_before",yi="___html2canvas___pseudoelement_after",Ri='{\n    content: "" !important;\n    display: none !important;\n}',Li=function(A){_i(A,"."+Ti+mi+Ri+"\n         ."+yi+Ii+Ri)},_i=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}};!function(A){A[A.VECTOR=0]="VECTOR",A[A.BEZIER_CURVE=1]="BEZIER_CURVE"}(Fi||(Fi={}));var Oi,Si=function(A,e){return A.length===e.length&&A.some(function(A,t){return A===e[t]})},Di=function(A,e,t,r,n){return A.map(function(A,s){switch(s){case 0:return A.add(e,t);case 1:return A.add(e+r,t);case 2:return A.add(e+r,t+n);case 3:return A.add(e,t+n)}return A})},Mi=function(){function A(A,e){this.type=Fi.VECTOR,this.x=A,this.y=e}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),ki=function(A,e,t){return new Mi(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},xi=function(){function A(A,e,t,r){this.type=Fi.BEZIER_CURVE,this.start=A,this.startControl=e,this.endControl=t,this.end=r}return A.prototype.subdivide=function(e,t){var r=ki(this.start,this.startControl,e),n=ki(this.startControl,this.endControl,e),s=ki(this.endControl,this.end,e),o=ki(r,n,e),i=ki(n,s,e),B=ki(o,i,e);return t?new A(this.start,r,o,B):new A(B,i,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),Pi=function(A){return A.type===Fi.BEZIER_CURVE},zi=function(){function A(A){var e=A.styles,t=A.bounds,r=Yt(e.borderTopLeftRadius,t.width,t.height),n=r[0],s=r[1],o=Yt(e.borderTopRightRadius,t.width,t.height),i=o[0],B=o[1],a=Yt(e.borderBottomRightRadius,t.width,t.height),c=a[0],u=a[1],l=Yt(e.borderBottomLeftRadius,t.width,t.height),Q=l[0],w=l[1],h=[];h.push((n+i)/t.width),h.push((Q+c)/t.width),h.push((s+w)/t.height),h.push((B+u)/t.height);var d=Math.max.apply(Math,h);d>1&&(n/=d,s/=d,i/=d,B/=d,c/=d,u/=d,Q/=d,w/=d);var g=t.width-i,U=t.height-u,f=t.width-c,C=t.height-w,E=e.borderTopWidth,F=e.borderRightWidth,p=e.borderBottomWidth,H=e.borderLeftWidth,N=qt(e.paddingTop,A.bounds.width),K=qt(e.paddingRight,A.bounds.width),b=qt(e.paddingBottom,A.bounds.width),v=qt(e.paddingLeft,A.bounds.width);this.topLeftBorderBox=n>0||s>0?Vi(t.left,t.top,n,s,Oi.TOP_LEFT):new Mi(t.left,t.top),this.topRightBorderBox=i>0||B>0?Vi(t.left+g,t.top,i,B,Oi.TOP_RIGHT):new Mi(t.left+t.width,t.top),this.bottomRightBorderBox=c>0||u>0?Vi(t.left+f,t.top+U,c,u,Oi.BOTTOM_RIGHT):new Mi(t.left+t.width,t.top+t.height),this.bottomLeftBorderBox=Q>0||w>0?Vi(t.left,t.top+C,Q,w,Oi.BOTTOM_LEFT):new Mi(t.left,t.top+t.height),this.topLeftPaddingBox=n>0||s>0?Vi(t.left+H,t.top+E,Math.max(0,n-H),Math.max(0,s-E),Oi.TOP_LEFT):new Mi(t.left+H,t.top+E),this.topRightPaddingBox=i>0||B>0?Vi(t.left+Math.min(g,t.width+H),t.top+E,g>t.width+H?0:i-H,B-E,Oi.TOP_RIGHT):new Mi(t.left+t.width-F,t.top+E),this.bottomRightPaddingBox=c>0||u>0?Vi(t.left+Math.min(f,t.width-H),t.top+Math.min(U,t.height+E),Math.max(0,c-F),u-p,Oi.BOTTOM_RIGHT):new Mi(t.left+t.width-F,t.top+t.height-p),this.bottomLeftPaddingBox=Q>0||w>0?Vi(t.left+H,t.top+C,Math.max(0,Q-H),w-p,Oi.BOTTOM_LEFT):new Mi(t.left+H,t.top+t.height-p),this.topLeftContentBox=n>0||s>0?Vi(t.left+H+v,t.top+E+N,Math.max(0,n-(H+v)),Math.max(0,s-(E+N)),Oi.TOP_LEFT):new Mi(t.left+H+v,t.top+E+N),this.topRightContentBox=i>0||B>0?Vi(t.left+Math.min(g,t.width+H+v),t.top+E+N,g>t.width+H+v?0:i-H+v,B-(E+N),Oi.TOP_RIGHT):new Mi(t.left+t.width-(F+K),t.top+E+N),this.bottomRightContentBox=c>0||u>0?Vi(t.left+Math.min(f,t.width-(H+v)),t.top+Math.min(U,t.height+E+N),Math.max(0,c-(F+K)),u-(p+b),Oi.BOTTOM_RIGHT):new Mi(t.left+t.width-(F+K),t.top+t.height-(p+b)),this.bottomLeftContentBox=Q>0||w>0?Vi(t.left+H+v,t.top+C,Math.max(0,Q-(H+v)),w-(p+b),Oi.BOTTOM_LEFT):new Mi(t.left+H+v,t.top+t.height-(p+b))}return A}();!function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"}(Oi||(Oi={}));var Vi=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),o=t*s,i=r*s,B=A+t,a=e+r;switch(n){case Oi.TOP_LEFT:return new xi(new Mi(A,a),new Mi(A,a-i),new Mi(B-o,e),new Mi(B,e));case Oi.TOP_RIGHT:return new xi(new Mi(A,e),new Mi(A+o,e),new Mi(B,a-i),new Mi(B,a));case Oi.BOTTOM_RIGHT:return new xi(new Mi(B,e),new Mi(B,e+i),new Mi(A+o,a),new Mi(A,a));case Oi.BOTTOM_LEFT:default:return new xi(new Mi(B,a),new Mi(B-o,a),new Mi(A,e+i),new Mi(A,e))}},Xi=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},Ji=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},Gi=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},Wi=function(){function A(A,e,t){this.type=0,this.offsetX=A,this.offsetY=e,this.matrix=t,this.target=6}return A}(),Yi=function(){function A(A,e){this.type=1,this.target=e,this.path=A}return A}(),qi=function(A){return 0===A.type},ji=function(A){return 1===A.type},Zi=function(){function A(A){this.element=A,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),$i=function(){function A(A,e){if(this.container=A,this.effects=e.slice(0),this.curves=new zi(A),null!==A.styles.transform){var t=A.bounds.left+A.styles.transformOrigin[0].number,r=A.bounds.top+A.styles.transformOrigin[1].number,n=A.styles.transform;this.effects.push(new Wi(t,r,n))}if(A.styles.overflowX!==es.VISIBLE){var s=Xi(this.curves),o=Gi(this.curves);Si(s,o)?this.effects.push(new Yi(s,6)):(this.effects.push(new Yi(s,2)),this.effects.push(new Yi(o,4)))}}return A.prototype.getParentEffects=function(){var A=this.effects.slice(0);if(this.container.styles.overflowX!==es.VISIBLE){var e=Xi(this.curves),t=Gi(this.curves);Si(e,t)||A.push(new Yi(t,6))}return A},A}(),AB=function IB(A,e,t,r){A.container.elements.forEach(function(n){var s=Js(n.flags,4),o=Js(n.flags,2),i=new $i(n,A.getParentEffects());Js(n.styles.display,2048)&&r.push(i);var B=Js(n.flags,8)?[]:r;if(s||o){var a=s||n.styles.isPositioned()?t:e,c=new Zi(i);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var u=n.styles.zIndex.order;if(u<0){var l=0;a.negativeZIndex.some(function(A,e){return u>A.element.container.styles.zIndex.order?(l=e,!1):l>0}),a.negativeZIndex.splice(l,0,c)}else if(u>0){var Q=0;a.positiveZIndex.some(function(A,e){return u>A.element.container.styles.zIndex.order?(Q=e+1,!1):Q>0}),a.positiveZIndex.splice(Q,0,c)}else a.zeroOrAutoZIndexOrTransformedOrOpacity.push(c)}else n.styles.isFloating()?a.nonPositionedFloats.push(c):a.nonPositionedInlineLevel.push(c);IB(i,c,s?c:t,B)}else n.styles.isInlineLevel()?e.inlineLevel.push(i):e.nonInlineLevel.push(i),IB(i,e,t,B);Js(n.flags,8)&&eB(n,B)})},eB=function(A,e){for(var t=A instanceof fo?A.start:1,r=A instanceof fo&&A.reversed,n=0;n<e.length;n++){var s=e[n];s.container instanceof Uo&&"number"==typeof s.container.value&&0!==s.container.value&&(t=s.container.value),s.listValue=fi(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},tB=function(A){var e=new $i(A,[]),t=new Zi(e),r=[];return AB(e,t,t,r),eB(e.container,r),t},rB=function(A,e){switch(e){case 0:return nB(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return nB(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return nB(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return nB(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},nB=function(A,e,t,r){var n=[];return Pi(A)?n.push(A.subdivide(.5,!1)):n.push(A),Pi(t)?n.push(t.subdivide(.5,!0)):n.push(t),Pi(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),Pi(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},sB=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},oB=function(A){var e=A.styles,t=A.bounds,r=qt(e.paddingLeft,t.width),n=qt(e.paddingRight,t.width),s=qt(e.paddingTop,t.width),o=qt(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+o))},iB=function(A,e){return 0===A?e.bounds:2===A?oB(e):sB(e)},BB=function(A,e){return A===wr.BORDER_BOX?e.bounds:A===wr.CONTENT_BOX?oB(e):sB(e)},aB=function(A,e,t){var r=iB(QB(A.styles.backgroundOrigin,e),A),n=BB(QB(A.styles.backgroundClip,e),A),s=lB(QB(A.styles.backgroundSize,e),t,r),o=s[0],i=s[1],B=Yt(QB(A.styles.backgroundPosition,e),r.width-o,r.height-i),a=wB(QB(A.styles.backgroundRepeat,e),B,s,r,n),c=Math.round(r.left+B[0]),u=Math.round(r.top+B[1]);return[a,c,u,o,i]},cB=function(A){return Ot(A)&&A.value===hn.AUTO},uB=function(A){return"number"==typeof A},lB=function(A,e,t){var r=e[0],n=e[1],s=e[2],o=A[0],i=A[1];if(Vt(o)&&i&&Vt(i))return[qt(o,t.width),qt(i,t.height)];var B=uB(s);if(Ot(o)&&(o.value===hn.CONTAIN||o.value===hn.COVER)){if(uB(s)){var a=t.width/t.height;return a<s!=(o.value===hn.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var c=uB(r),u=uB(n),l=c||u;if(cB(o)&&(!i||cB(i))){if(c&&u)return[r,n];if(!B&&!l)return[t.width,t.height];if(l&&B){var Q=c?r:n*s,w=u?n:r/s;return[Q,w]}var h=c?r:t.width,d=u?n:t.height;return[h,d]}if(B){var g=0,U=0;return Vt(o)?g=qt(o,t.width):Vt(i)&&(U=qt(i,t.height)),cB(o)?g=U*s:i&&!cB(i)||(U=g/s),[g,U]}var f=null,C=null;if(Vt(o)?f=qt(o,t.width):i&&Vt(i)&&(C=qt(i,t.height)),null===f||i&&!cB(i)||(C=c&&u?f/r*n:t.height),null!==C&&cB(o)&&(f=c&&u?C/n*r:t.width),null!==f&&null!==C)return[f,C];throw new Error("Unable to calculate background-size for element")},QB=function(A,e){var t=A[e];return"undefined"==typeof t?A[0]:t},wB=function(A,e,t,r,n){var s=e[0],o=e[1],i=t[0],B=t[1];switch(A){case an.REPEAT_X:return[new Mi(Math.round(r.left),Math.round(r.top+o)),new Mi(Math.round(r.left+r.width),Math.round(r.top+o)),new Mi(Math.round(r.left+r.width),Math.round(B+r.top+o)),new Mi(Math.round(r.left),Math.round(B+r.top+o))];case an.REPEAT_Y:return[new Mi(Math.round(r.left+s),Math.round(r.top)),new Mi(Math.round(r.left+s+i),Math.round(r.top)),new Mi(Math.round(r.left+s+i),Math.round(r.height+r.top)),new Mi(Math.round(r.left+s),Math.round(r.height+r.top))];case an.NO_REPEAT:return[new Mi(Math.round(r.left+s),Math.round(r.top+o)),new Mi(Math.round(r.left+s+i),Math.round(r.top+o)),new Mi(Math.round(r.left+s+i),Math.round(r.top+o+B)),new Mi(Math.round(r.left+s),Math.round(r.top+o+B))];default:return[new Mi(Math.round(n.left),Math.round(n.top)),new Mi(Math.round(n.left+n.width),Math.round(n.top)),new Mi(Math.round(n.left+n.width),Math.round(n.height+n.top)),new Mi(Math.round(n.left),Math.round(n.height+n.top))]}},hB="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",dB="Hidden Text",gB=function(){function A(A){this._data={},this._document=A}return A.prototype.parseMetrics=function(A,e){var t=this._document.createElement("div"),r=this._document.createElement("img"),n=this._document.createElement("span"),s=this._document.body;t.style.visibility="hidden",t.style.fontFamily=A,t.style.fontSize=e,t.style.margin="0",t.style.padding="0",s.appendChild(t),r.src=hB,r.width=1,r.height=1,r.style.margin="0",r.style.padding="0",r.style.verticalAlign="baseline",n.style.fontFamily=A,n.style.fontSize=e,n.style.margin="0",n.style.padding="0",n.appendChild(this._document.createTextNode(dB)),t.appendChild(n),t.appendChild(r);var o=r.offsetTop-n.offsetTop+2;t.removeChild(n),t.appendChild(this._document.createTextNode(dB)),t.style.lineHeight="normal",r.style.verticalAlign="super";var i=r.offsetTop-t.offsetTop+2;return s.removeChild(t),{baseline:o,middle:i}},A.prototype.getMetrics=function(A,e){var t=A+" "+e;return"undefined"==typeof this._data[t]&&(this._data[t]=this.parseMetrics(A,e)),this._data[t]},A}(),UB=1e4,fB=function(){function A(A){this._activeEffects=[],this.canvas=A.canvas?A.canvas:document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.options=A,A.canvas||(this.canvas.width=Math.floor(A.width*A.scale),this.canvas.height=Math.floor(A.height*A.scale),this.canvas.style.width=A.width+"px",this.canvas.style.height=A.height+"px"),this.fontMetrics=new gB(document),this.ctx.scale(this.options.scale,this.options.scale),this.ctx.translate(-A.x+A.scrollX,-A.y+A.scrollY),this.ctx.textBaseline="bottom",this._activeEffects=[],Or.getInstance(A.id).debug("Canvas renderer initialized ("+A.width+"x"+A.height+" at "+A.x+","+A.y+") with scale "+A.scale)}return A.prototype.applyEffects=function(A,e){for(var t=this;this._activeEffects.length;)this.popEffect();A.filter(function(A){return Js(A.target,e)}).forEach(function(A){return t.applyEffect(A)})},A.prototype.applyEffect=function(A){this.ctx.save(),qi(A)&&(this.ctx.translate(A.offsetX,A.offsetY),this.ctx.transform(A.matrix[0],A.matrix[1],A.matrix[2],A.matrix[3],A.matrix[4],A.matrix[5]),this.ctx.translate(-A.offsetX,-A.offsetY)),ji(A)&&(this.path(A.path),this.ctx.clip()),this._activeEffects.push(A)},A.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},A.prototype.renderStack=function(A){return e(this,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return e=A.element.container.styles,e.isVisible()?(this.ctx.globalAlpha=e.opacity,[4,this.renderStackContent(A)]):[3,2];case 1:t.sent(),t.label=2;case 2:return[2]}})})},A.prototype.renderNode=function(A){return e(this,void 0,void 0,function(){return t(this,function(e){switch(e.label){case 0:return A.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(A)]:[3,3];case 1:return e.sent(),[4,this.renderNodeContent(A)];case 2:e.sent(),e.label=3;case 3:return[2]}})})},A.prototype.renderTextWithLetterSpacing=function(A,e){var t=this;if(0===e)this.ctx.fillText(A.text,A.bounds.left,A.bounds.top+A.bounds.height);else{var r=c(A.text).map(function(A){return u(A)});r.reduce(function(e,r){return t.ctx.fillText(r,e,A.bounds.top+A.bounds.height),e+t.ctx.measureText(r).width},A.bounds.left)}},A.prototype.createFontStyle=function(A){var e=A.fontVariant.filter(function(A){return"normal"===A||"small-caps"===A}).join(""),t=A.fontFamily.join(", "),r=Lt(A.fontSize)?""+A.fontSize.number+A.fontSize.unit:A.fontSize.number+"px";return[[A.fontStyle,e,A.fontWeight,r,t].join(" "),t,r]},A.prototype.renderTextNode=function(A,r){return e(this,void 0,void 0,function(){var e,n,s,o,i=this;return t(this,function(t){return e=this.createFontStyle(r),n=e[0],s=e[1],o=e[2],this.ctx.font=n,A.textBounds.forEach(function(A){i.ctx.fillStyle=ir(r.color),i.renderTextWithLetterSpacing(A,r.letterSpacing);var e=r.textShadow;e.length&&A.text.trim().length&&(e.slice(0).reverse().forEach(function(e){i.ctx.shadowColor=ir(e.color),i.ctx.shadowOffsetX=e.offsetX.number*i.options.scale,i.ctx.shadowOffsetY=e.offsetY.number*i.options.scale,i.ctx.shadowBlur=e.blur.number,i.ctx.fillText(A.text,A.bounds.left,A.bounds.top+A.bounds.height)}),i.ctx.shadowColor="",i.ctx.shadowOffsetX=0,i.ctx.shadowOffsetY=0,i.ctx.shadowBlur=0),r.textDecorationLine.length&&(i.ctx.fillStyle=ir(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(e){switch(e){case 1:var t=i.fontMetrics.getMetrics(s,o).baseline;i.ctx.fillRect(A.bounds.left,Math.round(A.bounds.top+t),A.bounds.width,1);break;case 2:i.ctx.fillRect(A.bounds.left,Math.round(A.bounds.top),A.bounds.width,1);break;case 3:var r=i.fontMetrics.getMetrics(s,o).middle;i.ctx.fillRect(A.bounds.left,Math.ceil(A.bounds.top+r),A.bounds.width,1)}}))}),[2]})})},A.prototype.renderReplacedElement=function(A,e,t){if(t&&A.intrinsicWidth>0&&A.intrinsicHeight>0){var r=oB(A),n=Gi(e);this.path(n),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(t,0,0,A.intrinsicWidth,A.intrinsicHeight,r.left,r.top,r.width,r.height),this.ctx.restore()}},A.prototype.renderNodeContent=function(r){return e(this,void 0,void 0,function(){var e,n,s,o,B,a,c,u,c,l,Q,w,h,d,g,U,f,c,C,E,d;return t(this,function(t){switch(t.label){case 0:this.applyEffects(r.effects,4),e=r.container,n=r.curves,s=e.styles,o=0,B=e.textNodes,t.label=1;case 1:return o<B.length?(a=B[o],[4,this.renderTextNode(a,s)]):[3,4];case 2:t.sent(),t.label=3;case 3:return o++,[3,1];case 4:if(!(e instanceof wo))return[3,8];t.label=5;case 5:return t.trys.push([5,7,,8]),[4,this.options.cache.match(e.src)];case 6:return c=t.sent(),this.renderReplacedElement(e,n,c),[3,8];case 7:return u=t.sent(),Or.getInstance(this.options.id).error("Error loading image "+e.src),[3,8];case 8:if(e instanceof ho&&this.renderReplacedElement(e,n,e.canvas),!(e instanceof go))return[3,12];t.label=9;case 9:return t.trys.push([9,11,,12]),[4,this.options.cache.match(e.svg)];case 10:return c=t.sent(),this.renderReplacedElement(e,n,c),[3,12];case 11:return l=t.sent(),Or.getInstance(this.options.id).error("Error loading svg "+e.svg.substring(0,255)),[3,12];case 12:return e instanceof yo&&e.tree?(Q=new A({id:this.options.id,scale:this.options.scale,backgroundColor:e.backgroundColor,x:0,y:0,scrollX:0,scrollY:0,width:e.width,height:e.height,cache:this.options.cache,windowWidth:e.width,windowHeight:e.height}),[4,Q.render(e.tree)]):[3,14];case 13:w=t.sent(),e.width&&e.height&&this.ctx.drawImage(w,0,0,e.width,e.height,e.bounds.left,e.bounds.top,e.bounds.width,e.bounds.height),t.label=14;case 14:if(e instanceof vo&&(h=Math.min(e.bounds.width,e.bounds.height),e.type===Ho?e.checked&&(this.ctx.save(),this.path([new Mi(e.bounds.left+.39363*h,e.bounds.top+.79*h),new Mi(e.bounds.left+.16*h,e.bounds.top+.5549*h),new Mi(e.bounds.left+.27347*h,e.bounds.top+.44071*h),new Mi(e.bounds.left+.39694*h,e.bounds.top+.5649*h),new Mi(e.bounds.left+.72983*h,e.bounds.top+.23*h),new Mi(e.bounds.left+.84*h,e.bounds.top+.34085*h),new Mi(e.bounds.left+.39363*h,e.bounds.top+.79*h)]),this.ctx.fillStyle=ir(bo),this.ctx.fill(),this.ctx.restore()):e.type===No&&e.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(e.bounds.left+h/2,e.bounds.top+h/2,h/4,0,2*Math.PI,!0),this.ctx.fillStyle=ir(bo),this.ctx.fill(),this.ctx.restore())),CB(e)&&e.value.length){switch(this.ctx.font=this.createFontStyle(s)[0],this.ctx.fillStyle=ir(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign=FB(e.styles.textAlign),
+d=oB(e),g=0,e.styles.textAlign){case cs.CENTER:g+=d.width/2;break;case cs.RIGHT:g+=d.width}U=d.add(g,0,0,-d.height/2+1),this.ctx.save(),this.path([new Mi(d.left,d.top),new Mi(d.left+d.width,d.top),new Mi(d.left+d.width,d.top+d.height),new Mi(d.left,d.top+d.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new no(e.value,U),s.letterSpacing),this.ctx.restore(),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"}if(!Js(e.styles.display,2048))return[3,20];if(null===e.styles.listStyleImage)return[3,19];if(f=e.styles.listStyleImage,f.type!==hr.URL)return[3,18];c=void 0,C=f.url,t.label=15;case 15:return t.trys.push([15,17,,18]),[4,this.options.cache.match(C)];case 16:return c=t.sent(),this.ctx.drawImage(c,e.bounds.left-(c.width+10),e.bounds.top),[3,18];case 17:return E=t.sent(),Or.getInstance(this.options.id).error("Error loading list-style-image "+C),[3,18];case 18:return[3,20];case 19:r.listValue&&e.styles.listStyleType!==$n.NONE&&(this.ctx.font=this.createFontStyle(s)[0],this.ctx.fillStyle=ir(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",d=new i(e.bounds.left,e.bounds.top+qt(e.styles.paddingTop,e.bounds.width),e.bounds.width,jn(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new no(r.listValue,d),s.letterSpacing),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),t.label=20;case 20:return[2]}})})},A.prototype.renderStackContent=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,n,i,B,n,a,c,n,u,l,n,Q,w,n,h,d,n;return t(this,function(t){switch(t.label){case 0:return[4,this.renderNodeBackgroundAndBorders(A.element)];case 1:t.sent(),e=0,r=A.negativeZIndex,t.label=2;case 2:return e<r.length?(n=r[e],[4,this.renderStack(n)]):[3,5];case 3:t.sent(),t.label=4;case 4:return e++,[3,2];case 5:return[4,this.renderNodeContent(A.element)];case 6:t.sent(),s=0,o=A.nonInlineLevel,t.label=7;case 7:return s<o.length?(n=o[s],[4,this.renderNode(n)]):[3,10];case 8:t.sent(),t.label=9;case 9:return s++,[3,7];case 10:i=0,B=A.nonPositionedFloats,t.label=11;case 11:return i<B.length?(n=B[i],[4,this.renderStack(n)]):[3,14];case 12:t.sent(),t.label=13;case 13:return i++,[3,11];case 14:a=0,c=A.nonPositionedInlineLevel,t.label=15;case 15:return a<c.length?(n=c[a],[4,this.renderStack(n)]):[3,18];case 16:t.sent(),t.label=17;case 17:return a++,[3,15];case 18:u=0,l=A.inlineLevel,t.label=19;case 19:return u<l.length?(n=l[u],[4,this.renderNode(n)]):[3,22];case 20:t.sent(),t.label=21;case 21:return u++,[3,19];case 22:Q=0,w=A.zeroOrAutoZIndexOrTransformedOrOpacity,t.label=23;case 23:return Q<w.length?(n=w[Q],[4,this.renderStack(n)]):[3,26];case 24:t.sent(),t.label=25;case 25:return Q++,[3,23];case 26:h=0,d=A.positiveZIndex,t.label=27;case 27:return h<d.length?(n=d[h],[4,this.renderStack(n)]):[3,30];case 28:t.sent(),t.label=29;case 29:return h++,[3,27];case 30:return[2]}})})},A.prototype.mask=function(A){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(A.slice(0).reverse()),this.ctx.closePath()},A.prototype.path=function(A){this.ctx.beginPath(),this.formatPath(A),this.ctx.closePath()},A.prototype.formatPath=function(A){var e=this;A.forEach(function(A,t){var r=Pi(A)?A.start:A;0===t?e.ctx.moveTo(r.x,r.y):e.ctx.lineTo(r.x,r.y),Pi(A)&&e.ctx.bezierCurveTo(A.startControl.x,A.startControl.y,A.endControl.x,A.endControl.y,A.end.x,A.end.y)})},A.prototype.renderRepeat=function(A,e,t,r){this.path(A),this.ctx.fillStyle=e,this.ctx.translate(t,r),this.ctx.fill(),this.ctx.translate(-t,-r)},A.prototype.resizeImage=function(A,e,t){if(A.width===e&&A.height===t)return A;var r=this.canvas.ownerDocument.createElement("canvas");r.width=e,r.height=t;var n=r.getContext("2d");return n.drawImage(A,0,0,A.width,A.height,0,0,e,t),r},A.prototype.renderBackgroundImage=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,i;return t(this,function(B){switch(B.label){case 0:e=A.styles.backgroundImage.length-1,r=function(r){var s,o,i,B,a,c,u,l,Q,w,h,a,c,u,l,Q,d,g,U,f,C,E,F,p,H,w,N,a,K,b,l,Q,v,c,u,m,I,T,y,R,L,_,O;return t(this,function(t){switch(t.label){case 0:if(r.type!==hr.URL)return[3,5];s=void 0,o=r.url,t.label=1;case 1:return t.trys.push([1,3,,4]),[4,n.options.cache.match(o)];case 2:return s=t.sent(),[3,4];case 3:return i=t.sent(),Or.getInstance(n.options.id).error("Error loading background-image "+o),[3,4];case 4:return s&&(B=aB(A,e,[s.width,s.height,s.width/s.height]),a=B[0],c=B[1],u=B[2],l=B[3],Q=B[4],w=n.ctx.createPattern(n.resizeImage(s,l,Q),"repeat"),n.renderRepeat(a,w,c,u)),[3,6];case 5:sn(r)?(h=aB(A,e,[null,null,null]),a=h[0],c=h[1],u=h[2],l=h[3],Q=h[4],d=Er(r.angle,l,Q),g=d[0],U=d[1],f=d[2],C=d[3],E=d[4],F=document.createElement("canvas"),F.width=l,F.height=Q,p=F.getContext("2d"),H=p.createLinearGradient(U,C,f,E),fr(r.stops,g).forEach(function(A){return H.addColorStop(A.stop,ir(A.color))}),p.fillStyle=H,p.fillRect(0,0,l,Q),l>0&&Q>0&&(w=n.ctx.createPattern(F,"repeat"),n.renderRepeat(a,w,c,u))):on(r)&&(N=aB(A,e,[null,null,null]),a=N[0],K=N[1],b=N[2],l=N[3],Q=N[4],v=0===r.position.length?[Gt]:r.position,c=qt(v[0],l),u=qt(v[v.length-1],Q),m=Hr(r,c,u,l,Q),I=m[0],T=m[1],I>0&&I>0&&(y=n.ctx.createRadialGradient(K+c,b+u,0,K+c,b+u,I),fr(r.stops,2*I).forEach(function(A){return y.addColorStop(A.stop,ir(A.color))}),n.path(a),n.ctx.fillStyle=y,I!==T?(R=A.bounds.left+.5*A.bounds.width,L=A.bounds.top+.5*A.bounds.height,_=T/I,O=1/_,n.ctx.save(),n.ctx.translate(R,L),n.ctx.transform(1,0,0,_,0,0),n.ctx.translate(-R,-L),n.ctx.fillRect(K,O*(b-L)+L,l,Q*O),n.ctx.restore()):n.ctx.fill())),t.label=6;case 6:return e--,[2]}})},n=this,s=0,o=A.styles.backgroundImage.slice(0).reverse(),B.label=1;case 1:return s<o.length?(i=o[s],[5,r(i)]):[3,4];case 2:B.sent(),B.label=3;case 3:return s++,[3,1];case 4:return[2]}})})},A.prototype.renderBorder=function(A,r,n){return e(this,void 0,void 0,function(){return t(this,function(e){return this.path(rB(n,r)),this.ctx.fillStyle=ir(A),this.ctx.fill(),[2]})})},A.prototype.renderNodeBackgroundAndBorders=function(A){return e(this,void 0,void 0,function(){var e,r,n,s,o,i,B,a,c=this;return t(this,function(t){switch(t.label){case 0:return this.applyEffects(A.effects,2),e=A.container.styles,r=!or(e.backgroundColor)||e.backgroundImage.length,n=[{style:e.borderTopStyle,color:e.borderTopColor},{style:e.borderRightStyle,color:e.borderRightColor},{style:e.borderBottomStyle,color:e.borderBottomColor},{style:e.borderLeftStyle,color:e.borderLeftColor}],s=EB(QB(e.backgroundClip,0),A.curves),r||e.boxShadow.length?(this.ctx.save(),this.path(s),this.ctx.clip(),or(e.backgroundColor)||(this.ctx.fillStyle=ir(e.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(A.container)]):[3,2];case 1:t.sent(),this.ctx.restore(),e.boxShadow.slice(0).reverse().forEach(function(e){c.ctx.save();var t=Xi(A.curves),r=e.inset?0:UB,n=Di(t,-r+(e.inset?1:-1)*e.spread.number,(e.inset?1:-1)*e.spread.number,e.spread.number*(e.inset?-2:2),e.spread.number*(e.inset?-2:2));e.inset?(c.path(t),c.ctx.clip(),c.mask(n)):(c.mask(t),c.ctx.clip(),c.path(n)),c.ctx.shadowOffsetX=e.offsetX.number+r,c.ctx.shadowOffsetY=e.offsetY.number,c.ctx.shadowColor=ir(e.color),c.ctx.shadowBlur=e.blur.number,c.ctx.fillStyle=e.inset?ir(e.color):"rgba(0,0,0,1)",c.ctx.fill(),c.ctx.restore()}),t.label=2;case 2:o=0,i=0,B=n,t.label=3;case 3:return i<B.length?(a=B[i],a.style===Un.NONE||or(a.color)?[3,5]:[4,this.renderBorder(a.color,o,A.curves)]):[3,7];case 4:t.sent(),t.label=5;case 5:o++,t.label=6;case 6:return i++,[3,3];case 7:return[2]}})})},A.prototype.render=function(A){return e(this,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=ir(this.options.backgroundColor),this.ctx.fillRect(this.options.x-this.options.scrollX,this.options.y-this.options.scrollY,this.options.width,this.options.height)),e=tB(A),[4,this.renderStack(e)];case 1:return t.sent(),this.applyEffects([],2),[2,this.canvas]}})})},A}(),CB=function(A){return A instanceof Io||(A instanceof mo||A instanceof vo&&A.type!==No&&A.type!==Ho)},EB=function(A,e){switch(A){case wr.BORDER_BOX:return Xi(e);case wr.CONTENT_BOX:return Ji(e);case wr.PADDING_BOX:default:return Gi(e)}},FB=function(A){switch(A){case cs.CENTER:return"center";case cs.RIGHT:return"right";case cs.LEFT:default:return"left"}},pB=function(){function A(A){this.canvas=A.canvas?A.canvas:document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.options=A,this.canvas.width=Math.floor(A.width*A.scale),this.canvas.height=Math.floor(A.height*A.scale),this.canvas.style.width=A.width+"px",this.canvas.style.height=A.height+"px",this.ctx.scale(this.options.scale,this.options.scale),this.ctx.translate(-A.x+A.scrollX,-A.y+A.scrollY),Or.getInstance(A.id).debug("EXPERIMENTAL ForeignObject renderer initialized ("+A.width+"x"+A.height+" at "+A.x+","+A.y+") with scale "+A.scale)}return A.prototype.render=function(A){return e(this,void 0,void 0,function(){var e,r;return t(this,function(t){switch(t.label){case 0:return e=Rr(Math.max(this.options.windowWidth,this.options.width)*this.options.scale,Math.max(this.options.windowHeight,this.options.height)*this.options.scale,this.options.scrollX*this.options.scale,this.options.scrollY*this.options.scale,A),[4,HB(e)];case 1:return r=t.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=ir(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(r,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},A}(),HB=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent((new XMLSerializer).serializeToString(A))})},NB=void 0,KB=function(A){return sr.parse(Rt.create(A).parseComponentValue())},bB=function(A,e){return void 0===e&&(e={}),vB(A,e)};Sr.setContext(window);var vB=function(A,r){return e(NB,void 0,void 0,function(){var e,n,s,c,u,l,Q,w,h,d,g,U,f,C,E,F,p,H,N,K,b,v,m,I,T,I;return t(this,function(t){switch(t.label){case 0:if(e=A.ownerDocument,!e)throw new Error("Element is not attached to a Document");if(n=e.defaultView,!n)throw new Error("Document is not attached to a Window");return s=(Math.round(1e3*Math.random())+Date.now()).toString(16),c=Go(A)||Xo(A)?a(e):B(A),u=c.width,l=c.height,Q=c.left,w=c.top,h={allowTaint:!1,imageTimeout:15e3,proxy:void 0,useCORS:!1},d=o({},h,r),g={backgroundColor:"#ffffff",cache:r.cache?r.cache:Sr.create(s,d),logging:!0,removeContainer:!0,foreignObjectRendering:!1,scale:n.devicePixelRatio||1,windowWidth:n.innerWidth,windowHeight:n.innerHeight,scrollX:n.pageXOffset,scrollY:n.pageYOffset,x:Q,y:w,width:Math.ceil(u),height:Math.ceil(l),id:s},U=o({},g,d,r),f=new i(U.scrollX,U.scrollY,U.windowWidth,U.windowHeight),Or.create({id:s,enabled:U.logging}),Or.getInstance(s).debug("Starting document clone"),C=new Ei(A,{id:s,onclone:U.onclone,ignoreElements:U.ignoreElements,inlineImages:U.foreignObjectRendering,copyStyles:U.foreignObjectRendering}),E=C.clonedReferenceElement,E?[4,C.toIFrame(e,f)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return F=t.sent(),p=e.documentElement?KB(getComputedStyle(e.documentElement).backgroundColor):Qr.TRANSPARENT,H=e.body?KB(getComputedStyle(e.body).backgroundColor):Qr.TRANSPARENT,N=r.backgroundColor,K="string"==typeof N?KB(N):null===N?Qr.TRANSPARENT:4294967295,b=A===e.documentElement?or(p)?or(H)?K:H:p:K,v={id:s,cache:U.cache,canvas:U.canvas,backgroundColor:b,scale:U.scale,x:U.x,y:U.y,scrollX:U.scrollX,scrollY:U.scrollY,width:U.width,height:U.height,windowWidth:U.windowWidth,windowHeight:U.windowHeight},U.foreignObjectRendering?(Or.getInstance(s).debug("Document cloned, using foreign object rendering"),I=new pB(v),[4,I.render(E)]):[3,3];case 2:return m=t.sent(),[3,5];case 3:return Or.getInstance(s).debug("Document cloned, using computed rendering"),Sr.attachInstance(U.cache),Or.getInstance(s).debug("Starting DOM parsing"),T=Oo(E),Sr.detachInstance(),b===T.styles.backgroundColor&&(T.styles.backgroundColor=Qr.TRANSPARENT),Or.getInstance(s).debug("Starting renderer"),I=new fB(v),[4,I.render(T)];case 4:m=t.sent(),t.label=5;case 5:return U.removeContainer===!0&&(Ei.destroy(F)||Or.getInstance(s).error("Cannot detach cloned iframe as it is not in the DOM anymore")),Or.getInstance(s).debug("Finished rendering"),Or.destroy(s),Sr.destroy(s),[2,m]}})})};return bB})},{}],3:[function(A,e,t){function r(A){var e;if(2===arguments.length&&"object"===_typeof(arguments[1]))e=arguments[1];else{e=new Array(arguments.length-1);for(var t=1;t<arguments.length;++t)e[t-1]=arguments[t]}return e&&e.hasOwnProperty||(e={}),A.replace(n,function(t,r,n){var s;return"{"===A[n-1]&&"}"===A[n+t.length]?r:(s=e.hasOwnProperty(r)?e[r]:null,null===s||void 0===s?"":s)})}var n=/\{([0-9a-zA-Z_]+)\}/g;e.exports=r},{}],4:[function(A,e,t){var r=A("html2canvas/dist/html2canvas"),n=A("./utility"),s=A("string-template"),o=n.EventHandler,i=A("../i18n/en.properties");!function(e){var t={highlighter:A("../templates/highlighter.html"),overview:A("../templates/overview.html"),submitSuccess:A("../templates/submitSuccess.html"),submitError:A("../templates/submitError.html")},B=function(A){return A.split(/\r?\n/).filter(function(A){return A&&!A.startsWith("#")}).map(function(A){return A.split("=")}).map(function(A){return[A[0],A.slice(1).join("=")]}).reduce(function(A,e){var t=_slicedToArray(e,2),r=t[0],n=t[1];return A[r]=n,A},{})},a=function(A,e){return s(A,e)},c=function(){e("body").prepend(e("<div />",{"class":"feedback-spinner"}))},u=function(){e(".feedback-spinner").remove()};e.feedback=function(A){function s(){R=!1,e(document).off("mouseenter mouseleave",".feedback-helper"),e(document).off("mouseup keyup"),e(document).off("mousedown",".feedback-setblackout"),e(document).off("mousedown",".feedback-sethighlight"),e(document).off("mousedown click","#feedback-close"),e(document).off("mousedown","#feedback-canvas"),e(document).off("click","#feedback-highlighter-next"),e(document).off("click","#feedback-highlighter-back"),e(document).off("click","#feedback-welcome-next"),e(document).off("click","#feedback-overview-back"),e(document).off("mouseleave","body"),e(document).off("mouseenter",".feedback-helper"),e(document).off("selectstart dragstart",document),e("#feedback-module").off("click",".feedback-wizard-close,.feedback-close-btn"),e(document).off("click","#feedback-submit"),d.highlightElement&&(e(document).off("click","#feedback-canvas"),e(document).off("mousemove","#feedback-canvas")),e('[data-highlighted="true"]').removeAttr("data-highlight-id").removeAttr("data-highlighted"),e("#feedback-module").remove(),e(".feedback-btn").show(),d.onClose.call(this)}function l(A,t){t="undefined"==typeof t||t,A.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),A.fillStyle="rgba(102,102,102,0.5)",A.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&t&&Q(A,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&A.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(A.fillStyle="rgba(0,0,0,1)",A.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))})}function Q(A,e,t,r,n){A.strokeStyle=d.strokeStyle,A.shadowColor=d.shadowColor,A.shadowOffsetX=d.shadowOffsetX,A.shadowOffsetY=d.shadowOffsetY,A.shadowBlur=d.shadowBlur,A.lineJoin=d.lineJoin,A.lineWidth=d.lineWidth,A.strokeRect(e,t,r,n),A.shadowOffsetX=0,A.shadowOffsetY=0,A.shadowBlur=0,A.lineWidth=1}var w=B(A.i18nProperties||i),h="right"===A.buttonPosition?"feedback-btn-right":"feedback-btn-bottom",d=e.extend({ajaxURL:"",postBrowserInfo:!0,postHTML:!0,postURL:!0,proxy:void 0,letterRendering:!1,descriptionTemplate:"",initButtonText:w.send_feedback,strokeStyle:"black",shadowColor:"black",shadowOffsetX:1,shadowOffsetY:1,shadowBlur:10,lineJoin:"bevel",lineWidth:3,feedbackButton:".feedback-btn",isDraggable:!0,showContact:!0,onScreenshotTaken:function(){},tpl:{highlighter:a(t.highlighter,w),overview:a(t.overview,w),submitSuccess:a(t.submitSuccess,w),submitError:a(t.submitError,w)},onClose:function(){},screenshotStroke:!0,highlightElement:!0},A),g=!!window.HTMLCanvasElement,U=".feedback-btn"==d.feedbackButton,f=void 0,C=void 0,E=void 0,F=void 0,p=void 0,H=void 0,N=void 0,K=void 0,b=void 0,v=void 0,m=void 0,I=void 0,T=void 0,y=void 0,R=void 0;g&&(U&&e("body").append('<button class="feedback-btn feedback-btn-gray '+h+'">'+d.initButtonText+"</button>"),e(document).on("click",d.feedbackButton,function(){e("div[tabindex='-1']").removeAttr("tabindex"),U&&e(this).hide();var A=!1,t="",i=e(document).height(),B=e(document).width(),a='<div id="feedback-module">';a+=d.tpl.highlighter+d.tpl.overview+'<canvas id="feedback-canvas"></canvas><div id="feedback-helpers"></div><input id="feedback-note" name="feedback-note" type="hidden"></div>',e("body").append(a);var w=new o(e("#feedback-highlighter").get(0)),h=new o(e("#feedback-highlighter").get(0).parentNode);if(f={position:"absolute",left:"0px",top:"0px"},C={width:B,height:i},e("#feedback-module").css(f),e("#feedback-canvas").attr(C).css("z-index","30000"),e("#feedback-highlighter-back").remove(),A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-helpers").show(),e("#feedback-welcome").hide(),e("#feedback-highlighter").show(),d.isDraggable){var g=null;w.on_pointer_events(function(A){var t=A.touches?A.touches[0]:A,r=e("#feedback-highlighter").addClass("feedback-draggable"),n=r.outerHeight(),s=r.outerWidth(),o=r.offset().top+n-t.pageY,i=r.offset().left+s-t.pageX;r.css("z-index",4e4),g=function(A){var t=A.touches?A.touches[0]:A;E=t.pageY+o-n,F=t.pageX+i-s,p=n-t.pageY,H=s-t.pageX,F<0&&(F=0),E<0&&(E=0),H>e(window).width()&&(F=e(window).width()-s),F>e(window).width()-s&&(F=e(window).width()-s),p>e(document).height()&&(E=e(document).height()-n),E>e(document).height()-n&&(E=e(document).height()-n),e(".feedback-draggable").offset({top:E,left:F}).on("mouseup",function(){e(this).removeClass("feedback-draggable")})},h.on_pointer_events(g,"move"),A.preventDefault()},"down").on_pointer_events(function(A){e("#feedback-highlighter").removeClass("feedback-draggable"),h.off_pointer_events(g,"move")},"up")}var R=e("#feedback-canvas")[0].getContext("2d");if(R.fillStyle="rgba(102,102,102,0.5)",R.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),N={},K=!1,b=1,v={},d.postBrowserInfo&&(v.browser={},v.browser.appCodeName=navigator.appCodeName,v.browser.appName=navigator.appName,v.browser.appVersion=navigator.appVersion,v.browser.cookieEnabled=navigator.cookieEnabled,v.browser.onLine=navigator.onLine,v.browser.platform=navigator.platform,v.browser.userAgent=navigator.userAgent,v.browser.plugins=[],e.each(navigator.plugins,function(A){v.browser.plugins.push(navigator.plugins[A].name)}),e("#feedback-browser-info").show()),d.postURL&&(v.url=document.URL,e("#feedback-page-info").show()),d.postHTML&&(v.html=e("html").html(),e("#feedback-page-structure").show()),d.postBrowserInfo||d.postURL||d.postHTML||e("#feedback-additional-none").show(),e(document).on("mousedown","#feedback-canvas",function(t){A&&(N.startX=t.pageX-e(this).offset().left,N.startY=t.pageY-e(this).offset().top,N.w=0,N.h=0,K=!0)}),e(document).on("mouseup",function(){if(A){K=!1;var t=N.startY,r=N.startX,n=N.w,s=N.h;if(m="highlight",0==n||0==s)return;n<0&&(r+=n,n*=-1),s<0&&(t+=s,s*=-1),t+s>e(document).height()&&(s=e(document).height()-t),r+n>e(document).width()&&(n=e(document).width()-r),0==b&&(m="blackout"),e("#feedback-helpers").append('<div class="feedback-helper" data-type="'+m+'" data-time="'+Date.now()+'" style="position:absolute;top:'+t+"px;left:"+r+"px;width:"+n+"px;height:"+s+'px;z-index:30000;"></div>'),l(R),N.w=0}}),e(document).on("mousemove",function(t){A&&K&&(e("#feedback-highlighter").css("cursor","default"),N.w=t.pageX-e("#feedback-canvas").offset().left-N.startX,N.h=t.pageY-e("#feedback-canvas").offset().top-N.startY,R.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),R.fillStyle="rgba(102,102,102,0.5)",R.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&Q(R,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),1==b&&(Q(R,N.startX,N.startY,N.w,N.h),R.clearRect(N.startX,N.startY,N.w,N.h)),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&R.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(R.fillStyle="rgba(0,0,0,1)",R.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))}),0==b&&(R.fillStyle="rgba(0,0,0,0.5)",R.fillRect(N.startX,N.startY,N.w,N.h)))}),d.highlightElement){var L=[],_=[],O=0;e(document).on("mousemove click","#feedback-canvas",function(t){if(A){l(R),_=[],e("#feedback-canvas").css("cursor","crosshair"),e("* :not(body,script,iframe,div,section,.feedback-btn,#feedback-module *)").each(function(){"true"!==e(this).attr("data-highlighted")&&t.pageX>e(this).offset().left&&t.pageX<e(this).offset().left+e(this).width()&&t.pageY>e(this).offset().top+parseInt(e(this).css("padding-top"),10)&&t.pageY<e(this).offset().top+e(this).height()+parseInt(e(this).css("padding-top"),10)&&_.push(e(this))});var r=_[_.length-1];if(r&&!K){e("#feedback-canvas").css("cursor","pointer");var n=r.offset().left-2,s=r.offset().top-2,o=r.width()+parseInt(r.css("padding-left"),10)+parseInt(r.css("padding-right"),10)+6,i=r.height()+parseInt(r.css("padding-top"),10)+parseInt(r.css("padding-bottom"),10)+6;1==b&&(Q(R,n,s,o,i),R.clearRect(n,s,o,i),m="highlight"),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&R.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),0==b&&(m="blackout",R.fillStyle="rgba(0,0,0,0.5)",R.fillRect(n,s,o,i)),e(".feedback-helper").each(function(){"blackout"==e(this).attr("data-type")&&(R.fillStyle="rgba(0,0,0,1)",R.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()))}),"click"==t.type&&Math.round(t.pageX)==Math.round(N.startX)&&Math.round(t.pageY)==Math.round(N.startY)&&(e("#feedback-helpers").append('<div class="feedback-helper" data-highlight-id="'+O+'" data-type="'+m+'" data-time="'+Date.now()+'" style="position:absolute;top:'+s+"px;left:"+n+"px;width:"+o+"px;height:"+i+'px;z-index:30000;"></div>'),L.push(O),++O,l(R))}}})}e(document).on("mouseleave","body,#feedback-canvas",function(){l(R)}),e(document).on("mouseenter",".feedback-helper",function(){l(R)}),e(document).on("click","#feedback-welcome-next",function(){e("#feedback-note").val().length>0?(A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-helpers").show(),e("#feedback-welcome").hide(),e("#feedback-highlighter").show()):e("#feedback-welcome-error").show()}),e(document).on("mouseenter mouseleave",".feedback-helper",function(A){K||(N.w=0,N.h=0,"mouseenter"===A.type?(e(this).css("z-index","30001"),e(this).append('<div class="feedback-helper-inner" style="width:'+(e(this).width()-2)+"px;height:"+(e(this).height()-2)+'px;position:absolute;margin:1px;"></div>'),e(this).append('<div id="feedback-close"></div>'),e(this).find("#feedback-close").css({top:-1*(e(this).find("#feedback-close").height()/2)+"px",left:e(this).width()-e(this).find("#feedback-close").width()/2+"px"}),"blackout"==e(this).attr("data-type")&&(R.clearRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),R.fillStyle="rgba(102,102,102,0.5)",R.fillRect(0,0,e("#feedback-canvas").width(),e("#feedback-canvas").height()),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&Q(R,parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),e(".feedback-helper").each(function(){"highlight"==e(this).attr("data-type")&&R.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())}),R.clearRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()),R.fillStyle="rgba(0,0,0,0.75)",R.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height()),I=e(this).attr("data-time"),e(".feedback-helper").each(function(){return e(this).attr("data-time")==I||void("blackout"==e(this).attr("data-type")&&(R.fillStyle="rgba(0,0,0,1)",R.fillRect(parseInt(e(this).css("left"),10),parseInt(e(this).css("top"),10),e(this).width(),e(this).height())))}))):(e(this).css("z-index","30000"),e(this).children().remove(),"blackout"==e(this).attr("data-type")&&l(R)))}),e(document).on("click","#feedback-close",function(){if(d.highlightElement&&e(this).parent().attr("data-highlight-id"))var A=e(this).parent().attr("data-highlight-id");e(this).parent().remove(),d.highlightElement&&A&&e('[data-highlight-id="'+A+'"]').removeAttr("data-highlighted").removeAttr("data-highlight-id"),l(R)}),e("#feedback-module").on("click",".feedback-wizard-close,.feedback-close-btn",function(){s()}),e(document).on("keyup",function(A){27==A.keyCode&&s()}),e(document).on("selectstart dragstart",document,function(A){A.preventDefault()}),e(document).on("click","#feedback-highlighter-back",function(){A=!1,e("#feedback-canvas").css("cursor","default"),e("#feedback-helpers").hide(),e("#feedback-highlighter").hide(),e("#feedback-welcome-error").hide(),e("#feedback-welcome").show()}),e(document).on("click",".feedback-sethighlight",function(){b=1,e(this).addClass("feedback-active"),e(".feedback-setblackout").removeClass("feedback-active")}),e(document).on("click",".feedback-setblackout",function(){b=0,e(this).addClass("feedback-active"),e(".feedback-sethighlight").removeClass("feedback-active")}),e(document).on("click","#feedback-highlighter-next",function(){A=!1,e("#feedback-canvas").css("cursor","default");var s=e(document).scrollTop(),o=e(window).height();e("#feedback-helpers").hide(),e("#feedback-highlighter").hide(),c(),d.screenshotStroke||l(R,!1),e("#feedback-note").val(d.descriptionTemplate);var i=e("body").get(0),a={scale:1};r(i,a).then(function(A){u(),d.screenshotStroke||l(R),T=e('<canvas id="feedback-canvas-tmp" width="'+B+'" height="'+o+'"/>').hide().appendTo("body"),y=T.get(0).getContext("2d"),y.drawImage(A,0,s,B,o,0,0,B,o),t=T.get(0).toDataURL(),e(document).scrollTop(s),v.img=t,d.onScreenshotTaken(v.img),e("#feedback-canvas-tmp").remove(),e("#feedback-overview").show(),e("#feedback-contact-info").hide(),n.isMobile?(e("#feedback-overview").toggleClass("feedback-desktop",!1),e("#feedback-overview").toggleClass("feedback-mobile",!0)):(e("#feedback-overview").toggleClass("feedback-desktop",!0),e("#feedback-overview").toggleClass("feedback-mobile",!1)),e("#feedback-overview-screenshot>img").remove(),e("#feedback-overview-screenshot").append('<img class="feedback-screenshot" src="'+t+'" />')})}),d.showContact||e("#feedback-contact-box").hide(),e(document).on("click","#feedback-overview-back",function(t){A=!0,e("#feedback-canvas").css("cursor","crosshair"),e("#feedback-overview").hide(),e("#feedback-helpers").show(),e("#feedback-highlighter").show(),e("#feedback-overview-error").hide(),e("#feedback-overview-contact-error").hide(),e("#feedback-overview-privacy-error").hide()}),e(document).on("change","#feedback-contact-enable",function(){e("#feedback-contact-info").toggle(this.checked)}),e(document).on("click","#feedback-submit",function(){e("#feedback-overview-error").hide(),e("#feedback-overview-contact-error").hide(),e("#feedback-overview-privacy-error").hide(),A=!1;var r=e("#feedback-title").val().trim().length>0,s=e("#feedback-note").val().trim().length>0,o=e("#feedback-contact-enable").is(":checked"),i=e("#feedback-privacy-policy").is(":checked"),B=n.isValidEmail(e("#feedback-contact-email").val()),a=!o||B;if(i)if(a)if(r&&s){e("#feedback-submit-success,#feedback-submit-error,#feedback-overview-contact-error,#feedback-overview-privacy-error").hide(),e("#feedback-overview").hide(),v.img=t,v.title=e("#feedback-title").val(),v.note=e("#feedback-note").val(),v.contact=o?{name:e("#feedback-contact-name").val()||"Unknown",email:e("#feedback-contact-email").val()}:void 0;var l={feedback:JSON.stringify(v)};c(),(d.postFunction||e.ajax)({url:d.ajaxURL,dataType:"json",type:"POST",data:l,post:v,success:function(){u(),e("#feedback-module").append(d.tpl.submitSuccess)},error:function(){u(),e("#feedback-module").append(d.tpl.submitError)}})}else e("#feedback-overview-contact-error").hide(),e("#feedback-overview-privacy-error").hide(),e("#feedback-overview-error").show();else e("#feedback-submit-success,#feedback-submit-error,#feedback-overview-privacy-error").hide(),e("#feedback-overview-contact-error").show();else e("#feedback-submit-success,#feedback-submit-error,#feedback-overview-contact-error").hide(),e("#feedback-overview-privacy-error").show()})}))}}(jQuery)},{"../i18n/en.properties":1,"../templates/highlighter.html":6,"../templates/overview.html":7,"../templates/submitError.html":8,"../templates/submitSuccess.html":9,"./utility":5,"html2canvas/dist/html2canvas":2,"string-template":3}],5:[function(A,e,t){var r=["touchstart","pointerdown","MSPointerDown","mousedown"],n=["touchmove","pointermove","MSPointerMove","mousemove"],s=["touchend","pointerup","MSPointerUp","mouseup","touchcancel","pointercancel","MSPointerCancel","mousecancel"],o=["orientationchange","resize"],i=["transitionend","webkitTransitionEnd","oTransitionEnd","MSTransitionEnd"],B=function(){function A(e){var t=this;_classCallCheck(this,A),this.cb={pointer:{down:[],move:[],up:[]},resize:[],transitionend:[]},this.dom_element=e||window,this.dom_element&&(r.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),n.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),s.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),o.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}),i.forEach(function(A){return t.dom_element.addEventListener(A,t,!1)}))}return _createClass(A,[{key:"destructor",value:function(){this.unbind_events()}},{key:"unbind_events",value:function(){var A=this;this.dom_element&&(r.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),n.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),s.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),o.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}),i.forEach(function(e){return A.dom_element.removeEventListener(e,A,!1)}))}},{key:"getHandler",value:function(){var A=this;return function(e){return A.handleEvent(e)}}},{key:"on_pointer_events",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";return this.cb.pointer[e].push(A),this}},{key:"off_pointer_events",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";var t=this.cb.pointer[e].indexOf(A),r=t!==-1;return r&&this.cb.pointer[e].splice(t,1),this}},{key:"on_resize",value:function(A){return this.cb.resize.add(A),this}},{key:"off_resize",value:function(A){var e=this.cb.resize.indexOf(A),t=e!==-1;return t&&this.cb.resize.splice(e,1),this}},{key:"on_transitionend",value:function(A){return this.cb.transitionend.add(A),this}},{key:"off_transitionend",value:function(A){var e=this.cb.transitionend.indexOf(A),t=e!==-1;return t&&this.cb.transitionend.splice(e,1),
+this}},{key:"_pointer_handler",value:function(A,e){if(!(e in this.cb.pointer))throw"Unrecognized pointer event-type";this.cb.pointer[e].forEach(function(e){return e(A)})}},{key:"_resize_handler",value:function(A){return this.cb.resize.forEach(function(e){return e(A)}),this}},{key:"_transitionend_handler",value:function(A){return this.cb.transitionend.forEach(function(e){return e(A)}),this}},{key:"handleEvent",value:function(A){switch(A.type){case"touchstart":case"pointerdown":case"MSPointerDown":case"mousedown":this._pointer_handler(A,"down");break;case"touchmove":case"pointermove":case"MSPointerMove":case"mousemove":this._pointer_handler(A,"move");break;case"touchend":case"pointerup":case"MSPointerUp":case"mouseup":case"touchcancel":case"pointercancel":case"MSPointerCancel":case"mousecancel":this._pointer_handler(A,"up");break;case"orientationchange":case"resize":this._resize_handler(A);break;case"transitionend":case"webkitTransitionEnd":case"oTransitionEnd":case"MSTransitionEnd":this._transitionend_handler(A)}}}]),A}();e.exports={EventHandler:B,isMobile:function(){try{return document.createEvent("TouchEvent"),!0}catch(A){return!1}}(),isValidEmail:function(A){var e=/^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;return e.test(A)}}},{}],6:[function(A,e,t){e.exports='<div id=feedback-highlighter><div class=feedback-logo>{title}</div><div><p>{highlighter_click_and_drag_on_page}.</p><div class=feedback-highlighter-action><button class="feedback-sethighlight feedback-active"><div class=ico></div><span>{highlighter_highlight}</span></button><label>{highlighter_identify_areas}.</label></div><div class=feedback-highlighter-action><button class=feedback-setblackout><div class=ico></div><span>{highlighter_blackout}</span></button><label class=lower>{highlighter_blackout_information}.</label></div></div><div class=feedback-buttons><button id=feedback-highlighter-next class="feedback-next-btn feedback-btn-gray">{next}</button> <button id=feedback-highlighter-back class="feedback-back-btn feedback-btn-gray">{back}</button></div><div class=feedback-wizard-close></div></div>'},{}],7:[function(A,e,t){e.exports='<div id=feedback-overview><div class=feedback-logo>{title}</div><div class=feedback-overview-content><div id=feedback-overview-description><div id=feedback-overview-description-text><h3>{overview_title}</h3><input type=text id=feedback-title><h3>{description}</h3><textarea id=feedback-note></textarea><div id=feedback-contact-box><h3><label><input type=checkbox id=feedback-contact-enable>{overview_contact_enable}</label></h3><div id=feedback-contact-info><h3>{overview_contact_name}</h3><input type=text id=feedback-contact-name><h3>{overview_contact_email}</h3><input type=text id=feedback-contact-email></div></div><div id=feedback-additional><h3 class=feedback-additional>{overview_additional}</h3><div id=feedback-additional-none><span>{overview_additional_none}</span></div><div id=feedback-browser-info><span>{overview_additional_browser}</span></div><div id=feedback-page-info><span>{overview_additional_page_info}</span></div><div id=feedback-page-structure><span>{overview_additional_page_structure}</span></div></div></div></div><div id=feedback-overview-screenshot><h3>{screenshot}</h3></div></div><div class=feedback-privacy-policy><label><input type=checkbox id=feedback-privacy-policy>{overview_privacy_policy_prefix}<a href=https://eyeseetea.com/privacy-policy/ target=_blank>{overview_privacy_policy_name}</a>{overview_privacy_policy_feedback_prefix}<a href=https://eyeseetea.com/privacy-policy/#Feedback target=_blank>{overview_privacy_policy_feedback_name}</a>{overview_privacy_policy_feedback_suffix}</label></div><div class=feedback-buttons><span id=feedback-overview-error>{overview_enter_fields}.</span> <span id=feedback-overview-contact-error>{overview_enter_contact_fields}.</span> <span id=feedback-overview-privacy-error>{overview_check_privacy}.</span> <button id=feedback-overview-back class="feedback-back-btn feedback-btn-gray">{back}</button> <button id=feedback-submit class="feedback-submit-btn feedback-btn-gray">{submit}</button></div><div class=feedback-wizard-close></div></div>'},{}],8:[function(A,e,t){e.exports='<div id=feedback-submit-error><div class=feedback-logo>{title}</div><p>{submit_error_message}.</p><button class="feedback-close-btn feedback-btn-gray">{ok}</button><div class=feedback-wizard-close></div></div>'},{}],9:[function(A,e,t){e.exports='<div id=feedback-submit-success><div class=feedback-logo>{title}</div><p>{submit_success_message}.</p><button class="feedback-close-btn feedback-btn-gray">{ok}</button><div class=feedback-wizard-close></div></div>'},{}]},{},[4]);
\ No newline at end of file
diff --git a/public/feedback-tool/i18n/en.properties b/public/feedback-tool/i18n/en.properties
index 429292d1..889f09ef 100644
--- a/public/feedback-tool/i18n/en.properties
+++ b/public/feedback-tool/i18n/en.properties
@@ -17,12 +17,22 @@ highlighter_blackout_information=Black out any personal information
 
 # overview template
 overview_title=Title
+overview_contact_enable=I would like to be contacted
+overview_contact_name=Name
+overview_contact_email=Email
 overview_additional=Additional info
 overview_additional_none=None
 overview_additional_browser=Browser Info
 overview_additional_page_info=Page Info
 overview_additional_page_structure=Page Structure
 overview_enter_fields=Please enter a title and description
+overview_enter_contact_fields=Please enter an email to be contacted
+overview_check_privacy=Please read and accept our Privacy Policy agreement
+overview_privacy_policy_prefix=I have read and accept the 
+overview_privacy_policy_name=EyeSeeTea S.L. Privacy Policy
+overview_privacy_policy_feedback_prefix=, paying special attention to the “
+overview_privacy_policy_feedback_name=Application Feedback
+overview_privacy_policy_feedback_suffix=” section.
 
 # submitError template
 submit_error_message=Sadly an error occured while sending your feedback. Please try again
diff --git a/public/feedback-tool/i18n/es.properties b/public/feedback-tool/i18n/es.properties
index d6fce6e9..9bb998cc 100644
--- a/public/feedback-tool/i18n/es.properties
+++ b/public/feedback-tool/i18n/es.properties
@@ -17,12 +17,22 @@ highlighter_blackout_information=Tape cualquier información personal
 
 # overview template
 overview_title=Título
+overview_contact_enable=Quiero ser contactado
+overview_contact_name=Nombre
+overview_contact_email=Correo electrónico
 overview_additional=Información adicional
 overview_additional_none=Ninguna
 overview_additional_browser=Información de navegador
 overview_additional_page_info=Información de página
 overview_additional_page_structure=Estructura de la página
 overview_enter_fields=Por favor, introduzca un título y descripción
+overview_enter_contact_fields=Por favor, introduzca un correo electrónico para ser contactado
+overview_check_privacy=Por favor lea y acepte nuestra Política de Privacidad.
+overview_privacy_policy_prefix=He leído y acepto la 
+overview_privacy_policy_name=Política de Privacidad de EyeSeeTea S.L.
+overview_privacy_policy_feedback_prefix=, prestando especial atención al apartado “
+overview_privacy_policy_feedback_name=Feedback de aplicaciones
+overview_privacy_policy_feedback_suffix=”.
 
 # submitError template
 submit_error_message=Ha ocurrido un error al enviar las sugerencias, por favor pruebe de nuevo.

From d0b16e1d955d1d7db0ca578271bcd1cee01071f6 Mon Sep 17 00:00:00 2001
From: Adrian Quintana <adrianquintana@gmail.com>
Date: Wed, 20 Apr 2022 22:23:29 +0100
Subject: [PATCH 26/37] Some changes to create issues in clickup

---
 public/app-config.json                       | 22 ++++++++------
 public/feedback-tool/feedback-clickup.min.js |  1 +
 public/index.html                            |  3 +-
 src/index.tsx                                |  3 +-
 src/webapp/components/app/App.tsx            | 30 +++++++++++++-------
 5 files changed, 37 insertions(+), 22 deletions(-)
 create mode 100644 public/feedback-tool/feedback-clickup.min.js

diff --git a/public/app-config.json b/public/app-config.json
index 9d4bc317..881fddd1 100644
--- a/public/app-config.json
+++ b/public/app-config.json
@@ -4,19 +4,23 @@
         "showShareButton": false
     },
     "feedback": {
-        "token": ["03242fc6b0c5a48582", "2e6b8d3e8337b5a0b95fe2"],
-        "createIssue": true,
-        "sendToDhis2UserGroups": ["Administrators"],
-        "issues": {
-            "repository": "EyeSeeTea/Bulk-Load-blessed",
-            "title": "[User feedback] {title}",
-            "body": "## dhis2\n\nUsername: {username}\n\n{body}"
-        },
+        "createIssue": false,
+        "sendToDhis2UserGroups": [],
         "snapshots": {
             "repository": "EyeSeeTeaBotTest/snapshots",
             "branch": "master"
         },
-        "feedbackOptions": {}
+        "clickUp": {
+            "apiUrl": "https://dev.eyeseetea.com/clickup",
+            "listId": "170646821",
+            "title": "[User feedback] {title}",
+            "body": "## dhis2\n\nUsername: {username}\n\n{body}",
+            "status": "Misc"
+        },
+        "feedbackOptions": {
+            "showContact": false,
+            "descriptionTemplate": "## Summary\n\n## Steps to reproduce\n\n## Actual results\n\n## Expected results\n\n"
+        }
     },
     "storage": "dataStore",
     "defaultSettings": {
diff --git a/public/feedback-tool/feedback-clickup.min.js b/public/feedback-tool/feedback-clickup.min.js
new file mode 100644
index 00000000..56dc33a9
--- /dev/null
+++ b/public/feedback-tool/feedback-clickup.min.js
@@ -0,0 +1 @@
+"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}();!function t(e,n,r){function o(i,s){if(!n[i]){if(!e[i]){var u="function"==typeof require&&require;if(!s&&u)return u(i,!0);if(a)return a(i,!0);throw new Error("Cannot find module '"+i+"'")}var c=n[i]={exports:{}};e[i][0].call(c.exports,function(t){var n=e[i][1][t];return o(n?n:t)},c,c.exports,t,e,n,r)}return n[i].exports}for(var a="function"==typeof require&&require,i=0;i<r.length;i++)o(r[i]);return o}({1:[function(t,e,n){function r(t,e){return t.replace(/{([^{}]*)}/g,function(t,n){var r=e[n];return"string"==typeof r||"number"==typeof r?r:t})}var o="https://dev.eyeseetea.com/clickup",a=function(){function t(e){_classCallCheck(this,t),this.options=e,this.token=e.token,this.apiUrl=e.apiUrl||o}return _createClass(t,[{key:"_setAuthHeader",value:function(t){t.setRequestHeader("Authorization",this.token)}},{key:"send",value:function(t){var e=this,n=(new Date).getTime()+parseInt(1e6*Math.random()).toString(),r="screenshot-"+n+".png",o=this._getPayload(t);return this._postIssue(o).then(function(n){return e._attachFileToTask(n.id,r,t.post.img)})}},{key:"_attachFileToTask",value:function(t,e,n){var r=this;return fetch(n).then(function(t){return t.blob()}).then(function(n){var o=new FormData;return o.append("filename",e),o.append("attachment",n),$.ajax({url:r.apiUrl+"/task/"+t+"/attachment",beforeSend:r._setAuthHeader.bind(r),data:o,processData:!1,contentType:!1,type:"POST"})})}},{key:"_getPayload",value:function(t){var e=t.post,n=e.browser,o=e.contact?"Contact info: "+e.contact.name+" ("+e.contact.email+")":"",a=["## Browser","- Name: "+n.appCodeName,"- Version: "+n.appVersion,"- Platform: "+n.platform,"","## User report",o,"URL: "+e.url,"",e.note].join("\n"),i={body:a,username:this.options.username},s=this.options.body?r(this.options.body,i):a;return{name:r(this.options.title,{title:e.title}),markdown_description:s,assignees:[],tags:["feedback-tool"],status:this.options.status||"Backlog"}}},{key:"_postIssue",value:function(t){return $.ajax({type:"POST",url:this.apiUrl+"/list/"+this.options.listId+"/task",beforeSend:this._setAuthHeader.bind(this),dataType:"json",contentType:"application/json; charset=utf-8",data:JSON.stringify(t)}).then(function(t){return t})}}]),t}();window.feedbackClickUp=function(t){return t.listId?new a(t):{send:function(){return Promise.resolve(null)}}}},{}]},{},[1]);
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index af9838d6..d1a913ea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,8 +30,7 @@
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
         <script src="%PUBLIC_URL%/feedback-tool/feedback.min.js"></script>
-        <script src="%PUBLIC_URL%/feedback-tool/feedback-github.min.js"></script>
-        <script src="%PUBLIC_URL%/feedback-tool/feedback-dhis2.min.js"></script>
+        <script src="%PUBLIC_URL%/feedback-tool/feedback-clickup.min.js"></script>
         <link rel="stylesheet" href="%PUBLIC_URL%/feedback-tool/feedback.min.css" />
     </head>
     <body>
diff --git a/src/index.tsx b/src/index.tsx
index 26862bea..0130298b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -12,7 +12,8 @@ import "./webapp/utils/wdyr";
 
 declare global {
     interface Window {
-        $: { feedbackDhis2(d2: object, appKey: string, feedbackOptions: object): void };
+        $: { feedback(options: object): void };
+        feedbackClickUp(feedbackOptions: object): any;
         api: D2Api;
     }
 }
diff --git a/src/webapp/components/app/App.tsx b/src/webapp/components/app/App.tsx
index 41a9a3c3..44f8f749 100644
--- a/src/webapp/components/app/App.tsx
+++ b/src/webapp/components/app/App.tsx
@@ -39,7 +39,9 @@ export const App: React.FC<AppProps> = React.memo(({ api, d2 }) => {
             });
 
             setShowShareButton(_(appConfig).get("appearance.showShareButton") || false);
-            initFeedbackTool(d2, appConfig);
+            
+
+            initFeedbackTool(d2, appConfig, currentUser.username);
             setAppContext({ d2: d2 as object, api, compositionRoot });
             addExtraTranslations();
         };
@@ -87,31 +89,39 @@ interface AppConfig {
         showShareButton: boolean;
     };
     feedback: {
-        token: string[];
         createIssue: boolean;
         sendToDhis2UserGroups: string[];
-        issues: {
-            repository: string;
+        clickUp?: {
+            apiUrl: string;
+            listId: string;
             title: string;
             body: string;
+            status: string;
         };
         snapshots: {
             repository: string;
             branch: string;
         };
-        feedbackOptions: {};
+        feedbackOptions: object;
     };
 }
 
-function initFeedbackTool(d2: object, appConfig: AppConfig): void {
-    const appKey = _(appConfig).get("appKey");
-
+function initFeedbackTool(d2: object, appConfig: AppConfig, username: string): void {
+    
     if (appConfig && appConfig.feedback) {
-        const feedbackOptions = {
+        const options = {
             ...appConfig.feedback,
             i18nPath: "feedback-tool/i18n",
         };
-        window.$.feedbackDhis2(d2, appKey, feedbackOptions);
+        const clickup = window.feedbackClickUp({ ...options.clickUp, username });
+        window.$.feedback({
+            postFunction: (data: any) => {
+                return clickup.send(data).then(data.success, data.error);
+            },
+            buttonPosition: "bottom",
+            undefined,
+            ...options.feedbackOptions,
+        });
     }
 }
 

From d3ae7748b719bf362f9adfe4a2419e5803343e5c Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 08:59:08 +0200
Subject: [PATCH 27/37] Fix base64 encoding

---
 .../usecases/PersistTemplatesFromStaticModulesUseCase.ts       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
index 5402d4d4..4fa00d2f 100644
--- a/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
+++ b/src/domain/usecases/PersistTemplatesFromStaticModulesUseCase.ts
@@ -17,7 +17,8 @@ export class PersistTemplatesFromStaticModulesUseCase {
         const templates = customTemplates.map((template): Template => {
             const spreadsheetPath = path.join(rootDir, template.url);
             const buffer = fs.readFileSync(spreadsheetPath);
-            const contents = "data:text;base64," + buffer.toString("base64");
+            const prefix = "data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,";
+            const contents = prefix + buffer.toString("base64");
             const file = { name: path.basename(template.url), contents };
             const date = getCurrentTimestamp();
             const user = _.pick(currentUser, ["id", "username", "name"]);

From bdffb23e0c68e8184b6185c0fa56316c469ccebe Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 09:21:26 +0200
Subject: [PATCH 28/37] Fix mime type on template save

---
 src/webapp/components/settings/templates/TemplateView.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/webapp/components/settings/templates/TemplateView.ts b/src/webapp/components/settings/templates/TemplateView.ts
index fe1109f5..6d69fe88 100644
--- a/src/webapp/components/settings/templates/TemplateView.ts
+++ b/src/webapp/components/settings/templates/TemplateView.ts
@@ -19,7 +19,7 @@ import {
     ValueRef,
 } from "../../../../domain/entities/Template";
 import { assertUnreachable, Maybe, ofType, OkOrError } from "../../../../types/utils";
-import { fromBase64, getStringFromFile, toBase64 } from "../../../../utils/files";
+import { fromBase64, getStringFromFile, toBase64, xlsxMimeType } from "../../../../utils/files";
 import { DataFormType } from "../../../../domain/entities/DataForm";
 import { getGeneratedTemplateId } from "../../../logic/sheetBuilder";
 import i18n from "../../../../locales";
@@ -443,6 +443,9 @@ export class TemplateViewActions {
             | "created"
             | "lastUpdated";
 
+        const base64 = await toBase64(view.spreadsheet);
+        const base64WithMimeType = xlsxMimeType + "," + base64.split(",")[1];
+
         const base: Pick<CustomTemplate, BaseField> = {
             type: "custom",
             id: view.code,
@@ -450,7 +453,7 @@ export class TemplateViewActions {
             dataFormType: { type: "value", id: view.dataFormType },
             dataFormId: { type: "value", id: view.dataFormId },
             description: view.description,
-            file: { name: view.spreadsheet.name, contents: await toBase64(view.spreadsheet) },
+            file: { name: view.spreadsheet.name, contents: base64WithMimeType },
             created: undefined,
             lastUpdated: undefined,
         };

From 7000c3fa5e34feb14cf52bae677bb0043a192430 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 10:28:42 +0200
Subject: [PATCH 29/37] Use a defined name to store template version (useful on
 custom templates)

---
 src/data/ExcelPopulateRepository.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/data/ExcelPopulateRepository.ts b/src/data/ExcelPopulateRepository.ts
index 50277177..6f4f1b0b 100644
--- a/src/data/ExcelPopulateRepository.ts
+++ b/src/data/ExcelPopulateRepository.ts
@@ -21,13 +21,20 @@ export class ExcelPopulateRepository extends ExcelRepository {
     public async loadTemplate(options: LoadOptions): Promise<string> {
         const workbook = await this.parseFile(options);
         const forcedCleanId = options.type === "file-base64" ? options.templateId : null;
-        let cleanId: string;
         const cell = workbook.sheet(0).cell("A1");
+        const versionPrefix = "Version: ";
+
+        // We need to read and store the template ID in the spreadsheet. Keep old/new way for compatibility:
+        //  - Old way: sheets[0].cell("A1").value("Version: ID")
+        //  - New way: workbook.definedName("Version: ID")
+        let cleanId: string;
         if (forcedCleanId) {
-            cell.value(forcedCleanId);
+            workbook.definedName(versionPrefix + forcedCleanId, cell);
             cleanId = forcedCleanId;
         } else {
-            const id = cell.value();
+            const idFromDefinedName = workbook.definedName().find(name => name.startsWith(versionPrefix));
+            const idFromCell = cell.value();
+            const id = idFromDefinedName || idFromCell;
 
             if (!id || typeof id !== "string") throw new Error("Invalid id");
             cleanId = id.replace(/^.*?:/, "").trim();

From 73a770d6d6d7db4ec2d5f1c164433ce39873ce4c Mon Sep 17 00:00:00 2001
From: p3rcypj <pablo@percypj.com>
Date: Thu, 21 Apr 2022 11:23:29 +0200
Subject: [PATCH 30/37] Add username to track it with feedback-tool

---
 src/webapp/components/app/App.tsx |  6 +++---
 src/webapp/logic/settings.ts      | 11 +++++++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/webapp/components/app/App.tsx b/src/webapp/components/app/App.tsx
index 44f8f749..247a2f73 100644
--- a/src/webapp/components/app/App.tsx
+++ b/src/webapp/components/app/App.tsx
@@ -10,6 +10,7 @@ import { getCompositionRoot } from "../../../CompositionRoot";
 import { D2Api } from "../../../types/d2-api";
 import { addExtraTranslations } from "../../../utils/translations";
 import { AppContext, AppContextI } from "../../contexts/app-context";
+import Settings from "../../logic/settings";
 import { Router } from "../../pages/Router";
 import { useMigrations } from "../migrations/hooks";
 import Migrations from "../migrations/Migrations";
@@ -37,11 +38,11 @@ export const App: React.FC<AppProps> = React.memo(({ api, d2 }) => {
                 appConfig,
                 dhisInstance: { type: "local", url: baseUrl },
             });
+            const settings = await Settings.build(api, compositionRoot);
 
             setShowShareButton(_(appConfig).get("appearance.showShareButton") || false);
-            
 
-            initFeedbackTool(d2, appConfig, currentUser.username);
+            initFeedbackTool(d2, appConfig, settings.currentUser.username);
             setAppContext({ d2: d2 as object, api, compositionRoot });
             addExtraTranslations();
         };
@@ -107,7 +108,6 @@ interface AppConfig {
 }
 
 function initFeedbackTool(d2: object, appConfig: AppConfig, username: string): void {
-    
     if (appConfig && appConfig.feedback) {
         const options = {
             ...appConfig.feedback,
diff --git a/src/webapp/logic/settings.ts b/src/webapp/logic/settings.ts
index 7389e480..2973a2eb 100644
--- a/src/webapp/logic/settings.ts
+++ b/src/webapp/logic/settings.ts
@@ -48,6 +48,7 @@ export type PermissionType = "user" | "userGroup";
 interface CurrentUser extends Ref {
     userGroups: Ref[];
     authorities: Set<string>;
+    username: string;
 }
 
 type OkOrError = { status: true } | { status: false; error: string };
@@ -97,8 +98,14 @@ export default class Settings {
     static async build(api: D2Api, compositionRoot: CompositionRoot): Promise<Settings> {
         const authorities = await api.get<string[]>("/me/authorization").getData();
 
-        const d2CurrentUser = await api.currentUser.get({ fields: { id: true, userGroups: { id: true } } }).getData();
-        const currentUser: CurrentUser = { ...d2CurrentUser, authorities: new Set(authorities) };
+        const d2CurrentUser = await api.currentUser
+            .get({ fields: { id: true, userGroups: { id: true }, userCredentials: { username: true } } })
+            .getData();
+        const currentUser: CurrentUser = {
+            ...d2CurrentUser,
+            authorities: new Set(authorities),
+            username: d2CurrentUser.userCredentials.username,
+        };
         const isUserAdmin = currentUser.authorities.has("ALL");
 
         const defaultSettings = compositionRoot.settings.getDefault();

From 46aad45bff4bc5e41bd045c2f55ce2d52cc7b187 Mon Sep 17 00:00:00 2001
From: p3rcypj <pablo@percypj.com>
Date: Thu, 21 Apr 2022 11:34:19 +0200
Subject: [PATCH 31/37] Add userCredentials on mock server (tests)

---
 src/test/mocks/server.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/test/mocks/server.ts b/src/test/mocks/server.ts
index db791705..5793cf26 100644
--- a/src/test/mocks/server.ts
+++ b/src/test/mocks/server.ts
@@ -4,7 +4,7 @@ export function initializeMockServer() {
     const { api, mock } = getMockApi();
 
     // User settings
-    mock.onGet("/me").reply(200, { userGroups: [{ id: "BwyMfDBLih9" }] });
+    mock.onGet("/me").reply(200, { userCredentials: { username: "user" }, userGroups: [{ id: "BwyMfDBLih9" }] });
     mock.onGet("/me/authorization").reply(200, ["USER_GROUP_TEST"]);
     mock.onGet("/metadata", { params: { "userGroups:fields": "displayName,id,name" } }).reply(200, {
         userGroups: [{ name: "USER_GROUP_TEST", id: "BwyMfDBLih9", displayName: "USER_GROUP_TEST" }],

From 9c1fc5025eb791d01f2aea798446c3dd05959419 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 11:29:30 +0200
Subject: [PATCH 32/37] Refactor spreadsheet file load/save

---
 src/data/ExcelPopulateRepository.ts                   |  5 +++--
 src/test/SettingsPage.spec.tsx                        |  9 ++++++++-
 src/utils/files.ts                                    |  7 +++----
 .../components/settings/templates/TemplateView.ts     | 11 ++++-------
 4 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/data/ExcelPopulateRepository.ts b/src/data/ExcelPopulateRepository.ts
index 6f4f1b0b..42b00719 100644
--- a/src/data/ExcelPopulateRepository.ts
+++ b/src/data/ExcelPopulateRepository.ts
@@ -13,6 +13,7 @@ import { ThemeStyle } from "../domain/entities/Theme";
 import { ExcelRepository, ExcelValue, LoadOptions, ReadCellOptions } from "../domain/repositories/ExcelRepository";
 import i18n from "../locales";
 import { cache } from "../utils/cache";
+import { fromBase64 } from "../utils/files";
 import { removeCharacters } from "../utils/string";
 
 export class ExcelPopulateRepository extends ExcelRepository {
@@ -55,8 +56,8 @@ export class ExcelPopulateRepository extends ExcelRepository {
                 return XLSX.fromDataAsync(options.file);
             }
             case "file-base64": {
-                const buffer = Buffer.from(options.contents, "base64");
-                const blob = new Blob([buffer]);
+                const file = await fromBase64(options.contents);
+                const blob = new Blob([file]);
                 return XLSX.fromDataAsync(blob);
             }
             default: {
diff --git a/src/test/SettingsPage.spec.tsx b/src/test/SettingsPage.spec.tsx
index d218ef6a..332d0963 100644
--- a/src/test/SettingsPage.spec.tsx
+++ b/src/test/SettingsPage.spec.tsx
@@ -26,7 +26,14 @@ const renderComponent = async () => {
             <AppContext.Provider value={{ api, d2: {}, compositionRoot }}>
                 <LoadingProvider>
                     <SnackbarProvider>
-                        <SettingsPage settings={settings} themes={[]} setSettings={_.noop} setThemes={_.noop} />
+                        <SettingsPage
+                            settings={settings}
+                            themes={[]}
+                            setSettings={_.noop}
+                            setThemes={_.noop}
+                            customTemplates={[]}
+                            setCustomTemplates={_.noop}
+                        />
                     </SnackbarProvider>
                 </LoadingProvider>
             </AppContext.Provider>
diff --git a/src/utils/files.ts b/src/utils/files.ts
index afcbe04d..bfd3017e 100644
--- a/src/utils/files.ts
+++ b/src/utils/files.ts
@@ -16,10 +16,10 @@ export const getStringFromFile = (file: File): Promise<string> => {
     });
 };
 
-export const fromBase64 = async (uri: string, filename?: string): Promise<File> => {
+export const fromBase64 = async (uri: string, filename?: string, options?: { mimeType: string }): Promise<File> => {
     const response = await fetch(uri);
     const buffer = await response.arrayBuffer();
-    return new File([buffer], filename || "Logo");
+    return new File([buffer], filename || "Logo", { type: options?.mimeType });
 };
 
 export function getBlobFromBase64(contents: string): Blob {
@@ -27,5 +27,4 @@ export function getBlobFromBase64(contents: string): Blob {
     return new Blob([buffer]);
 }
 
-export const xlsxMimeType =
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel.sheet.macroEnabled.12";
+export const xlsxMimeType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
diff --git a/src/webapp/components/settings/templates/TemplateView.ts b/src/webapp/components/settings/templates/TemplateView.ts
index 6d69fe88..11af8efc 100644
--- a/src/webapp/components/settings/templates/TemplateView.ts
+++ b/src/webapp/components/settings/templates/TemplateView.ts
@@ -19,7 +19,7 @@ import {
     ValueRef,
 } from "../../../../domain/entities/Template";
 import { assertUnreachable, Maybe, ofType, OkOrError } from "../../../../types/utils";
-import { fromBase64, getStringFromFile, toBase64, xlsxMimeType } from "../../../../utils/files";
+import { fromBase64, getStringFromFile, toBase64 } from "../../../../utils/files";
 import { DataFormType } from "../../../../domain/entities/DataForm";
 import { getGeneratedTemplateId } from "../../../logic/sheetBuilder";
 import i18n from "../../../../locales";
@@ -291,7 +291,7 @@ export class TemplateViewActions {
             dataFormId: template.dataFormId.type === "value" ? template.dataFormId.id : undefined,
             dataFormType: template.dataFormType.type === "value" ? template.dataFormType.id : undefined,
             description: template.description,
-            spreadsheet: await getFile(template.file),
+            spreadsheet: await getSpreadsheetFile(template.file).catch(() => undefined),
         };
 
         return { ...viewEmpty, ...base, ...this.get(template) };
@@ -443,9 +443,6 @@ export class TemplateViewActions {
             | "created"
             | "lastUpdated";
 
-        const base64 = await toBase64(view.spreadsheet);
-        const base64WithMimeType = xlsxMimeType + "," + base64.split(",")[1];
-
         const base: Pick<CustomTemplate, BaseField> = {
             type: "custom",
             id: view.code,
@@ -453,7 +450,7 @@ export class TemplateViewActions {
             dataFormType: { type: "value", id: view.dataFormType },
             dataFormId: { type: "value", id: view.dataFormId },
             description: view.description,
-            file: { name: view.spreadsheet.name, contents: base64WithMimeType },
+            file: { name: view.spreadsheet.name, contents: await toBase64(view.spreadsheet) },
             created: undefined,
             lastUpdated: undefined,
         };
@@ -798,7 +795,7 @@ function getDataSourceCellAttrs<Field extends DataSourceCellField>(view: ValidVi
     };
 }
 
-async function getFile(file: CustomTemplate["file"]): Promise<File> {
+async function getSpreadsheetFile(file: CustomTemplate["file"]): Promise<File> {
     return fromBase64(file.contents, file.name);
 }
 

From 17fb3963950f4c082afb0b1ddb12f330b169a541 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 11:40:15 +0200
Subject: [PATCH 33/37] Use single selection only for custom data sets

---
 .../components/template-selector/TemplateSelector.tsx       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/webapp/components/template-selector/TemplateSelector.tsx b/src/webapp/components/template-selector/TemplateSelector.tsx
index 6f439dc2..0cc006b3 100644
--- a/src/webapp/components/template-selector/TemplateSelector.tsx
+++ b/src/webapp/components/template-selector/TemplateSelector.tsx
@@ -230,6 +230,8 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
         setState(state => ({ ...state, language: value }));
     };
 
+    const singleSelection = state.templateType === "custom" && state.type === "dataSets";
+
     return (
         <React.Fragment>
             <h3 className={classes.title}>{i18n.t("Template")}</h3>
@@ -330,8 +332,8 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
                                         selectAll: state.templateType !== "custom",
                                     }}
                                     withElevation={false}
-                                    singleSelection={state.templateType === "custom"}
-                                    typeInput={state.templateType === "custom" ? "radio" : undefined}
+                                    singleSelection={singleSelection}
+                                    typeInput={singleSelection ? "radio" : undefined}
                                 />
                             </div>
                         ) : (

From 98c75f46792e0544ff95b87702729e133cf83b0c Mon Sep 17 00:00:00 2001
From: Adrian Quintana <adrianquintana@gmail.com>
Date: Thu, 21 Apr 2022 11:13:16 +0100
Subject: [PATCH 34/37] bump version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 04537a68..78130541 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "bulk-load",
     "description": "Bulk importing made easy",
-    "version": "3.17.3",
+    "version": "3.18.0",
     "license": "GPL-3.0",
     "author": "EyeSeeTea team",
     "homepage": ".",

From bd497a2a96a3d89a28dcf3b799fdf2e8446a6508 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Thu, 21 Apr 2022 12:28:58 +0200
Subject: [PATCH 35/37] Show populate fields for custom programs

---
 .../template-selector/TemplateSelector.tsx      | 12 +++++++-----
 .../download-template/DownloadTemplatePage.tsx  | 17 ++++++++++++-----
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/webapp/components/template-selector/TemplateSelector.tsx b/src/webapp/components/template-selector/TemplateSelector.tsx
index 0cc006b3..15121fff 100644
--- a/src/webapp/components/template-selector/TemplateSelector.tsx
+++ b/src/webapp/components/template-selector/TemplateSelector.tsx
@@ -221,7 +221,9 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
     };
 
     const onFilterOrgUnitsChange = (_event: React.ChangeEvent, filterOrgUnits: boolean) => {
-        setState(state => ({ ...state, populate: false }));
+        const isCustomProgram = state.templateType === "custom" && state.type !== "dataSets";
+        const populate = isCustomProgram && filterOrgUnits;
+        setState(state => ({ ...state, populate }));
         clearPopulateDates();
         setFilterOrgUnits(filterOrgUnits);
     };
@@ -230,7 +232,7 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
         setState(state => ({ ...state, language: value }));
     };
 
-    const singleSelection = state.templateType === "custom" && state.type === "dataSets";
+    const isCustomDataSet = state.templateType === "custom" && state.type === "dataSets";
 
     return (
         <React.Fragment>
@@ -332,8 +334,8 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
                                         selectAll: state.templateType !== "custom",
                                     }}
                                     withElevation={false}
-                                    singleSelection={singleSelection}
-                                    typeInput={singleSelection ? "radio" : undefined}
+                                    singleSelection={isCustomDataSet}
+                                    typeInput={isCustomDataSet ? "radio" : undefined}
                                 />
                             </div>
                         ) : (
@@ -383,7 +385,7 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
                 </div>
             )}
 
-            {state.populate && state.templateType !== "custom" && (
+            {state.populate && !isCustomDataSet && (
                 <>
                     <div>
                         <FormControlLabel
diff --git a/src/webapp/pages/download-template/DownloadTemplatePage.tsx b/src/webapp/pages/download-template/DownloadTemplatePage.tsx
index 98f23655..e8e7ef99 100644
--- a/src/webapp/pages/download-template/DownloadTemplatePage.tsx
+++ b/src/webapp/pages/download-template/DownloadTemplatePage.tsx
@@ -38,19 +38,26 @@ export default function DownloadTemplatePage({ settings, themes, customTemplates
             return;
         }
 
-        if (templateType === "custom" && !!orgUnits) {
-            template.populate = true;
-            template.populateStartDate = template.startDate;
-            template.populateEndDate = template.endDate;
+        let templateToDownload: TemplateSelectorState;
+
+        if (templateType === "custom" && Boolean(orgUnits)) {
+            templateToDownload = {
+                ...template,
+                populate: true,
+                populateStartDate: template.populateStartDate || template.startDate,
+                populateEndDate: template.populateEndDate || template.endDate,
+            };
         } else if (populate && (!populateStartDate || !populateEndDate)) {
             snackbar.info(i18n.t("You need to select start and end dates to populate template"));
             return;
+        } else {
+            templateToDownload = template;
         }
 
         loading.show(true, i18n.t("Downloading template..."));
 
         try {
-            await compositionRoot.templates.download(api, template);
+            await compositionRoot.templates.download(api, templateToDownload);
         } catch (error: any) {
             console.error(error);
             snackbar.error(error.message ?? i18n.t("Couldn't generate template"));

From 79655085593ecf3f2c9325f8afde72a669318119 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Fri, 22 Apr 2022 11:30:05 +0200
Subject: [PATCH 36/37] Clear orgUnit selection on data form change

---
 src/webapp/components/template-selector/TemplateSelector.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/webapp/components/template-selector/TemplateSelector.tsx b/src/webapp/components/template-selector/TemplateSelector.tsx
index 15121fff..6d84196c 100644
--- a/src/webapp/components/template-selector/TemplateSelector.tsx
+++ b/src/webapp/components/template-selector/TemplateSelector.tsx
@@ -170,6 +170,7 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
             const templateType: TemplateType = customTemplate ? "custom" : "generated";
 
             setState(state => ({ ...state, id: dataFormId, type, templateId, templateType, populate: false }));
+            setFilterOrgUnits(false);
             clearPopulateDates();
             setSelectedOrgUnits([]);
         }

From 7a467e5259c1b91d438240f60f3a28fb6619443f Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Fri, 22 Apr 2022 11:37:35 +0200
Subject: [PATCH 37/37] Show org units selection controls for multiple
 selection

---
 .../components/template-selector/TemplateSelector.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/webapp/components/template-selector/TemplateSelector.tsx b/src/webapp/components/template-selector/TemplateSelector.tsx
index 6d84196c..12706c05 100644
--- a/src/webapp/components/template-selector/TemplateSelector.tsx
+++ b/src/webapp/components/template-selector/TemplateSelector.tsx
@@ -234,6 +234,7 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
     };
 
     const isCustomDataSet = state.templateType === "custom" && state.type === "dataSets";
+    const isMultipleSelection = !isCustomDataSet;
 
     return (
         <React.Fragment>
@@ -330,13 +331,13 @@ export const TemplateSelector = ({ settings, themes, onChange, customTemplates }
                                     fullWidth={false}
                                     height={250}
                                     controls={{
-                                        filterByLevel: state.templateType !== "custom",
-                                        filterByGroup: state.templateType !== "custom",
-                                        selectAll: state.templateType !== "custom",
+                                        filterByLevel: isMultipleSelection,
+                                        filterByGroup: isMultipleSelection,
+                                        selectAll: isMultipleSelection,
                                     }}
                                     withElevation={false}
-                                    singleSelection={isCustomDataSet}
-                                    typeInput={isCustomDataSet ? "radio" : undefined}
+                                    singleSelection={!isMultipleSelection}
+                                    typeInput={isMultipleSelection ? undefined : "radio"}
                                 />
                             </div>
                         ) : (