AmirTugi

<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
  <mat-option *ngIf="isLoading" class="is-loading"><mat-spinner diameter="50"></mat-spinner></mat-option>
  <ng-container *ngIf="!isLoading">
    <mat-option *ngFor="let user of filteredUsers" [value]="user">
      <span>{{ user.name }}</span>
      <small> | ID: {{user.id}}</small>
    </mat-option>
  </ng-container>
</mat-autocomplete>

AmirTugi

// Use !{var} to use unescaped conent
style(type="text/css") !{compiledStyle}

h1.title Invoice number ##{invoice.id}

p.created-at #{invoice.createdAt}

h3 For: #{invoice.customer.number}

table

AmirTugi

body {
  padding: 20px;
  font-family: Halvetica, sans-serif;
  
  .title {
    margin-bottom: 4px;
  }
  
  .created-at {
    font-size: 14px;

AmirTugi

import TeaSchool from 'tea-school';
import * as pug from 'pug';
import * as path from 'path';
import {PDFOptions} from 'puppeteer';
import {Options as SassOptions} from 'node-sass';

(async () => {
  /********************************
   *         STYLE OPTIONS        *
   ********************************/

AmirTugi

type MargheritaToppings = {
    mushrooms?: boolean;
    olives?: boolean;
    onion?: boolean;
    basil?: boolean;
};

type HawaiianToppings = {
    pineapple?: boolean;
};

AmirTugi

function purchasePizzaIngredients<P, T>() {
    return {
        purchaseToppings: (toppings: T) => {},
    };
}

AmirTugi

type ExtractToppings<P> = P extends Pizza<infer T> ? T : never;

AmirTugi

type MargheritaToppings = {
    mushrooms?: boolean;
    olives?: boolean;
    onion?: boolean;
    basil?: boolean;
};

type MargheritaCheeses = {
    mozzarella?: boolean;
    parmesan?: boolean;

AmirTugi

type ExtractToppings<P> = P extends Pizza<infer T, any> ? T : never;

AmirTugi

function purchasePizzaIngredients<P>() {
    return {
        purchaseToppings: (toppings: ExtractToppings<P>) => {},
    };
}