fix(cdk/portal): remove deprecated directives

Removes a couple of directives that have been deprecated for a long time. BREAKING CHANGE: * `TemplatePortalDirective` has been removed. Use `CdkPortal` instead. * `PortalHostDirective` has been removed. Use `CdkPortalOutlet` instead.

Author: crisbeto

goldens/cdk/portal/index.api.md

@@ -111,22 +111,14 @@ export abstract class Portal<T> {
  setAttachedHost(host: PortalOutlet | null): void;
 }
 
-// @public @deprecated (undocumented)
-export class PortalHostDirective extends CdkPortalOutlet {
- // (undocumented)
- static ɵdir: i0.ɵɵDirectiveDeclaration<PortalHostDirective, "[cdkPortalHost], [portalHost]", ["cdkPortalHost"], { "portal": { "alias": "cdkPortalHost"; "required": false; }; }, {}, never, never, true, never>;
- // (undocumented)
- static ɵfac: i0.ɵɵFactoryDeclaration<PortalHostDirective, never>;
-}
-
 // @public (undocumented)
 export class PortalModule {
  // (undocumented)
  static ɵfac: i0.ɵɵFactoryDeclaration<PortalModule, never>;
  // (undocumented)
  static ɵinj: i0.ɵɵInjectorDeclaration<PortalModule>;
  // (undocumented)
- static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective], [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective]>;
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet], [typeof CdkPortal, typeof CdkPortalOutlet]>;
 }
 
 // @public
@@ -155,14 +147,6 @@ export class TemplatePortal<C = any> extends Portal<EmbeddedViewRef<C>> {
  viewContainerRef: ViewContainerRef;
 }
 
-// @public @deprecated (undocumented)
-export class TemplatePortalDirective extends CdkPortal {
- // (undocumented)
- static ɵdir: i0.ɵɵDirectiveDeclaration<TemplatePortalDirective, "[cdk-portal], [portal]", ["cdkPortal"], {}, {}, never, never, true, never>;
- // (undocumented)
- static ɵfac: i0.ɵɵFactoryDeclaration<TemplatePortalDirective, never>;
-}
-
 // (No @packageDocumentation comment for this package)
 
 ```

src/cdk/dialog/dialog-module.ts

@@ -29,9 +29,4 @@ export class DialogModule {}
 // See: https://github.com/angular/components/issues/30663.
 // Note: These exports need to be stable and shouldn't be renamed unnecessarily because
 // consuming libraries might have references to them in their own partial compilation output.
-export {
- CdkPortal as ɵɵCdkPortal,
- CdkPortalOutlet as ɵɵCdkPortalOutlet,
- TemplatePortalDirective as ɵɵTemplatePortalDirective,
- PortalHostDirective as ɵɵPortalHostDirective,
-} from '../portal';
+export {CdkPortal as ɵɵCdkPortal, CdkPortalOutlet as ɵɵCdkPortalOutlet} from '../portal';

src/cdk/overlay/fullscreen-overlay-container.spec.ts

@@ -2,7 +2,6 @@ import {waitForAsync, TestBed} from '@angular/core/testing';
 import {Component, ViewChild, ViewContainerRef, inject, DOCUMENT, Injector} from '@angular/core';
 import {CdkPortal} from '../portal';
 import {OverlayContainer, FullscreenOverlayContainer, createOverlayRef} from './index';
-import {TemplatePortalDirective} from '../portal/portal-directives';
 
 describe('FullscreenOverlayContainer', () => {
  let injector: Injector;
@@ -106,8 +105,8 @@ describe('FullscreenOverlayContainer', () => {
 
 /** Test-bed component that contains a TempatePortal and an ElementRef. */
 @Component({
- template: `<ng-template cdk-portal>Cake</ng-template>`,
- imports: [TemplatePortalDirective],
+ template: `<ng-template cdkPortal>Cake</ng-template>`,
+ imports: [CdkPortal],
 })
 class TestComponentWithTemplatePortals {
  viewContainerRef = inject(ViewContainerRef);

src/cdk/portal/portal-directives.ts

@@ -44,22 +44,6 @@ export class CdkPortal extends TemplatePortal {
  }
 }
 
-/**
- * @deprecated Use `CdkPortal` instead.
- * @breaking-change 9.0.0
- */
-@Directive({
- selector: '[cdk-portal], [portal]',
- exportAs: 'cdkPortal',
- providers: [
- {
- provide: CdkPortal,
- useExisting: TemplatePortalDirective,
- },
- ],
-})
-export class TemplatePortalDirective extends CdkPortal {}
-
 /**
  * Possible attached references to the CdkPortalOutlet.
  */
@@ -234,25 +218,8 @@ export class CdkPortalOutlet extends BasePortalOutlet implements OnInit, OnDestr
  }
 }
 
-/**
- * @deprecated Use `CdkPortalOutlet` instead.
- * @breaking-change 9.0.0
- */
-@Directive({
- selector: '[cdkPortalHost], [portalHost]',
- exportAs: 'cdkPortalHost',
- inputs: [{name: 'portal', alias: 'cdkPortalHost'}],
- providers: [
- {
- provide: CdkPortalOutlet,
- useExisting: PortalHostDirective,
- },
- ],
-})
-export class PortalHostDirective extends CdkPortalOutlet {}
-
 @NgModule({
- imports: [CdkPortal, CdkPortalOutlet, TemplatePortalDirective, PortalHostDirective],
- exports: [CdkPortal, CdkPortalOutlet, TemplatePortalDirective, PortalHostDirective],
+ imports: [CdkPortal, CdkPortalOutlet],
+ exports: [CdkPortal, CdkPortalOutlet],
 })
 export class PortalModule {}

src/dev-app/portal/portal-demo.html

@@ -24,12 +24,12 @@ <h2> The portal outlet is here: </h2>
  referring to something *in* the template (such as #item in @for). As such, the component
  has to use @ViewChild / @ViewChildren to get these references.
  See https://github.com/angular/angular/issues/7158 -->
-<ng-template cdk-portal>
+<ng-template cdkPortal>
  <p> - Why don't jokes work in octal?</p>
  <p> - Because 7 10 11.</p>
 </ng-template>
 
-<div *cdk-portal>
+<div *cdkPortal>
  <p> - Did you hear about this year's Fibonacci Conference? </p>
  <p> - It's going to be as big as the last two put together. </p>
 </div>