phenomnomnominal

<div
  class="o-card__hero-container">
  <ng-content select="[myCardHero]"></ng-content>
</div>
<div
  class="o-card__title-container">
  <ng-content select="my-card-title"></ng-content>
</div>
<div
  class="o-card__details-container">

phenomnomnominal

<my-card>
  <my-card-hero>
    <my-card-video
      [src]="src">
    </my-card-video>
  </my-card-hero>
  <my-card-title>{{ title }}</my-card-title>
  <my-card-contents>
  <my-card-details
    [listed]="listed"

phenomnomnominal

<my-card>
  <my-card-hero>
    <my-card-image
      [image]="image">
    </my-card-image>
  </my-card-hero>
  <my-card-title>{{ title }}</my-card-title>
  <my-card-contents>
    <my-card-details
      [listed]="listed"

phenomnomnominal

<div
  class="o-card__hero-container">
  <ng-content
    select="my-card-hero">
  <ng-content>
</div>
<div
  class="o-card__title-container">
  <ng-content
    select="my-card-title">

phenomnomnominal

<div
  class="o-card__images-container">
  <ng-container
    *ngIf="video">
    <my-card-video>
      [video]="video">
    </my-card-video>
  </ng-container>
  <ng-container
    *ngIf="images">

phenomnomnominal

<div
  class="o-card__images-container">
  <ng-container
    *ngIf="images">
    <my-card-image-carousel>
      [images]="images">
    </my-card-image-carousel>
  </ng-container>
  <ng-container
    *ngIf="image">

phenomnomnominal

<div
  class="o-card__images-container">
  <my-card-image
    [image]="image">
  </my-card-image>
</div>
<div
  class="o-card__title-container">
  <my-card-title>{{ title }}</my-card-title>
</div>

phenomnomnominal

<div
  class="o-card__images-container">
  <div
    class="o-card__image"
    [style.background-image]="imageUrl">
    <div 
      class="o-card__image-aspect-ratio">
    </div>
  </div>
</div>

phenomnomnominal

import { Inject, Injectable, InjectionToken, Optional } from '@angular/core';

import { Engine } from './engine';
import { Radio } from './radio';
import { Transmission } from './transmission';
import { Wheel } from './wheel';

const WHEELS = new InjectionToken('Wheels');

@Injectable()

phenomnomnominal

import { Engine } from './engine';
import { Radio } from './radio';
import { AutomaticTransmission } from './transmissions/automatic';
import { Wheel } from './wheel';

export class Car {
    constructor () {
        this.engine = new Engine();
        this.radio = new Radio();
        this.wheels = [new Wheel(), new Wheel(), new Wheel(), new Wheel()];