From 813bbc9307d4aaa7af0d9d4fcfef5a58bd9c0002 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 2 Oct 2024 14:07:40 +0300
Subject: [PATCH] Refactor #6511

---
 .../src/toggleswitch/ToggleSwitch.d.ts        | 10 +++-------
 .../src/toggleswitch/ToggleSwitch.vue         | 19 +++++--------------
 .../toggleswitch/style/ToggleSwitchStyle.js   |  3 +--
 3 files changed, 9 insertions(+), 23 deletions(-)

diff --git a/packages/primevue/src/toggleswitch/ToggleSwitch.d.ts b/packages/primevue/src/toggleswitch/ToggleSwitch.d.ts
index d81995ec9..00dabab55 100755
--- a/packages/primevue/src/toggleswitch/ToggleSwitch.d.ts
+++ b/packages/primevue/src/toggleswitch/ToggleSwitch.d.ts
@@ -65,10 +65,6 @@ export interface ToggleSwitchPassThroughOptions {
      * Used to pass attributes to the handle's DOM element.
      */
     handle?: ToggleSwitchPassThroughOptionType;
-    /**
-     * Used to pass attributes to the icon's DOM element.
-     */
-    icon?: ToggleSwitchPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
@@ -180,10 +176,10 @@ export interface ToggleSwitchContext {
 
 export interface ToggleSwitchSlots {
     /**
-     * Custom icon template.
-     * @param {Object} scope - icon slot's params.
+     * Custom handle template.
+     * @param {Object} scope - handle slot's params.
      */
-    icon(scope: {
+    handle(scope: {
         /**
          * Current checked state of the item as a boolean.
          */
diff --git a/packages/primevue/src/toggleswitch/ToggleSwitch.vue b/packages/primevue/src/toggleswitch/ToggleSwitch.vue
index ec126343f..2044eb19e 100755
--- a/packages/primevue/src/toggleswitch/ToggleSwitch.vue
+++ b/packages/primevue/src/toggleswitch/ToggleSwitch.vue
@@ -19,21 +19,16 @@
             @change="onChange"
             v-bind="getPTOptions('input')"
         />
-        <span :class="cx('slider')" v-bind="getPTOptions('slider')">
-            <span :class="cx('handle')" v-bind="getPTOptions('handle')">
-                <slot name="icon" :checked="checked">
-                    <CheckIcon v-if="checked" :class="cx('icon')" v-bind="getPTOptions('icon')" />
-                    <TimesIcon v-else :class="cx('icon')" v-bind="getPTOptions('icon')" />
-                </slot>
-            </span>
-        </span>
+        <div :class="cx('slider')" v-bind="getPTOptions('slider')">
+            <div :class="cx('handle')" v-bind="getPTOptions('handle')">
+                <slot name="handle" :checked="checked" />
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
 import BaseToggleSwitch from './BaseToggleSwitch.vue';
-import TimesIcon from '@primevue/icons/times';
-import CheckIcon from '@primevue/icons/check';
 
 export default {
     name: 'ToggleSwitch',
@@ -70,10 +65,6 @@ export default {
         checked() {
             return this.modelValue === this.trueValue;
         }
-    },
-    components: {
-        CheckIcon,
-        TimesIcon
     }
 };
 </script>
diff --git a/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js b/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
index cd402a923..8eaee346a 100644
--- a/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
+++ b/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
@@ -121,8 +121,7 @@ const classes = {
     ],
     input: 'p-toggleswitch-input',
     slider: 'p-toggleswitch-slider',
-    handle: 'p-toggleswitch-handle',
-    icon: 'p-toggleswitch-icon'
+    handle: 'p-toggleswitch-handle'
 };
 
 export default BaseStyle.extend({