AmirTugi

export const ToastTheme: ComponentMultiStyleConfig = {
  parts: ['container', 'icon', 'action', 'content'],
  type: { // 1. This is not supported by th `ComponentStyleConfig` type
    info: { // 2. Who will handle the assigning to `theme.type[props.type]`?
      container: {} // 3. Who will handle the `theme.type[props.type][part]`?
    }
  },
  variants: {
    default: {} // This is b
  }

AmirTugi

import { Component, Input, Output, EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
import { CategoryModel } from './category/model';
import { Observable } from 'rxjs';
import { CategoryQuery } from './category/store.query';
import { CategoryStoreService } from './category/store.service';

export type SearchEvent = { searchTerm: string, selectedCategory: CategoryModel};

@Component({
  selector: 'app-search',

AmirTugi

import { Injectable } from '@angular/core';
import { categoriesMock } from './categories-mock';
import { of } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class CategoryApiService {
  search() {
    return of(categoriesMock)

AmirTugi

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

AmirTugi

type ExtractToppings<P> = P extends Pizza<infer T, any> ? 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> ? T : never;

AmirTugi

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

AmirTugi

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

type HawaiianToppings = {
    pineapple?: boolean;
};

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        *
   ********************************/