Christian Jensen cbejensen

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Track Clicks</title>
</head>
<body>
  <button class="btn-to-track">Click Me!</button>

## typescriptreact.json
{
  "Component": {
    "prefix": "fc",
    "body": [
      "import React from 'react';",
      "",
      "export interface ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}Props {",
      "\t$1",
      "}",
      "",

## scan.directive.ts
import { Directive, EventEmitter, HostListener, Input, OnInit, OnDestroy, Optional, Output, Self } from '@angular/core';
import { NgControl } from '@angular/forms';
import { Subject } from 'rxjs';
import { debounceTime, filter, map, pairwise, startWith, takeUntil } from 'rxjs/operators';

/**
 * Detects when an input is coming from a scanner (or being pasted).
 */
@Directive({
  selector: '[appScan]',

## focusable.component.ts
import { AfterViewInit, Directive, ElementRef, Input, ViewChild } from '@angular/core';
import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';

/**
 * A base class that can be extended by any component to allow its parent to focus it. All the component needs to do
 * is set a template reference variable of `focusable` on whichever input it should focus when the parent wants to
 * focus it. You could even set `focusable` on another custom component, so long as it also extends this class.
 *
 * @example
 * ```html

## selector.ts
import { Params } from '@angular/router';
import { RouterReducerState } from '@ngrx/router-store';

// Some example context - could be different in your app.
export interface CustomRouteSnapshot {
  url: string;
  params: Params;
  queryParams: Params;
}
export type State = RouterReducerState<CustomRouteSnapshot>;

## focus.component.ts
import { OnInit, Input, ElementRef, AfterViewInit } from '@angular/core';

export abstract class FocusComponent implements OnInit, AfterViewInit {
  /**
   * The element that can be focused.
   */
  protected elemToFocus: ElementRef;

  /**
   * Can be set on initialization or updated later on to focus an element.

## wheelzoom.service.ts
// Service for https://github.com/jackmoore/wheelzoom

import { Injectable, NgZone } from '@angular/core';

export interface WheelzoomSettings {
  zoom: number;
  maxZoom?: number;
  initialZoom: number;
  initialX: number;
  initialY: number;

## memoAsync.ts
import { ObservableInput, of, from } from 'rxjs';
import { tap } from 'rxjs/operators';
import { MemoizedFunction, MapCacheConstructor } from 'lodash';

/**
 * A copy of _.memoize, modified for async
 *
 * @see _.memoize
 *
 * @param func The function to have its output memoized.

## index.js
const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')
const app = express()
const nodemailer = require('nodemailer')

const port = 8000

app.use(bodyParser.json())

## script.js
let supportsCSSFocusWithin = false

try {
  document.querySelector(':focus-within')
} catch (err) {
  supportsCSSFocusWithin = false
}

const wrapper = document.querySelector('wrapper')
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Track Clicks</title>
	</head>
	<body>
	<button class="btn-to-track">Click Me!</button>
	{
	"Component": {
	"prefix": "fc",
	"body": [
	"import React from 'react';",
	"",
	"export interface ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}Props {",
	"\t$1",
	"}",
	"",
	import { Directive, EventEmitter, HostListener, Input, OnInit, OnDestroy, Optional, Output, Self } from '@angular/core';
	import { NgControl } from '@angular/forms';
	import { Subject } from 'rxjs';
	import { debounceTime, filter, map, pairwise, startWith, takeUntil } from 'rxjs/operators';

	/**
	* Detects when an input is coming from a scanner (or being pasted).
	*/
	@Directive({
	selector: '[appScan]',
	import { AfterViewInit, Directive, ElementRef, Input, ViewChild } from '@angular/core';
	import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';

	/**
	* A base class that can be extended by any component to allow its parent to focus it. All the component needs to do
	* is set a template reference variable of `focusable` on whichever input it should focus when the parent wants to
	* focus it. You could even set `focusable` on another custom component, so long as it also extends this class.
	*
	* @example
	* ```html
	import { Params } from '@angular/router';
	import { RouterReducerState } from '@ngrx/router-store';

	// Some example context - could be different in your app.
	export interface CustomRouteSnapshot {
	url: string;
	params: Params;
	queryParams: Params;
	}
	export type State = RouterReducerState<CustomRouteSnapshot>;
	import { OnInit, Input, ElementRef, AfterViewInit } from '@angular/core';

	export abstract class FocusComponent implements OnInit, AfterViewInit {
	/**
	* The element that can be focused.
	*/
	protected elemToFocus: ElementRef;

	/**
	* Can be set on initialization or updated later on to focus an element.
	// Service for https://github.com/jackmoore/wheelzoom

	import { Injectable, NgZone } from '@angular/core';

	export interface WheelzoomSettings {
	zoom: number;
	maxZoom?: number;
	initialZoom: number;
	initialX: number;
	initialY: number;
	import { ObservableInput, of, from } from 'rxjs';
	import { tap } from 'rxjs/operators';
	import { MemoizedFunction, MapCacheConstructor } from 'lodash';

	/**
	* A copy of _.memoize, modified for async
	*
	* @see _.memoize
	*
	* @param func The function to have its output memoized.
	const express = require('express')
	const bodyParser = require('body-parser')
	const cors = require('cors')
	const app = express()
	const nodemailer = require('nodemailer')

	const port = 8000

	app.use(bodyParser.json())
	let supportsCSSFocusWithin = false

	try {
	document.querySelector(':focus-within')
	} catch (err) {
	supportsCSSFocusWithin = false
	}

	const wrapper = document.querySelector('wrapper')