matrix-dimension/web/app/shared/directives/toggle-fullscreen.directive.ts

import { Directive, HostListener } from "@angular/core";
import * as screenfull from "screenfull";

@Directive({
    selector: "[myToggleFullscreen]",
})
export class ToggleFullscreenDirective {

    @HostListener("click")
    onClick() {
        // HACK: This should be behind a service in the event the library changes
        if (screenfull.enabled) {
            screenfull.toggle();
        }
    }

}