Revert "Fixed #14286 - Add missing icon template"

This reverts commit 09e5249.

src/app/components/togglebutton/togglebutton.interface.ts

@@ -1,6 +1,4 @@
-import { TemplateRef } from '@angular/core';
 import { ToggleButton } from './togglebutton';
-
 /**
  * Custom change event.
  * @see {@link ToggleButton.onChange}
@@ -16,20 +14,3 @@ export interface ToggleButtonChangeEvent {
      */
     checked: boolean | undefined;
 }
-
-/**
- * Defines valid templates in ToggleButton.
- * @group Templates
- */
-export interface ToggleButtonTemplates {
-    /**
-     * Custom icon template.
-     * @param {boolean} context - checked state as boolean.
-     */
-    icon(context: {
-        /**
-         * Checked.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-}

src/app/components/togglebutton/togglebutton.ts

@@ -1,10 +1,8 @@
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, Output, QueryList, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, forwardRef, Input, NgModule, Output } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { RippleModule } from 'primeng/ripple';
 import { ToggleButtonChangeEvent } from './togglebutton.interface';
-import { Nullable } from 'primeng/ts-helpers';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
 
 type ToggleButtonIconPosition = 'left' | 'right';
 
@@ -35,16 +33,12 @@ export const TOGGLEBUTTON_VALUE_ACCESSOR: any = {
             [attr.data-pc-name]="'togglebutton'"
             [attr.data-pc-section]="'root'"
         >
-            @if(!iconTemplate) {
             <span
                 *ngIf="onIcon || offIcon"
                 [class]="checked ? this.onIcon : this.offIcon"
                 [ngClass]="{ 'p-button-icon': true, 'p-button-icon-left': iconPos === 'left', 'p-button-icon-right': iconPos === 'right' }"
                 [attr.data-pc-section]="'icon'"
             ></span>
-            } @else {
-            <ng-container *ngTemplateOutlet="iconTemplate; context: { $implicit: checked }"></ng-container>
-            }
             <span class="p-button-label" *ngIf="onLabel || offLabel" [attr.data-pc-section]="'label'">{{ checked ? (hasOnLabel ? onLabel : '') : hasOffLabel ? offLabel : '' }}</span>
         </div>
     `,
@@ -123,10 +117,6 @@ export class ToggleButton implements ControlValueAccessor {
      */
     @Output() onChange: EventEmitter<ToggleButtonChangeEvent> = new EventEmitter<ToggleButtonChangeEvent>();
 
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    iconTemplate: Nullable<TemplateRef<any>>;
-
     checked: boolean = false;
 
     onModelChange: Function = () => {};
@@ -135,19 +125,6 @@ export class ToggleButton implements ControlValueAccessor {
 
     constructor(public cd: ChangeDetectorRef) {}
 
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-                default:
-                    this.iconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
     toggle(event: Event) {
         if (!this.disabled) {
             this.checked = !this.checked;
@@ -207,8 +184,8 @@ export class ToggleButton implements ControlValueAccessor {
 }
 
 @NgModule({
-    imports: [CommonModule, RippleModule, SharedModule],
-    exports: [ToggleButton, SharedModule],
+    imports: [CommonModule, RippleModule],
+    exports: [ToggleButton],
     declarations: [ToggleButton]
 })
 export class ToggleButtonModule {}