public componentType(context: IRenderContext): IRouteableCustomElementType {
   if (this.component !== null) {
     return this.component;
   }
   const container = context.get(IContainer);
   const resolver = container.getResolver(CustomElementResource.keyFrom(this.componentName));
   if (resolver !== null) {
     return resolver.getFactory(container).Type as IRouteableCustomElementType;
   }
   return null;
 }

 public componentInstance(context: IRenderContext): IRouteableCustomElement {
   if (this.content === null) {
     return null;
   }
   // TODO: Remove once "local registration is fixed"
   const component = this.componentName();
   const container = context.get(IContainer);
   if (typeof component !== 'string') {
     return container.get<IRouteableCustomElement>(component);
   } else {
     return container.get<IRouteableCustomElement>(CustomElementResource.keyFrom(component));
   }
 }

  public scopeContext(full: boolean = false): string {
    if (!this.element || !this.parent) {
      return '';
    }
    const parents: string[] = [];
    if (this.viewport) {
      parents.unshift(this.viewport.description(full));
    }
    let viewport: Viewport = this.parent.closestViewport((this.context.get(IContainer) as ChildContainer).parent);
    while (viewport && viewport.owningScope === this.parent) {
      parents.unshift(viewport.description(full));
      viewport = this.closestViewport((viewport.context.get(IContainer) as ChildContainer).parent);
    }
    parents.unshift(this.parent.scopeContext(full));

    return this.router.instructionResolver.stringifyScopedViewportInstruction(parents.filter((value) => value && value.length));
  }