@@ -110,4 +131,7 @@
year={year}
selectedDate={selectedDate}>
+
diff --git a/src/inputFields/DatePicker/DatePickerInput.svelte b/src/inputFields/fields/DatePicker/DatePickerInput.svelte
similarity index 77%
rename from src/inputFields/DatePicker/DatePickerInput.svelte
rename to src/inputFields/fields/DatePicker/DatePickerInput.svelte
index 9310fe74..5e4d7c56 100644
--- a/src/inputFields/DatePicker/DatePickerInput.svelte
+++ b/src/inputFields/fields/DatePicker/DatePickerInput.svelte
@@ -1,14 +1,13 @@
- onSelect(image)}>
+ {
+ static allowBlock: boolean = false;
+ selectComponent: DropdownComponent | undefined;
+ options: OptionInputFieldArgument[];
+
+ constructor(inputFieldMDRC: InputFieldMDRC) {
+ super(inputFieldMDRC);
+
+ this.options = inputFieldMDRC.getArguments(InputFieldArgumentType.OPTION) as OptionInputFieldArgument[];
+ }
+
+ getValue(): T | undefined {
+ if (!this.selectComponent) {
+ return undefined;
+ }
+
+ return parseLiteral(this.selectComponent.getValue());
+ }
+
+ filterValue(value: MBExtendedLiteral | undefined): T | undefined {
+ if (value === undefined || typeof value === 'object') {
+ return undefined;
+ }
+
+ return value;
+ }
+
+ updateDisplayValue(value: T): void {
+ this.selectComponent?.setValue(stringifyLiteral(value));
+ }
+
+ getFallbackDefaultValue(): T {
+ return '';
+ }
+
+ getHtmlElement(): HTMLElement {
+ if (!this.selectComponent) {
+ throw new MetaBindInternalError(
+ ErrorLevel.WARNING,
+ 'failed to get html element for input field',
+ "container is undefined, field hasn't been rendered yet"
+ );
+ }
+
+ return this.selectComponent.selectEl;
+ }
+
+ render(container: HTMLDivElement): void {
+ console.debug(`meta-bind | InlineSelectInputField >> render ${this.renderChild.uuid}`);
+
+ const component = new DropdownComponent(container);
+ for (const option of this.options) {
+ component.addOption(stringifyLiteral(option.value), option.name);
+ }
+ component.setValue(stringifyLiteral(this.getInitialValue()));
+ component.onChange(value => this.onValueChange(parseLiteral(value)));
+ this.selectComponent = component;
+ }
+
+ public destroy(): void {}
+}
diff --git a/src/inputFields/fields/List/ListInput.svelte b/src/inputFields/fields/List/ListInput.svelte
new file mode 100644
index 00000000..2c4c686b
--- /dev/null
+++ b/src/inputFields/fields/List/ListInput.svelte
@@ -0,0 +1,55 @@
+
+
+ {
+ static allowInline: boolean = false;
+ container: HTMLDivElement | undefined;
+ component: ListInput | undefined;
+ value: string[];
+
+ constructor(inputFieldMDRC: InputFieldMDRC) {
+ super(inputFieldMDRC);
+
+ this.value = this.getFallbackDefaultValue();
+ }
+
+ getValue(): T | undefined {
+ if (!this.component) {
+ return undefined;
+ }
+ return this.value.map(x => parseLiteral(x));
+ }
+
+ filterValue(value: MBExtendedLiteral | undefined): T | undefined {
+ if (value == null || !Array.isArray(value)) {
+ return undefined;
+ }
+
+ return value;
+ }
+
+ updateDisplayValue(value: T): void {
+ this.value = value.map(x => stringifyLiteral(x));
+ this.component?.updateValue(this.value);
+ }
+
+ isEqualValue(value: T | undefined): boolean {
+ if (!Array.isArray(value)) {
+ return false;
+ }
+
+ return doArraysContainEqualValues(this.getValue(), value);
+ }
+
+ getFallbackDefaultValue(): string[] {
+ return [];
+ }
+
+ getHtmlElement(): HTMLElement {
+ if (!this.container) {
+ throw new MetaBindInternalError(
+ ErrorLevel.WARNING,
+ 'failed to get html element for input field',
+ "container is undefined, field hasn't been rendered yet"
+ );
+ }
+
+ return this.container;
+ }
+
+ render(container: HTMLDivElement): void {
+ console.debug(`meta-bind | ListInputField >> render ${this.renderChild.uuid}`);
+
+ this.container = container;
+
+ this.updateDisplayValue(this.getInitialValue());
+
+ this.component = new ListInput({
+ target: container,
+ props: {
+ onValueChange: this.onValueChange.bind(this),
+ listInput: this,
+ value: this.value,
+ },
+ });
+ }
+
+ public destroy(): void {
+ this.component?.$destroy();
+ }
+}
diff --git a/src/inputFields/fields/NumberInputField.ts b/src/inputFields/fields/NumberInputField.ts
new file mode 100644
index 00000000..c9c09d1e
--- /dev/null
+++ b/src/inputFields/fields/NumberInputField.ts
@@ -0,0 +1,73 @@
+import { AbstractInputField } from '../AbstractInputField';
+import { TextComponent } from 'obsidian';
+import { MBExtendedLiteral, numberToString } from '../../utils/Utils';
+import { ErrorLevel, MetaBindInternalError } from '../../utils/errors/MetaBindErrors';
+import { InputFieldArgumentType } from '../../parsers/InputFieldDeclarationParser';
+
+type T = number;
+
+export class NumberInputField extends AbstractInputField {
+ numberComponent: TextComponent | undefined;
+
+ getValue(): T | undefined {
+ if (!this.numberComponent) {
+ return undefined;
+ }
+
+ return parseFloat(this.numberComponent.getValue());
+ }
+
+ filterValue(value: MBExtendedLiteral | undefined): T | undefined {
+ if (typeof value === 'number') {
+ return value;
+ } else if (typeof value === 'string') {
+ return Number.parseFloat(value);
+ } else {
+ return undefined;
+ }
+ }
+
+ updateDisplayValue(value: T): void {
+ this.numberComponent?.setValue(value.toString());
+ }
+
+ isEqualValue(value: T | undefined): boolean {
+ return this.getValue() == value;
+ }
+
+ getFallbackDefaultValue(): T {
+ return 0;
+ }
+
+ getHtmlElement(): HTMLElement {
+ if (!this.numberComponent) {
+ throw new MetaBindInternalError(
+ ErrorLevel.WARNING,
+ 'failed to get html element for input field',
+ "container is undefined, field hasn't been rendered yet"
+ );
+ }
+
+ return this.numberComponent.inputEl;
+ }
+
+ render(container: HTMLDivElement): void {
+ console.debug(`meta-bind | NumberInputField >> render ${this.renderChild.uuid}`);
+
+ const placeholder = this.renderChild.getArgument(InputFieldArgumentType.PLACEHOLDER);
+
+ const component = new TextComponent(container);
+ component.inputEl.type = 'number';
+ component.setValue(numberToString(this.getInitialValue()));
+ component.onChange(value => {
+ const n = parseFloat(value);
+ this.onValueChange(isNaN(n) ? 0 : n);
+ });
+ if (placeholder !== undefined) {
+ component.setPlaceholder(placeholder.value);
+ }
+ this.numberComponent = component;
+ }
+
+ public destroy(): void {}
+}
diff --git a/src/inputFields/ProgressBar/ProgressBarInput.svelte b/src/inputFields/fields/ProgressBar/ProgressBarInput.svelte
similarity index 82%
rename from src/inputFields/ProgressBar/ProgressBarInput.svelte
rename to src/inputFields/fields/ProgressBar/ProgressBarInput.svelte
index 0cf3960a..c6b526c6 100644
--- a/src/inputFields/ProgressBar/ProgressBarInput.svelte
+++ b/src/inputFields/fields/ProgressBar/ProgressBarInput.svelte
@@ -1,6 +1,6 @@
+
+
diff --git a/src/settings/excludedFoldersSetting/ExcludedFoldersSettingComponent.svelte b/src/settings/excludedFoldersSetting/ExcludedFoldersSettingComponent.svelte
new file mode 100644
index 00000000..93c0630f
--- /dev/null
+++ b/src/settings/excludedFoldersSetting/ExcludedFoldersSettingComponent.svelte
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+ dispatchDeleteEvent()} tooltip="Delete Template">
+
+
diff --git a/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingComponent.svelte b/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingComponent.svelte
new file mode 100644
index 00000000..fcb02a91
--- /dev/null
+++ b/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingComponent.svelte
@@ -0,0 +1,79 @@
+
+
+ {
export type ListenerCallback = (value: T) => void;
+export type SignalLike = Signal | ComputedSignal;
+
export class Signal extends Notifier> {
value: T;
@@ -65,3 +67,32 @@ export class Signal extends Notifier> {
this.notifyListeners(value);
}
}
+
+export class ComputedSignal extends Notifier> {
+ value: T;
+ dependency: SignalLike;
+ dependencyListener: Listener;
+
+ constructor(dependency: SignalLike, compute: (signal: R) => T) {
+ super();
+ this.dependency = dependency;
+
+ this.value = compute(dependency.get());
+
+ this.dependencyListener = dependency.registerListener({ callback: (value: R) => this.set(compute(value)) });
+ }
+
+ public get(): T {
+ return this.value;
+ }
+
+ public set(value: T): void {
+ this.value = value;
+ // console.debug('meta-bind | setting signal to', value);
+ this.notifyListeners(value);
+ }
+
+ public destroy(): void {
+ this.dependency.unregisterListener(this.dependencyListener);
+ }
+}
diff --git a/src/utils/Utils.ts b/src/utils/Utils.ts
index e31fec23..7871985b 100644
--- a/src/utils/Utils.ts
+++ b/src/utils/Utils.ts
@@ -1,6 +1,11 @@
import { traverseObjectByPath } from '@opd-libs/opd-utils-lib/lib/ObjectTraversalUtils';
import { KeyValuePair } from '@opd-libs/opd-utils-lib/lib/Utils';
+import structuredClone from '@ungap/structured-clone';
+if (!('structuredClone' in globalThis)) {
+ // @ts-ignore
+ globalThis.structuredClone = structuredClone;
+}
/**
* Gets the file name from a path
*
@@ -63,12 +68,12 @@ export function mod(n: number, m: number): number {
}
/**
- * Checks if 2 arrays contain equal values, the arrays should have the same datatype
+ * Checks if 2 arrays contain equal values, the arrays should have the same datatype. Order of the elements matters.
*
* @param arr1
* @param arr2
*/
-export function doArraysContainEqualValues(arr1: T[], arr2: T[]): boolean {
+export function doArraysContainEqualValues(arr1: T[] | undefined, arr2: T[] | undefined): boolean {
if (arr1 == null && arr2 == null) {
return true;
}
@@ -80,8 +85,8 @@ export function doArraysContainEqualValues(arr1: T[], arr2: T[]): boolean {
return false;
}
- for (const arr1Element of arr1) {
- if (!arr2.contains(arr1Element)) {
+ for (let i = 0; i < arr1.length; i++) {
+ if (arr1[i] !== arr2[i]) {
return false;
}
}
@@ -181,3 +186,130 @@ export function imagePathToUri(imagePath: string): string {
// return `app://local/${pathJoin(getVaultBasePath() ?? '', imagePath)}`;
return app.vault.adapter.getResourcePath(imagePath);
}
+
+export function isObject(object: unknown): boolean {
+ return object != null && typeof object === 'object';
+}
+
+export function deepEquals(any1: unknown, any2: unknown): boolean {
+ // undefined check
+ if (any1 === undefined && any2 === undefined) {
+ return true;
+ } else if (any1 === undefined) {
+ return false;
+ } else if (any2 === undefined) {
+ return false;
+ }
+
+ // null check
+ if (any1 === null && any2 === null) {
+ return true;
+ } else if (any1 === null) {
+ return false;
+ } else if (any2 === null) {
+ return false;
+ }
+
+ if (typeof any1 === 'object' && typeof any2 === 'object') {
+ // array check
+ if (Array.isArray(any1) && Array.isArray(any2)) {
+ if (any1.length !== any2.length) {
+ return false;
+ }
+
+ for (let i = 0; i < any1.length; i++) {
+ if (!deepEquals(any1[i], any2[i])) {
+ return false;
+ }
+ }
+
+ return true;
+ } else if (Array.isArray(any1)) {
+ return false;
+ } else if (Array.isArray(any2)) {
+ return false;
+ }
+
+ const objKeys1 = Object.keys(any1);
+ const objKeys2 = Object.keys(any2);
+
+ if (objKeys1.length !== objKeys2.length) {
+ return false;
+ }
+
+ for (const key of objKeys1) {
+ // @ts-ignore
+ if (!deepEquals(any1[key], any2[key])) {
+ return false;
+ }
+ }
+
+ return true;
+ } else if (typeof any1 === 'object') {
+ return false;
+ } else if (typeof any2 === 'object') {
+ return false;
+ }
+
+ return any1 === any2;
+}
+
+export function deepFreeze(object: T): Readonly {
+ // Retrieve the property names defined on object
+ const propNames: (string | symbol)[] = Reflect.ownKeys(object);
+
+ // Freeze properties before freezing self
+ for (const name of propNames) {
+ // @ts-ignores
+ const value: any = object[name];
+
+ if ((value && typeof value === 'object') || typeof value === 'function') {
+ deepFreeze(value);
+ }
+ }
+
+ return Object.freeze(object);
+}
+
+export function deepCopy(object: T): T {
+ return structuredClone(object);
+}
+
+export type MBLiteral = string | number | boolean | null;
+export type MBExtendedLiteral = MBLiteral | MBLiteral[];
+
+export function parseLiteral(literalString: string): MBLiteral {
+ if (literalString.toLowerCase() === 'null') {
+ return null;
+ } else if (literalString === 'true') {
+ return true;
+ } else if (literalString === 'false') {
+ return false;
+ } else {
+ const parsedNumber = Number.parseFloat(literalString);
+ return !Number.isNaN(parsedNumber) ? parsedNumber : literalString;
+ }
+}
+
+export function stringifyLiteral(literal: MBExtendedLiteral | undefined): string {
+ if (literal === undefined) {
+ return '';
+ }
+
+ if (literal === null) {
+ return 'null';
+ }
+
+ if (typeof literal === 'string') {
+ return literal;
+ } else if (typeof literal === 'boolean') {
+ return literal ? 'true' : 'false';
+ } else {
+ // typeof number
+ return literal.toString();
+ }
+}
+
+export function isLiteral(literal: unknown): literal is MBLiteral {
+ return literal === null || typeof literal === 'string' || typeof literal === 'boolean' || typeof literal === 'number';
+}
diff --git a/src/utils/errors/ErrorCollection.ts b/src/utils/errors/ErrorCollection.ts
index dea95cf5..0fc89bd3 100644
--- a/src/utils/errors/ErrorCollection.ts
+++ b/src/utils/errors/ErrorCollection.ts
@@ -1,5 +1,4 @@
import { ErrorLevel, MetaBindError } from './MetaBindErrors';
-import ErrorCollectionComponent from '../../publish/PublishFieldComponent.svelte';
export class ErrorCollection {
errors: MetaBindError[];
@@ -18,6 +17,8 @@ export class ErrorCollection {
} else {
this.otherError = error;
}
+
+ console.warn(error);
} else {
console.warn(`[MB_ERROR_CONTAINER] received invalid error type`, error);
}
@@ -28,11 +29,13 @@ export class ErrorCollection {
*
* @param other another error container.
*/
- merge(other: ErrorCollection): void {
+ merge(other: ErrorCollection): ErrorCollection {
this.errors = this.errors.concat(other.errors);
if (other.otherError) {
this.otherError = other.otherError;
}
+
+ return this;
}
hasErrors(): boolean {
diff --git a/src/utils/errors/ErrorCollectionComponent.svelte b/src/utils/errors/ErrorCollectionComponent.svelte
index a7ddf37e..dbe89495 100644
--- a/src/utils/errors/ErrorCollectionComponent.svelte
+++ b/src/utils/errors/ErrorCollectionComponent.svelte
@@ -3,20 +3,24 @@
import {ErrorCollection} from './ErrorCollection';
export let errorCollection: ErrorCollection;
- export let declaration: string;
+ export let declaration: string | undefined;
-
onSelect(image)} on:keydown={(event) => keySelect(event, image)} role="button" tabindex=0>
})
{image}
diff --git a/src/inputFields/ImageSuggest/ImageSuggestInput.svelte b/src/inputFields/fields/ImageSuggest/ImageSuggestInput.svelte
similarity index 93%
rename from src/inputFields/ImageSuggest/ImageSuggestInput.svelte
rename to src/inputFields/fields/ImageSuggest/ImageSuggestInput.svelte
index 0586f978..b8fbadfe 100644
--- a/src/inputFields/ImageSuggest/ImageSuggestInput.svelte
+++ b/src/inputFields/fields/ImageSuggest/ImageSuggestInput.svelte
@@ -1,11 +1,12 @@
-
-
-
-
- {#each options as option}
-
+
+
+
+
+
+ {#each options as option}
+
diff --git a/src/inputFields/fields/InlineSelectInputField.ts b/src/inputFields/fields/InlineSelectInputField.ts
new file mode 100644
index 00000000..fdf0afb4
--- /dev/null
+++ b/src/inputFields/fields/InlineSelectInputField.ts
@@ -0,0 +1,71 @@
+import { AbstractInputField } from '../AbstractInputField';
+import { DropdownComponent } from 'obsidian';
+import { ErrorLevel, MetaBindInternalError } from '../../utils/errors/MetaBindErrors';
+import { InputFieldMDRC } from '../../renderChildren/InputFieldMDRC';
+import { InputFieldArgumentType } from '../../parsers/InputFieldDeclarationParser';
+import { OptionInputFieldArgument } from '../../inputFieldArguments/arguments/OptionInputFieldArgument';
+import { MBExtendedLiteral, MBLiteral, parseLiteral, stringifyLiteral } from '../../utils/Utils';
+
+type T = MBLiteral;
+
+export class InlineSelectInputField extends AbstractInputField
+ {#each value as entry, i}
+
+
+ {entry}
+
+
+ {:else}
+ Empty
+ {/each}
+
+
+
diff --git a/src/inputFields/fields/List/ListInputField.ts b/src/inputFields/fields/List/ListInputField.ts
new file mode 100644
index 00000000..2189580b
--- /dev/null
+++ b/src/inputFields/fields/List/ListInputField.ts
@@ -0,0 +1,85 @@
+import { AbstractInputField } from '../../AbstractInputField';
+import ListInput from './ListInput.svelte';
+import { InputFieldMDRC } from '../../../renderChildren/InputFieldMDRC';
+import { ErrorLevel, MetaBindInternalError } from '../../../utils/errors/MetaBindErrors';
+import { doArraysContainEqualValues, MBExtendedLiteral, MBLiteral, parseLiteral, stringifyLiteral } from '../../../utils/Utils';
+
+type T = MBLiteral[];
+
+export class ListInputField extends AbstractInputField
+
+
+
+
+
+
+ {#if errorCollection}
+
+
+
+
+
diff --git a/src/settings/excludedFoldersSetting/ExcludedFoldersSettingModal.ts b/src/settings/excludedFoldersSetting/ExcludedFoldersSettingModal.ts
new file mode 100644
index 00000000..166bd465
--- /dev/null
+++ b/src/settings/excludedFoldersSetting/ExcludedFoldersSettingModal.ts
@@ -0,0 +1,53 @@
+import { App, Modal } from 'obsidian';
+import MetaBindPlugin from '../../main';
+import ExcludedFoldersSettingComponent from './ExcludedFoldersSettingComponent.svelte';
+import { ErrorCollection } from '../../utils/errors/ErrorCollection';
+
+export class ExcludedFoldersSettingModal extends Modal {
+ private readonly plugin: MetaBindPlugin;
+ private component: ExcludedFoldersSettingComponent | undefined;
+
+ constructor(app: App, plugin: MetaBindPlugin) {
+ super(app);
+ this.plugin = plugin;
+ }
+
+ public onOpen(): void {
+ this.contentEl.empty();
+ if (this.component) {
+ this.component.$destroy();
+ }
+
+ this.component = new ExcludedFoldersSettingComponent({
+ target: this.contentEl,
+ props: {
+ excludedFolders: this.plugin.settings.excludedFolders.slice(),
+ modal: this,
+ },
+ });
+ }
+
+ public onClose(): void {
+ this.contentEl.empty();
+ if (this.component) {
+ this.component.$destroy();
+ }
+ }
+
+ public save(folders: string[]): ErrorCollection | undefined {
+ for (const folder of folders) {
+ if (folder === '') {
+ const errorCollection = new ErrorCollection('Excluded Folders');
+
+ errorCollection.add(new Error(`Invalid Folder Path '${folder}'. Folder path may not be empty.`));
+
+ return errorCollection;
+ }
+ }
+
+ this.plugin.settings.excludedFolders = folders;
+ this.plugin.saveSettings();
+
+ return undefined;
+ }
+}
diff --git a/src/settings/inputFieldTemplateSetting/InputFieldTemplateSettingComponent.svelte b/src/settings/inputFieldTemplateSetting/InputFieldTemplateSettingComponent.svelte
new file mode 100644
index 00000000..01901458
--- /dev/null
+++ b/src/settings/inputFieldTemplateSetting/InputFieldTemplateSettingComponent.svelte
@@ -0,0 +1,28 @@
+
+
+| + Folder Path + | ++ + | +
|---|---|
|
+ |
+
+ |
+
+
+ {/if}
+
+
+ Some Folder Paths are invalid
+ +
+
+
+
+
+
+
+ {#if errorCollection}
+
+
+
+
+
diff --git a/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingModal.ts b/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingModal.ts
new file mode 100644
index 00000000..07e7b7e8
--- /dev/null
+++ b/src/settings/inputFieldTemplateSetting/InputFieldTemplatesSettingModal.ts
@@ -0,0 +1,49 @@
+import { App, Modal } from 'obsidian';
+import MetaBindPlugin from '../../main';
+import InputFieldTemplatesSettingComponent from './InputFieldTemplatesSettingComponent.svelte';
+import { InputFieldTemplate } from '../Settings';
+import { ErrorCollection } from '../../utils/errors/ErrorCollection';
+
+export class InputFieldTemplatesSettingModal extends Modal {
+ private readonly plugin: MetaBindPlugin;
+ private component: InputFieldTemplatesSettingComponent | undefined;
+
+ constructor(app: App, plugin: MetaBindPlugin) {
+ super(app);
+ this.plugin = plugin;
+ }
+
+ public onOpen(): void {
+ this.contentEl.empty();
+ if (this.component) {
+ this.component.$destroy();
+ }
+
+ this.component = new InputFieldTemplatesSettingComponent({
+ target: this.contentEl,
+ props: {
+ inputFieldTemplates: JSON.parse(JSON.stringify(this.plugin.settings.inputFieldTemplates)),
+ modal: this,
+ },
+ });
+ }
+
+ public onClose(): void {
+ this.contentEl.empty();
+ if (this.component) {
+ this.component.$destroy();
+ }
+ }
+
+ public save(templates: InputFieldTemplate[]): ErrorCollection | undefined {
+ const errorCollection = this.plugin.api.newInputFieldParser.parseTemplates(templates);
+ if (errorCollection.hasErrors()) {
+ return errorCollection;
+ }
+
+ this.plugin.settings.inputFieldTemplates = templates;
+ this.plugin.saveSettings();
+
+ return undefined;
+ }
+}
diff --git a/src/utils/LinkComponent.svelte b/src/utils/LinkComponent.svelte
index 72498ff0..f3fd3c68 100644
--- a/src/utils/LinkComponent.svelte
+++ b/src/utils/LinkComponent.svelte
@@ -3,30 +3,28 @@
export let mdLink: MarkdownLink;
- function getHref() {
- return mdLink.block ? `${mdLink.target}#${mdLink.block}` : mdLink.target;
- }
+ $: linkHref = mdLink.block ? `${mdLink.target}#${mdLink.block}` : mdLink.target;
{#if mdLink.alias}
{mdLink.alias}
{:else}
- {getHref()}
+ {linkHref}
{/if}
diff --git a/src/utils/Signal.ts b/src/utils/Signal.ts
index 0e1ef2bf..73ea0558 100644
--- a/src/utils/Signal.ts
+++ b/src/utils/Signal.ts
@@ -47,6 +47,8 @@ export interface Listener| + Template Name + | ++ Template Declaration + | ++ + | +
|---|
+
+ {/if}
+
+
+ Some Templates Failed to Parse
+ +{declaration}
{declaration}
Warnings
{#each errorCollection.getWarnings() as warning} -{warning.message}
{warning.message}{warning.stack}Errors
{#each errorCollection.getErrors() as error} -{error.message}
{error.message}{error.stack}