fix(ktable): emit preferences only in success state [KHCP-11890] (#2191)

* fix(ktable): emit preferences only in success state [KHCP-11890]

* docs(table): add note about table preferences event [KHCP-11890]

* docs(table): minor fix [KHCP-11890]

docs/components/table.md

@@ -870,6 +870,10 @@ Emitted when error state action button is clicked.
 
 Fired when the user changes the table's page size, performs sorting, resizes columns or toggles column visibility. Event payload is object of type `TablePreferences` interface (see [`tablePreferences` prop](#tablepreferences) for details).
 
+:::warning WARNING
+`update:table-preferences` event only fires when KTable is in `success` state (see [`state` event](#state) for details).
+:::
+
 <script setup lang="ts">
 import { AddIcon, SearchIcon, MoreIcon } from '@kong/icons'
 import { getCurrentInstance } from 'vue'

src/components/KTable/KTable.vue

@@ -988,7 +988,9 @@ const tablePreferences = computed((): TablePreferences => ({
 }))
 
 const emitTablePreferences = (): void => {
-  emit('update:table-preferences', tablePreferences.value)
+  if (tableState.value === 'success') {
+    emit('update:table-preferences', tablePreferences.value)
+  }
 }
 
 const getNextOffsetHandler = (): void => {