RomkeVdMeulen

import {HtmlBehaviorResource} from "aurelia-framework";

const orig: (...args: any[]) => any = HtmlBehaviorResource.convention;
HtmlBehaviorResource.convention = function(name: string, ...args: any[]) {
	if (name.endsWith("Component")) {
		name = name.replace(/Component$/, "CustomElement");
	}
	if (name.endsWith("Route")) {
		name = name.replace(/Route$/, "CustomElement");
	}

RomkeVdMeulen

/**
 * Vormt een wrapper om async operaties waarin de staat van de operatie
 * bijgehouden wordt.
 */
export class AsyncContext {

	bezig = false;
	mislukt = false;
	geslaagd = false;

RomkeVdMeulen

// tslint:disable:align ban-types
export type DeepPartial<T> =
	T extends Array<infer U> ? DeepPartialArray<U> :
	T extends ReadonlyArray<infer V> ? DeepPartialReadonlyArray<V> :
	T extends object ? DeepPartialObject<T> :
	T;

export type DeepPartialNoMethods<T> =
	T extends Array<infer U> ? DeepPartialArrayNoMethods<U> :
	T extends ReadonlyArray<infer V> ? DeepPartialReadonlyArrayNoMethods<V> :

RomkeVdMeulen

import {decorateMethod} from "util/objects";

export interface ConfirmUnloadConfig {
	hasUnsavedChanges(): boolean;
	getUnloadConfirmMessage(): string;
}

export function confirmUnload(viewModel: any): any {
	decorateMethod(viewModel, "attached", function attached() {
		const self: ConfirmUnloadConfig = this;

RomkeVdMeulen

<template>
  <router-view></router-view>
</template>

RomkeVdMeulen

<template>
	<div class="element-wrapper ${invoerFocus ? 'focus' : ''} ${invoerRegels.length >= 10 ? 'vol' : ''}"
			e2e="wrapper" data-focus.bind="invoerFocus">
		<ol class="regelnummers" ref="regelnummers" e2e="regelnummer-wrapper" css="height: ${hoogte + 24}px">
			<li repeat.for="i of aantalGetoondeRegels" e2e="regelnummer"
					data-actief.bind="invoerRegels.length > i && invoerRegels[i].trim() !== ''"
					class="regelnummer ${invoerRegels.length > i && invoerRegels[i].trim() !== '' ? 'actief' : ''}"></li>
		</ol>
		<div class="invoer-wrapper">
			<textarea value.bind="invoer" ref="invoerElement" e2e="invoer"

RomkeVdMeulen

import {autoinject, bindable} from "aurelia-framework";

declare const ga: (
	command: "send",
	type: "event",
	category?: string,
	action?: string,
	label?: string,
) => void;

RomkeVdMeulen

interface OperationQueue {
	queue: Promise<void>;
}

export function makeOperationQueue(): OperationQueue {
	return {queue: Promise.resolve()};
}

export function queuedOperation(operationQueue: OperationQueue) {
	return function(_target: any, _key: string, descriptor: TypedPropertyDescriptor<(...args: any[]) => any>) {

RomkeVdMeulen

export function autocast<T>(type: {new (): T}) {
	return function(target: any, key: string) {
		makeAutocast(target, key, (newVal: any) => {
			if (newVal === undefined) {
				return undefined;
			}
			if (newVal instanceof type) {
				return newVal;
			}
			return Object.assign(new type(), newVal);

RomkeVdMeulen

const INIT_METHODS = new Map<any, string[]>();

type InitMethodDescriptor = TypedPropertyDescriptor<() => void>
		| TypedPropertyDescriptor<() => Promise<void>>;

export function init(target: any, key: string, _descriptor: InitMethodDescriptor) {
	if (!INIT_METHODS.has(target)) {
		INIT_METHODS.set(target, []);
	}
	INIT_METHODS.get(target)!.push(key);