From 2e8ea214427db79c85e3291f96f6bc62eed5a9ba Mon Sep 17 00:00:00 2001
From: ghiscoding <gbeaulac@gmail.com>
Date: Mon, 16 Feb 2026 10:42:28 -0500
Subject: [PATCH] refactor: rename RowDetailView without Slick prefix for all
 frameworks

---
 .../slickgrid/example19-detail-view.ts         |  4 ++--
 .../src/examples/slickgrid/example19.ts        |  4 ++--
 .../src/examples/slickgrid/example45.ts        |  6 +++---
 .../slickgrid/example47-detail-view.ts         |  4 ++--
 .../src/examples/slickgrid/example47.ts        |  4 ++--
 .../react/src/examples/slickgrid/Example19.tsx |  6 +++---
 .../react/src/examples/slickgrid/Example45.tsx |  6 +++---
 .../react/src/examples/slickgrid/Example47.tsx |  6 +++---
 demos/vue/src/components/Example19.vue         |  4 ++--
 demos/vue/src/components/Example45.vue         |  6 +++---
 demos/vue/src/components/Example47.vue         |  4 ++--
 ...owDetailView.ts => angularRowDetailView.ts} | 10 +++++-----
 .../angular-row-detail-plugin/src/index.ts     |  2 +-
 ...owDetailView.ts => aureliaRowDetailView.ts} |  6 +++---
 .../aurelia-row-detail-plugin/src/index.ts     |  2 +-
 .../react-row-detail-plugin/src/index.ts       |  2 +-
 ...kRowDetailView.ts => reactRowDetailView.ts} |  6 +++---
 .../vue-row-detail-plugin/src/index.ts         |  2 +-
 ...ickRowDetailView.ts => vueRowDetailView.ts} |  6 +++---
 .../docs/grid-functionalities/row-detail.md    |  8 ++++----
 .../docs/migrations/migration-to-10.x.md       |  4 ++--
 .../src/demos/examples/example19.component.ts  |  6 +++---
 .../src/demos/examples/example45.component.ts  |  6 +++---
 .../src/demos/examples/example47.component.ts  |  6 +++---
 .../angular-slickgrid.component.spec.ts        | 12 ++++++------
 .../components/angular-slickgrid.component.ts  | 12 ++++++------
 .../docs/grid-functionalities/row-detail.md    | 14 +++++++-------
 .../docs/migrations/migration-to-10.x.md       |  4 ++--
 .../src/custom-elements/aurelia-slickgrid.ts   | 12 ++++++------
 .../docs/grid-functionalities/row-detail.md    | 18 +++++++++---------
 .../docs/migrations/migration-to-10.x.md       |  4 ++--
 .../src/components/slickgrid-react.tsx         |  2 +-
 .../docs/grid-functionalities/row-detail.md    | 16 ++++++++--------
 .../docs/migrations/migration-to-10.x.md       |  4 ++--
 .../src/components/SlickgridVue.vue            | 12 ++++++------
 35 files changed, 115 insertions(+), 115 deletions(-)
 rename frameworks-plugins/angular-row-detail-plugin/src/{angularSlickRowDetailView.ts => angularRowDetailView.ts} (98%)
 rename frameworks-plugins/aurelia-row-detail-plugin/src/{aureliaSlickRowDetailView.ts => aureliaRowDetailView.ts} (98%)
 rename frameworks-plugins/react-row-detail-plugin/src/{reactSlickRowDetailView.ts => reactRowDetailView.ts} (98%)
 rename frameworks-plugins/vue-row-detail-plugin/src/{vueSlickRowDetailView.ts => vueRowDetailView.ts} (98%)

diff --git a/demos/aurelia/src/examples/slickgrid/example19-detail-view.ts b/demos/aurelia/src/examples/slickgrid/example19-detail-view.ts
index 6ca7ffd50..0a40aa95c 100644
--- a/demos/aurelia/src/examples/slickgrid/example19-detail-view.ts
+++ b/demos/aurelia/src/examples/slickgrid/example19-detail-view.ts
@@ -1,4 +1,4 @@
-import type { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
+import type { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 import { bindable } from 'aurelia';
 import type { SlickDataView, SlickGrid } from 'aurelia-slickgrid';
 import './example19-detail-view.scss';
@@ -19,7 +19,7 @@ export class Example19DetailView {
   @bindable() model!: Item;
 
   // you also have access to the following objects (it must match the exact property names shown below)
-  @bindable() addon!: AureliaSlickRowDetailView; // row detail addon instance
+  @bindable() addon!: AureliaRowDetailView; // row detail addon instance
   @bindable() grid!: SlickGrid;
   @bindable() dataView!: SlickDataView;
 
diff --git a/demos/aurelia/src/examples/slickgrid/example19.ts b/demos/aurelia/src/examples/slickgrid/example19.ts
index 83d513ea5..bf4979b1d 100644
--- a/demos/aurelia/src/examples/slickgrid/example19.ts
+++ b/demos/aurelia/src/examples/slickgrid/example19.ts
@@ -1,4 +1,4 @@
-import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
+import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 import { bindable } from 'aurelia';
 import { Editors, Filters, Formatters, type AureliaGridInstance, type Column, type GridOption } from 'aurelia-slickgrid';
 import { ExampleDetailPreload } from './example-detail-preload.js';
@@ -135,7 +135,7 @@ export class Example19 {
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
       datasetIdPropertyName: 'rowId', // optionally use a different "id"
-      externalResources: [AureliaSlickRowDetailView],
+      externalResources: [AureliaRowDetailView],
       rowDetailView: {
         // optionally change the column index position of the icon (defaults to 0)
         // columnIndexPosition: 1,
diff --git a/demos/aurelia/src/examples/slickgrid/example45.ts b/demos/aurelia/src/examples/slickgrid/example45.ts
index 94e7e2e10..9f8010f53 100644
--- a/demos/aurelia/src/examples/slickgrid/example45.ts
+++ b/demos/aurelia/src/examples/slickgrid/example45.ts
@@ -1,5 +1,5 @@
 import { faker } from '@faker-js/faker';
-import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
+import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 import { bindable } from 'aurelia';
 import { type AureliaGridInstance, type Column, type GridOption } from 'aurelia-slickgrid';
 import { Example45DetailView, type Distributor, type OrderData } from './example45-detail-view.js';
@@ -22,7 +22,7 @@ export class Example45 {
   hideSubTitle = false;
 
   get rowDetailInstance() {
-    return this.aureliaGrid?.extensionService.getExtensionInstanceByName('rowDetailView') as AureliaSlickRowDetailView;
+    return this.aureliaGrid?.extensionService.getExtensionInstanceByName('rowDetailView') as AureliaRowDetailView;
   }
 
   aureliaGridReady(aureliaGrid: AureliaGridInstance) {
@@ -102,7 +102,7 @@ export class Example45 {
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
       rowHeight: 33,
-      externalResources: [AureliaSlickRowDetailView],
+      externalResources: [AureliaRowDetailView],
       rowDetailView: {
         process: (item) => this.simulateServerAsyncCall(item),
         loadOnce: false, // you can't use loadOnce with inner grid because only HTML template are re-rendered, not JS events
diff --git a/demos/aurelia/src/examples/slickgrid/example47-detail-view.ts b/demos/aurelia/src/examples/slickgrid/example47-detail-view.ts
index a79c5cee0..615f9e0c7 100644
--- a/demos/aurelia/src/examples/slickgrid/example47-detail-view.ts
+++ b/demos/aurelia/src/examples/slickgrid/example47-detail-view.ts
@@ -1,4 +1,4 @@
-import type { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
+import type { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 import { bindable } from 'aurelia';
 import type { SlickDataView, SlickGrid } from 'aurelia-slickgrid';
 import { showToast } from './utilities.js';
@@ -20,7 +20,7 @@ export class Example47DetailView {
   @bindable() model!: Item;
 
   // you also have access to the following objects (it must match the exact property names shown below)
-  @bindable() addon!: AureliaSlickRowDetailView; // row detail addon instance
+  @bindable() addon!: AureliaRowDetailView; // row detail addon instance
   @bindable() grid!: SlickGrid;
   @bindable() dataView!: SlickDataView;
 
diff --git a/demos/aurelia/src/examples/slickgrid/example47.ts b/demos/aurelia/src/examples/slickgrid/example47.ts
index 77b5cbc57..402244909 100644
--- a/demos/aurelia/src/examples/slickgrid/example47.ts
+++ b/demos/aurelia/src/examples/slickgrid/example47.ts
@@ -1,4 +1,4 @@
-import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
+import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 import { bindable } from 'aurelia';
 import {
   Aggregators,
@@ -183,7 +183,7 @@ export class Example47 {
       enableRowDetailView: true,
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
-      externalResources: [AureliaSlickRowDetailView],
+      externalResources: [AureliaRowDetailView],
       rowDetailView: {
         // optionally change the column index position of the icon (defaults to 0)
         // columnIndexPosition: 1,
diff --git a/demos/react/src/examples/slickgrid/Example19.tsx b/demos/react/src/examples/slickgrid/Example19.tsx
index 00bb3a839..9920d7c6e 100644
--- a/demos/react/src/examples/slickgrid/Example19.tsx
+++ b/demos/react/src/examples/slickgrid/Example19.tsx
@@ -1,5 +1,5 @@
 import { type EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
 import React, { useEffect, useRef, useState } from 'react';
 import { Editors, Filters, Formatters, SlickgridReact, type Column, type GridOption, type SlickgridReactInstance } from 'slickgrid-react';
 import { ExampleDetailPreload } from './Example-detail-preload.js';
@@ -32,7 +32,7 @@ const Example19: React.FC = () => {
   }, []);
 
   function rowDetailInstance() {
-    return reactGridRef.current?.extensionService.getExtensionInstanceByName('rowDetailView') as ReactSlickRowDetailView;
+    return reactGridRef.current?.extensionService.getExtensionInstanceByName('rowDetailView') as ReactRowDetailView;
   }
 
   const getColumnsDefinition = (): Column[] => {
@@ -164,7 +164,7 @@ const Example19: React.FC = () => {
       darkMode,
       datasetIdPropertyName: 'rowId',
       preRegisterExternalExtensions: (pubSubService) => {
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
         return [{ name: 'rowDetailView', instance: rowDetail }];
       },
       rowDetailView: {
diff --git a/demos/react/src/examples/slickgrid/Example45.tsx b/demos/react/src/examples/slickgrid/Example45.tsx
index 7943cf4fd..26e015401 100644
--- a/demos/react/src/examples/slickgrid/Example45.tsx
+++ b/demos/react/src/examples/slickgrid/Example45.tsx
@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker';
 import { type EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
 import React, { useEffect, useRef, useState } from 'react';
 import { SlickgridReact, type Column, type GridOption, type SlickgridReactInstance } from 'slickgrid-react';
 import Example45DetailView, { type Distributor, type OrderData } from './Example45-detail-view.js';
@@ -41,7 +41,7 @@ const Example45: React.FC = () => {
   }, [isUsingInnerGridStatePresets]);
 
   function rowDetailInstance() {
-    return reactGridRef.current?.extensionService.getExtensionInstanceByName('rowDetailView') as ReactSlickRowDetailView;
+    return reactGridRef.current?.extensionService.getExtensionInstanceByName('rowDetailView') as ReactRowDetailView;
   }
 
   function getColumnDefinitions(): Column[] {
@@ -158,7 +158,7 @@ const Example45: React.FC = () => {
       rowHeight: 33,
       darkMode,
       preRegisterExternalExtensions: (pubSubService) => {
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
         return [{ name: 'rowDetailView', instance: rowDetail }];
       },
       rowDetailView: {
diff --git a/demos/react/src/examples/slickgrid/Example47.tsx b/demos/react/src/examples/slickgrid/Example47.tsx
index 41ecbf76b..9e1a8cdcd 100644
--- a/demos/react/src/examples/slickgrid/Example47.tsx
+++ b/demos/react/src/examples/slickgrid/Example47.tsx
@@ -1,5 +1,5 @@
 import { type EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
 import React, { useEffect, useRef, useState } from 'react';
 import {
   Aggregators,
@@ -60,7 +60,7 @@ const Example47: React.FC = () => {
   }
 
   function rowDetailInstance() {
-    return reactGridRef.current?.extensionService.getExtensionInstanceByName(ExtensionName.rowDetailView) as ReactSlickRowDetailView;
+    return reactGridRef.current?.extensionService.getExtensionInstanceByName(ExtensionName.rowDetailView) as ReactRowDetailView;
   }
 
   const getColumnsDefinition = (): Column<Item>[] => {
@@ -200,7 +200,7 @@ const Example47: React.FC = () => {
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode,
       preRegisterExternalExtensions: (pubSubService) => {
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
         return [{ name: 'rowDetailView', instance: rowDetail }];
       },
       rowDetailView: {
diff --git a/demos/vue/src/components/Example19.vue b/demos/vue/src/components/Example19.vue
index 9c40b759a..4076872c0 100644
--- a/demos/vue/src/components/Example19.vue
+++ b/demos/vue/src/components/Example19.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
 import { Editors, Filters, Formatters, SlickgridVue, type Column, type GridOption, type SlickgridVueInstance } from 'slickgrid-vue';
 import { computed, onBeforeMount, onUnmounted, ref, type Ref } from 'vue';
 import Example19Detail from './Example19Detail.vue';
@@ -121,7 +121,7 @@ function defineGrid() {
     rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
     darkMode: isDarkMode.value,
     datasetIdPropertyName: 'rowId', // optionally use a different "id"
-    externalResources: [VueSlickRowDetailView],
+    externalResources: [VueRowDetailView],
     rowDetailView: {
       // optionally change the column index position of the icon (defaults to 0)
       // columnIndexPosition: 1,
diff --git a/demos/vue/src/components/Example45.vue b/demos/vue/src/components/Example45.vue
index f9d7ebcbf..b899b9187 100644
--- a/demos/vue/src/components/Example45.vue
+++ b/demos/vue/src/components/Example45.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { faker } from '@faker-js/faker';
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
 import { SlickgridVue, type Column, type GridOption, type SlickgridVueInstance } from 'slickgrid-vue';
 import { computed, onBeforeMount, onUnmounted, ref, type Ref } from 'vue';
 import Example45Detail, { type Distributor, type OrderData } from './Example45Detail.vue';
@@ -19,7 +19,7 @@ const showSubTitle = ref(true);
 const serverWaitDelay = ref(FAKE_SERVER_DELAY); // server simulation with default of 250ms but 50ms for Cypress tests
 let vueGrid!: SlickgridVueInstance;
 
-const rowDetailInstance = computed(() => vueGrid?.extensionService.getExtensionInstanceByName('rowDetailView') as VueSlickRowDetailView);
+const rowDetailInstance = computed(() => vueGrid?.extensionService.getExtensionInstanceByName('rowDetailView') as VueRowDetailView);
 
 onBeforeMount(() => {
   defineGrid();
@@ -95,7 +95,7 @@ function defineGrid() {
     enableRowDetailView: true,
     rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
     rowHeight: 33,
-    externalResources: [VueSlickRowDetailView],
+    externalResources: [VueRowDetailView],
     rowDetailView: {
       process: (item: any) => simulateServerAsyncCall(item),
       loadOnce: false, // you can't use loadOnce with inner grid because only HTML template are re-rendered, not JS events
diff --git a/demos/vue/src/components/Example47.vue b/demos/vue/src/components/Example47.vue
index 86ad0b93f..104b1cd66 100644
--- a/demos/vue/src/components/Example47.vue
+++ b/demos/vue/src/components/Example47.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
 import {
   Aggregators,
   Editors,
@@ -157,7 +157,7 @@ function defineGrid() {
     enableRowDetailView: true,
     rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
     darkMode: isDarkMode.value,
-    externalResources: [VueSlickRowDetailView],
+    externalResources: [VueRowDetailView],
     rowDetailView: {
       // We can load the "process" asynchronously in 2 different ways (Fetch OR Promise)
       process: (item: any) => simulateServerAsyncCall(item),
diff --git a/frameworks-plugins/angular-row-detail-plugin/src/angularSlickRowDetailView.ts b/frameworks-plugins/angular-row-detail-plugin/src/angularRowDetailView.ts
similarity index 98%
rename from frameworks-plugins/angular-row-detail-plugin/src/angularSlickRowDetailView.ts
rename to frameworks-plugins/angular-row-detail-plugin/src/angularRowDetailView.ts
index b536d6cf5..6a08099b3 100644
--- a/frameworks-plugins/angular-row-detail-plugin/src/angularSlickRowDetailView.ts
+++ b/frameworks-plugins/angular-row-detail-plugin/src/angularRowDetailView.ts
@@ -18,7 +18,7 @@ import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
 import { type AngularUtilService, type GridOption } from 'angular-slickgrid';
 import { Observable, type Subject } from 'rxjs';
-import type { RowDetailView } from './interfaces';
+import type { RowDetailView } from './interfaces.js';
 
 const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
 const PRELOAD_CONTAINER_PREFIX = 'container_loading';
@@ -30,8 +30,8 @@ export interface CreatedView {
   rendered?: boolean;
 }
 
-export class AngularSlickRowDetailView extends UniversalSlickRowDetailView {
-  static readonly pluginName = 'AngularSlickRowDetailView';
+export class AngularRowDetailView extends UniversalSlickRowDetailView {
+  static readonly pluginName = 'AngularRowDetailView';
   rowDetailContainer!: ViewContainerRef;
   protected _preloadComponent: Type<object> | undefined;
   protected _preloadCompRef?: ComponentRef<any>;
@@ -89,7 +89,7 @@ export class AngularSlickRowDetailView extends UniversalSlickRowDetailView {
   }
 
   /** Get the instance of the SlickGrid addon (control or plugin). */
-  getAddonInstance(): AngularSlickRowDetailView | null {
+  getAddonInstance(): AngularRowDetailView | null {
     return this;
   }
 
@@ -103,7 +103,7 @@ export class AngularSlickRowDetailView extends UniversalSlickRowDetailView {
    * Create the plugin before the Grid creation, else it will behave oddly.
    * Mostly because the column definitions might change after the grid creation
    */
-  register(rowSelectionPlugin?: SelectionModel): AngularSlickRowDetailView {
+  register(rowSelectionPlugin?: SelectionModel): AngularRowDetailView {
     if (typeof this.gridOptions.rowDetailView?.process === 'function') {
       // we need to keep the user "process" method and replace it with our own execution method
       // we do this because when we get the item detail, we need to call "onAsyncResponse.notify" for the plugin to work
diff --git a/frameworks-plugins/angular-row-detail-plugin/src/index.ts b/frameworks-plugins/angular-row-detail-plugin/src/index.ts
index 568ec0605..cf1e4ab48 100644
--- a/frameworks-plugins/angular-row-detail-plugin/src/index.ts
+++ b/frameworks-plugins/angular-row-detail-plugin/src/index.ts
@@ -1 +1 @@
-export * from './angularSlickRowDetailView';
+export * from './angularRowDetailView.js';
diff --git a/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaSlickRowDetailView.ts b/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaRowDetailView.ts
similarity index 98%
rename from frameworks-plugins/aurelia-row-detail-plugin/src/aureliaSlickRowDetailView.ts
rename to frameworks-plugins/aurelia-row-detail-plugin/src/aureliaRowDetailView.ts
index 47712e7ed..e6873df63 100644
--- a/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaSlickRowDetailView.ts
+++ b/frameworks-plugins/aurelia-row-detail-plugin/src/aureliaRowDetailView.ts
@@ -21,8 +21,8 @@ const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
 const PRELOAD_CONTAINER_PREFIX = 'container_loading';
 
 @transient()
-export class AureliaSlickRowDetailView extends UniversalSlickRowDetailView {
-  static readonly pluginName = 'AureliaSlickRowDetailView';
+export class AureliaRowDetailView extends UniversalSlickRowDetailView {
+  static readonly pluginName = 'AureliaRowDetailView';
   protected _preloadViewModel?: Constructable;
   protected _preloadController?: ICustomElementController;
   protected _slots: CreatedView[] = [];
@@ -72,7 +72,7 @@ export class AureliaSlickRowDetailView extends UniversalSlickRowDetailView {
   }
 
   /** Get the instance of the SlickGrid addon (control or plugin). */
-  getAddonInstance(): AureliaSlickRowDetailView | null {
+  getAddonInstance(): AureliaRowDetailView | null {
     return this;
   }
 
diff --git a/frameworks-plugins/aurelia-row-detail-plugin/src/index.ts b/frameworks-plugins/aurelia-row-detail-plugin/src/index.ts
index 21b370207..faaa8df5f 100644
--- a/frameworks-plugins/aurelia-row-detail-plugin/src/index.ts
+++ b/frameworks-plugins/aurelia-row-detail-plugin/src/index.ts
@@ -1 +1 @@
-export * from './aureliaSlickRowDetailView.js';
+export * from './aureliaRowDetailView.js';
diff --git a/frameworks-plugins/react-row-detail-plugin/src/index.ts b/frameworks-plugins/react-row-detail-plugin/src/index.ts
index 98dc2918f..4383913d1 100644
--- a/frameworks-plugins/react-row-detail-plugin/src/index.ts
+++ b/frameworks-plugins/react-row-detail-plugin/src/index.ts
@@ -1 +1 @@
-export * from './reactSlickRowDetailView.js';
+export * from './reactRowDetailView.js';
diff --git a/frameworks-plugins/react-row-detail-plugin/src/reactSlickRowDetailView.ts b/frameworks-plugins/react-row-detail-plugin/src/reactRowDetailView.ts
similarity index 98%
rename from frameworks-plugins/react-row-detail-plugin/src/reactSlickRowDetailView.ts
rename to frameworks-plugins/react-row-detail-plugin/src/reactRowDetailView.ts
index 6bc2fafc9..972aeefba 100644
--- a/frameworks-plugins/react-row-detail-plugin/src/reactSlickRowDetailView.ts
+++ b/frameworks-plugins/react-row-detail-plugin/src/reactRowDetailView.ts
@@ -26,8 +26,8 @@ export interface CreatedView {
   rendered?: boolean;
 }
 
-export class ReactSlickRowDetailView extends UniversalSlickRowDetailView {
-  static readonly pluginName = 'ReactSlickRowDetailView';
+export class ReactRowDetailView extends UniversalSlickRowDetailView {
+  static readonly pluginName = 'ReactRowDetailView';
   protected _component?: any;
   protected _preloadComponent?: any;
   protected _preloadRoot?: Root;
@@ -75,7 +75,7 @@ export class ReactSlickRowDetailView extends UniversalSlickRowDetailView {
   }
 
   /** Get the instance of the SlickGrid addon (control or plugin). */
-  getAddonInstance(): ReactSlickRowDetailView | null {
+  getAddonInstance(): ReactRowDetailView | null {
     return this;
   }
 
diff --git a/frameworks-plugins/vue-row-detail-plugin/src/index.ts b/frameworks-plugins/vue-row-detail-plugin/src/index.ts
index b1d55d2a6..9c9ff6067 100644
--- a/frameworks-plugins/vue-row-detail-plugin/src/index.ts
+++ b/frameworks-plugins/vue-row-detail-plugin/src/index.ts
@@ -1 +1 @@
-export * from './vueSlickRowDetailView.js';
+export * from './vueRowDetailView.js';
diff --git a/frameworks-plugins/vue-row-detail-plugin/src/vueSlickRowDetailView.ts b/frameworks-plugins/vue-row-detail-plugin/src/vueRowDetailView.ts
similarity index 98%
rename from frameworks-plugins/vue-row-detail-plugin/src/vueSlickRowDetailView.ts
rename to frameworks-plugins/vue-row-detail-plugin/src/vueRowDetailView.ts
index e21a93a84..5c80b4217 100644
--- a/frameworks-plugins/vue-row-detail-plugin/src/vueSlickRowDetailView.ts
+++ b/frameworks-plugins/vue-row-detail-plugin/src/vueRowDetailView.ts
@@ -28,8 +28,8 @@ export interface CreatedView {
   instance: ComponentPublicInstance | null;
 }
 
-export class VueSlickRowDetailView extends UniversalSlickRowDetailView {
-  static readonly pluginName = 'VueSlickRowDetailView';
+export class VueRowDetailView extends UniversalSlickRowDetailView {
+  static readonly pluginName = 'VueRowDetailView';
   protected _component?: any;
   protected _preloadComponent?: any;
   protected _preloadApp?: App<Element>;
@@ -86,7 +86,7 @@ export class VueSlickRowDetailView extends UniversalSlickRowDetailView {
   }
 
   /** Get the instance of the SlickGrid addon (control or plugin). */
-  getAddonInstance(): VueSlickRowDetailView | null {
+  getAddonInstance(): VueRowDetailView | null {
     return this;
   }
 
diff --git a/frameworks/angular-slickgrid/docs/grid-functionalities/row-detail.md b/frameworks/angular-slickgrid/docs/grid-functionalities/row-detail.md
index 17aae3495..044164547 100644
--- a/frameworks/angular-slickgrid/docs/grid-functionalities/row-detail.md
+++ b/frameworks/angular-slickgrid/docs/grid-functionalities/row-detail.md
@@ -40,7 +40,7 @@ A Row Detail allows you to open a detail panel which can contain extra and/or mo
 
 ##### Component
 ```ts
-import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin'; // for v10 and above
+import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin'; // for v10 and above
 
 @Component({
   templateUrl: './grid-rowdetail.component.html'
@@ -66,7 +66,7 @@ export class GridRowDetailComponent implements OnInit, OnDestroy {
       selectionOptions: {
         selectActiveRow: true
       },
-      externalResources: [AngularSlickRowDetailView], // for v10 and above
+      externalResources: [AngularRowDetailView], // for v10 and above
       rowDetailView: {
         // We can load the "process" asynchronously in 2 different ways (httpClient OR even Promise)
         process: (item) => this.http.get(`api/item/${item.id}`),
@@ -401,7 +401,7 @@ Main Grid Component
 
 ```ts
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin'; // for v10 and above
+import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin'; // for v10 and above
 import { AngularGridInstance, Column, GridOption, GridState } from 'angular-slickgrid';
 
 @Component({
@@ -436,7 +436,7 @@ export class MainGridComponent implements OnInit {
       selectionOptions: {
         selectActiveRow: true
       },
-      externalResources: [AngularSlickRowDetailView], // for v10 and above
+      externalResources: [AngularRowDetailView], // for v10 and above
       rowDetailView: {
         process: (item: any) => simulateServerAsyncCall(item),
         loadOnce: false, // IMPORTANT, you can't use loadOnce with inner grid because only HTML template are re-rendered, not JS events
diff --git a/frameworks/angular-slickgrid/docs/migrations/migration-to-10.x.md b/frameworks/angular-slickgrid/docs/migrations/migration-to-10.x.md
index 9aafa586c..a61c1e1be 100644
--- a/frameworks/angular-slickgrid/docs/migrations/migration-to-10.x.md
+++ b/frameworks/angular-slickgrid/docs/migrations/migration-to-10.x.md
@@ -41,13 +41,13 @@ _following changes should be transparent to most users, I'm just listing them in
 Since I don't think that Row Detail is being used by everyone, I'm making it an optional plugin (package). This should help decrease build size quite a bit for users who never use it. If however you are one of them using it, then you now need to manually add it as an external resource.
 
 ```diff
-+ import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
++ import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
 
 export class Example {
   defineGrid() {
     this.gridOptions = {
       enableRowDetailView: true,
-+     externalResources: [AngularSlickRowDetailView],
++     externalResources: [AngularRowDetailView],
       rowDetailView: {
         // ...
       }
diff --git a/frameworks/angular-slickgrid/src/demos/examples/example19.component.ts b/frameworks/angular-slickgrid/src/demos/examples/example19.component.ts
index 8c37f9ce1..a9bf29ef1 100644
--- a/frameworks/angular-slickgrid/src/demos/examples/example19.component.ts
+++ b/frameworks/angular-slickgrid/src/demos/examples/example19.component.ts
@@ -1,6 +1,6 @@
 import { Component, type OnDestroy, type OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
+import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
 import {
   AngularSlickgridComponent,
   Editors,
@@ -36,7 +36,7 @@ export class Example19Component implements OnDestroy, OnInit {
     this.angularGrid = angularGrid;
   }
 
-  get rowDetailInstance(): AngularSlickRowDetailView {
+  get rowDetailInstance(): AngularRowDetailView {
     // you can get the SlickGrid RowDetail plugin (addon) instance via 2 ways
 
     // option 1
@@ -144,7 +144,7 @@ export class Example19Component implements OnDestroy, OnInit {
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
       datasetIdPropertyName: 'rowId', // optionally use a different "id"
-      externalResources: [AngularSlickRowDetailView],
+      externalResources: [AngularRowDetailView],
       rowDetailView: {
         // optionally change the column index position of the icon (defaults to 0)
         // columnIndexPosition: 1,
diff --git a/frameworks/angular-slickgrid/src/demos/examples/example45.component.ts b/frameworks/angular-slickgrid/src/demos/examples/example45.component.ts
index 38ef8e705..02edb2d0d 100644
--- a/frameworks/angular-slickgrid/src/demos/examples/example45.component.ts
+++ b/frameworks/angular-slickgrid/src/demos/examples/example45.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewEncapsulation, type OnDestroy, type OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { faker } from '@faker-js/faker';
-import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
+import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
 import { AngularSlickgridComponent, type AngularGridInstance, type Column, type GridOption } from '../../library';
 import { Example45DetailComponent, type Distributor, type OrderData } from './example45-detail.component';
 import { RowDetailPreloadComponent } from './rowdetail-preload.component';
@@ -27,7 +27,7 @@ export class Example45Component implements OnDestroy, OnInit {
   isUsingAutoHeight = false;
   serverWaitDelay = FAKE_SERVER_DELAY;
 
-  get rowDetailInstance(): AngularSlickRowDetailView {
+  get rowDetailInstance(): AngularRowDetailView {
     return this.angularGrid.extensions.rowDetailView?.instance || {};
   }
 
@@ -112,7 +112,7 @@ export class Example45Component implements OnDestroy, OnInit {
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
       rowHeight: 33,
-      externalResources: [AngularSlickRowDetailView],
+      externalResources: [AngularRowDetailView],
       rowDetailView: {
         process: (item: any) => this.simulateServerAsyncCall(item),
         loadOnce: false, // you can't use loadOnce with inner grid because only HTML template are re-rendered, not JS events
diff --git a/frameworks/angular-slickgrid/src/demos/examples/example47.component.ts b/frameworks/angular-slickgrid/src/demos/examples/example47.component.ts
index eedf62468..2e36c9986 100644
--- a/frameworks/angular-slickgrid/src/demos/examples/example47.component.ts
+++ b/frameworks/angular-slickgrid/src/demos/examples/example47.component.ts
@@ -1,6 +1,6 @@
 import { Component, type OnDestroy, type OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { AngularSlickRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
+import { AngularRowDetailView } from '@slickgrid-universal/angular-row-detail-plugin';
 import {
   Aggregators,
   AngularSlickgridComponent,
@@ -57,7 +57,7 @@ export class Example47Component implements OnDestroy, OnInit {
     this.groupByDuration(); // group by duration on page load
   }
 
-  get rowDetailInstance(): AngularSlickRowDetailView {
+  get rowDetailInstance(): AngularRowDetailView {
     // you can get the SlickGrid RowDetail plugin (addon) instance via 2 ways
 
     // option 1
@@ -178,7 +178,7 @@ export class Example47Component implements OnDestroy, OnInit {
       enableRowDetailView: true,
       rowTopOffsetRenderType: 'top', // RowDetail and/or RowSpan don't render well with "transform", you should use "top"
       darkMode: this._darkMode,
-      externalResources: [AngularSlickRowDetailView],
+      externalResources: [AngularRowDetailView],
       rowDetailView: {
         process: (item) => this.simulateServerAsyncCall(item),
         loadOnce: true,
diff --git a/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts b/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts
index 9cf7211c8..b3b2d8fed 100644
--- a/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts
+++ b/frameworks/angular-slickgrid/src/library/components/__tests__/angular-slickgrid.component.spec.ts
@@ -70,8 +70,8 @@ const angularUtilServiceStub = {
   createAngularComponentAppendToDom: vi.fn(),
 } as unknown as AngularUtilService;
 
-class AngularSlickRowDetailView {
-  static readonly pluginName = 'AngularSlickRowDetailView';
+class AngularRowDetailView {
+  static readonly pluginName = 'AngularRowDetailView';
   create = vi.fn();
   init = vi.fn();
 }
@@ -1111,7 +1111,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
         component.options = { enableRowDetailView: true } as unknown as GridOption;
 
         expect(() => component.initialization(slickEventHandler)).toThrowError(
-          '[Angular-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AngularSlickRowDetailView" class as an external resource.'
+          '[Angular-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AngularRowDetailView" class as an external resource.'
         );
       });
 
@@ -1793,7 +1793,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
         component.options = {
           ...gridOptions,
           // enableRowDetailView: true,
-          externalResources: [AngularSlickRowDetailView],
+          externalResources: [AngularRowDetailView],
           presets: { columns: mockColsPresets },
         } as GridOption;
         component.initialization(slickEventHandler);
@@ -1836,7 +1836,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
           enableCheckboxSelector: true,
           enableRowDetailView: true,
           enableRowMoveManager: true,
-          externalResources: [AngularSlickRowDetailView],
+          externalResources: [AngularRowDetailView],
           presets: { columns: mockColsPresets },
         } as unknown as GridOption;
         component.initialization(slickEventHandler);
@@ -1981,7 +1981,7 @@ describe('Angular-Slickgrid Custom Component instantiated via Constructor', () =
         vi.spyOn(mockGrid, 'getRenderedRange').mockReturnValue({ bottom: 10, top: 0, leftPx: 0, rightPx: 890 });
 
         component.options.enableRowDetailView = true;
-        component.options.externalResources = [AngularSlickRowDetailView];
+        component.options.externalResources = [AngularRowDetailView];
         component.initialization(slickEventHandler);
         mockDataView.onRowCountChanged.notify({
           current: 2,
diff --git a/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts b/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts
index 921d08667..084741461 100644
--- a/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts
+++ b/frameworks/angular-slickgrid/src/library/components/angular-slickgrid.component.ts
@@ -76,7 +76,7 @@ import type { AngularSlickgridOutputs, RegularEventOutput, SlickEventOutput } fr
 
 const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-parse isn't enabled
 
-export interface AngularSlickRowDetailView {
+export interface AngularRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
   init(grid: SlickGrid, containerService?: ContainerService): void;
 }
@@ -132,7 +132,7 @@ export class AngularSlickgridComponent<TData = any> implements AfterViewInit, On
   slickFooter?: SlickFooterComponent;
   slickPagination?: BasePaginationComponent;
   paginationComponent: BasePaginationComponent | undefined;
-  slickRowDetailView?: AngularSlickRowDetailView;
+  slickRowDetailView?: AngularRowDetailView;
 
   // services
   backendUtilityService!: BackendUtilityService;
@@ -1558,12 +1558,12 @@ export class AngularSlickgridComponent<TData = any> implements AfterViewInit, On
     this.registerRxJsResource(new RxJsResource() as RxJsFacade);
 
     if (this.options.enableRowDetailView) {
-      const RowDetailClass = this._registeredResources.find((res: any) => res.pluginName === 'AngularSlickRowDetailView') as
+      const RowDetailClass = this._registeredResources.find((res: any) => res.pluginName === 'AngularRowDetailView') as
         | ExternalResourceConstructor
         | undefined;
       if (!RowDetailClass) {
         throw new Error(
-          '[Angular-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AngularSlickRowDetailView" class as an external resource.'
+          '[Angular-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AngularRowDetailView" class as an external resource.'
         );
       }
 
@@ -1574,7 +1574,7 @@ export class AngularSlickgridComponent<TData = any> implements AfterViewInit, On
           this._eventPubSubService,
           this.elm.nativeElement,
           this.rxjs
-        ) as AngularSlickRowDetailView;
+        ) as AngularRowDetailView;
         this.slickRowDetailView = rowDetailInstance;
         rowDetailInstance.create(this.columns, this.options);
         this.extensionService.addExtensionToList('rowDetailView', {
@@ -1602,7 +1602,7 @@ export class AngularSlickgridComponent<TData = any> implements AfterViewInit, On
   }
 
   protected initializeExternalResources(resources: Array<ExternalResource | ExternalResourceConstructor>) {
-    PluginFlagMappings.set('AngularSlickRowDetailView', 'enableRowDetailView');
+    PluginFlagMappings.set('AngularRowDetailView', 'enableRowDetailView'); // map the external Row Detail View resource to its flag
 
     if (Array.isArray(resources)) {
       for (const resource of resources) {
diff --git a/frameworks/aurelia-slickgrid/docs/grid-functionalities/row-detail.md b/frameworks/aurelia-slickgrid/docs/grid-functionalities/row-detail.md
index 876e89414..292a59b30 100644
--- a/frameworks/aurelia-slickgrid/docs/grid-functionalities/row-detail.md
+++ b/frameworks/aurelia-slickgrid/docs/grid-functionalities/row-detail.md
@@ -40,7 +40,7 @@ A Row Detail allows you to open a detail panel which can contain extra and/or mo
 
 ##### Component
 ```ts
-import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin'; // for v10 and above
+import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin'; // for v10 and above
 import { AureliaGridInstance, GridState } from 'aurelia-slickgrid';
 
 export class GridExample {
@@ -64,7 +64,7 @@ export class GridExample {
       selectionOptions: {
         selectActiveRow: true
       },
-      externalResources: [AureliaSlickRowDetailView], // for v10 and above
+      externalResources: [AureliaRowDetailView], // for v10 and above
       rowDetailView: {
         // We can load the "process" asynchronously in 3 different ways (aurelia-http-client, aurelia-fetch-client OR even Promise)
         process: (item) => this.http.get(`api/item/${item.id}`),
@@ -158,7 +158,7 @@ Most of the time we would get data asynchronously, during that time we can show
 ```ts
     this.gridOptions = {
       enableRowDetailView: true,
-      externalResources: [AureliaSlickRowDetailView], // for v10 and above
+      externalResources: [AureliaRowDetailView], // for v10 and above
       rowDetailView: {
         //  ... row detail options
 
@@ -175,7 +175,7 @@ Same concept as the preload, we pass an Aurelia ViewModel to the `viewModel` tha
 ```ts
     this.gridOptions = {
       enableRowDetailView: true,
-      externalResources: [AureliaSlickRowDetailView], // for v10 and above
+      externalResources: [AureliaRowDetailView], // for v10 and above
       rowDetailView: {
         //  ... row detail options
 
@@ -257,7 +257,7 @@ The Row Detail provides you access to the following references (SlickGrid, DataV
 // Parent Component (grid)
 this.gridOptions = {
   enableRowDetailView: true,
-  externalResources: [AureliaSlickRowDetailView], // for v10 and above
+  externalResources: [AureliaRowDetailView], // for v10 and above
   rowDetailView: {
     // ...
     // ViewModel Template to load when row detail data is ready
@@ -386,7 +386,7 @@ You can also add an inner grid inside a Row Detail, however there are a few thin
 Main Grid Component
 
 ```ts
-import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin'; // for v10 and above
+import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin'; // for v10 and above
 import { bindable } from 'aurelia';
 import { type AureliaGridInstance, type Column, ExtensionName, type GridOption, type SlickRowDetailView, } from 'aurelia-slickgrid';
 
@@ -416,7 +416,7 @@ export class MainGrid implements OnInit {
     this.columnDefinitions = [ /*...*/ ];
     this.gridOptions = {
       enableRowDetailView: true,
-      externalResources: [AureliaSlickRowDetailView], // for v10 and above
+      externalResources: [AureliaRowDetailView], // for v10 and above
 
       // `rowSelectionOptions` in <=9.x OR `selectionOptions` in >=10.x
       selectionOptions: {
diff --git a/frameworks/aurelia-slickgrid/docs/migrations/migration-to-10.x.md b/frameworks/aurelia-slickgrid/docs/migrations/migration-to-10.x.md
index c096caa79..2c37ba755 100644
--- a/frameworks/aurelia-slickgrid/docs/migrations/migration-to-10.x.md
+++ b/frameworks/aurelia-slickgrid/docs/migrations/migration-to-10.x.md
@@ -37,13 +37,13 @@ _following changes should be transparent to most users, I'm just listing them in
 Since I don't think that Row Detail is being used by everyone, I'm making it an optional plugin (package). This should help decrease build size quite a bit for users who never use it. If however you are one of them using it, then you now need to manually add it as an external resource.
 
 ```diff
-+ import { AureliaSlickRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
++ import { AureliaRowDetailView } from '@slickgrid-universal/aurelia-row-detail-plugin';
 
 export class Example {
   defineGrid() {
     this.gridOptions = {
       enableRowDetailView: true,
-+     externalResources: [AureliaSlickRowDetailView],
++     externalResources: [AureliaRowDetailView],
       rowDetailView: {
         // ...
       }
diff --git a/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts b/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts
index 39b863933..fbbf6ef3d 100644
--- a/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts
+++ b/frameworks/aurelia-slickgrid/src/custom-elements/aurelia-slickgrid.ts
@@ -59,7 +59,7 @@ import { AureliaUtilService, ContainerService, disposeAllSubscriptions, Translat
 
 const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-parse isn't enabled
 
-export interface AureliaSlickRowDetailView {
+export interface AureliaRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
   init(grid: SlickGrid, containerService?: ContainerService): void;
 }
@@ -119,7 +119,7 @@ export class AureliaSlickgridCustomElement {
   slickFooter: SlickFooterComponent | undefined;
   paginationComponent: BasePaginationComponent | undefined;
   slickPagination: BasePaginationComponent | undefined;
-  slickRowDetailView?: AureliaSlickRowDetailView;
+  slickRowDetailView?: AureliaRowDetailView;
 
   // services
   backendUtilityService!: BackendUtilityService;
@@ -1463,7 +1463,7 @@ export class AureliaSlickgridCustomElement {
   }
 
   protected initializeExternalResources(resources: Array<ExternalResource | ExternalResourceConstructor>) {
-    PluginFlagMappings.set('AureliaSlickRowDetailView', 'enableRowDetailView');
+    PluginFlagMappings.set('AureliaRowDetailView', 'enableRowDetailView'); // map the external Row Detail View resource to its flag
 
     if (Array.isArray(resources)) {
       for (const resource of resources) {
@@ -1487,12 +1487,12 @@ export class AureliaSlickgridCustomElement {
     }
 
     if (this.options.enableRowDetailView) {
-      const RowDetailClass = this._registeredResources.find((res: any) => res.pluginName === 'AureliaSlickRowDetailView') as
+      const RowDetailClass = this._registeredResources.find((res: any) => res.pluginName === 'AureliaRowDetailView') as
         | ExternalResourceConstructor
         | undefined;
       if (!RowDetailClass) {
         throw new Error(
-          '[Aurelia-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AureliaSlickRowDetailView" class as an external resource.'
+          '[Aurelia-Slickgrid] You enabled the Row Detail View feature but you did not provide the "AureliaRowDetailView" class as an external resource.'
         );
       }
 
@@ -1501,7 +1501,7 @@ export class AureliaSlickgridCustomElement {
           this.aureliaUtilService,
           this._eventPubSubService,
           this.elm as HTMLElement
-        ) as AureliaSlickRowDetailView;
+        ) as AureliaRowDetailView;
         this.slickRowDetailView = rowDetailInstance;
         rowDetailInstance.create(this.columns, this.options);
         this.extensionService.addExtensionToList('rowDetailView', {
diff --git a/frameworks/slickgrid-react/docs/grid-functionalities/row-detail.md b/frameworks/slickgrid-react/docs/grid-functionalities/row-detail.md
index bc4aee131..0c5d8f216 100644
--- a/frameworks/slickgrid-react/docs/grid-functionalities/row-detail.md
+++ b/frameworks/slickgrid-react/docs/grid-functionalities/row-detail.md
@@ -34,7 +34,7 @@ There is currently a known problem with Row Detail when loading the Row Detail C
 
 ##### Component
 ```tsx
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
 import { SlickRowDetailView } from 'slickgrid-react'; // for v9 and below
 
 const Example: React.FC = () => {
@@ -60,7 +60,7 @@ const Example: React.FC = () => {
       },
       preRegisterExternalExtensions: (pubSubService) => {
         // for v10 and above
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
 
         // for v9 and below
         const rowDetail = new SlickRowDetailView(pubSubService as EventPubSubService);
@@ -259,7 +259,7 @@ const ExampleDetail: React.FC = (props: Props) => {
 
 ###### Grid Definition
 ```tsx
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
 import { SlickRowDetailView } from 'slickgrid-react'; // for v9 and below
 
 const Example: React.FC = () => {
@@ -281,7 +281,7 @@ const Example: React.FC = () => {
       enableRowDetailView: true,
       preRegisterExternalExtensions: (pubSubService) => {
         // for v10 and above
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
 
         // for v9 and below
         const rowDetail = new SlickRowDetailView(pubSubService as EventPubSubService);
@@ -322,7 +322,7 @@ const Example: React.FC = () => {
 The Row Detail provides you access to the following references (SlickGrid, DataView, Parent Component and the Addon (3rd party plugin)), however please note that all of these references are available from the start **except** the Parent Component instance, for that one you need to reference it inside your Row Detail Grid Options like so:
 
 ```ts
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
 import { SlickRowDetailView } from 'slickgrid-react'; // for v9 and below
 
 const Example: React.FC = () => {
@@ -344,7 +344,7 @@ const Example: React.FC = () => {
       enableRowDetailView: true,
       preRegisterExternalExtensions: (pubSubService) => {
         // for v10 and above
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
 
         // for v9 and below
         const rowDetail = new SlickRowDetailView(pubSubService as EventPubSubService);
@@ -487,7 +487,7 @@ You can also add an inner grid inside a Row Detail, however there are a few thin
 Main Grid Component
 
 ```tsx
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
 import { SlickRowDetailView } from 'slickgrid-react'; // for v9 and below
 import React from 'react';
 import { type Column, ExtensionName, type GridOption, SlickgridReact, type SlickgridReactInstance, SlickRowDetailView, } from 'slickgrid-react';
@@ -521,7 +521,7 @@ const Example: React.FC = () => {
       },
       preRegisterExternalExtensions: (pubSubService) => {
         // for v10 and above
-        const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
+        const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
 
         // for v9 and below
         const rowDetail = new SlickRowDetailView(pubSubService as EventPubSubService);
@@ -556,7 +556,7 @@ const Example: React.FC = () => {
 Now, let's define our Inner Grid Component
 
 ```tsx
-import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
+import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin'; // for v10 and above
 import { SlickRowDetailView } from 'slickgrid-react'; // for v9 and below
 import React from 'react';
 import { type Column, type GridOption, type GridState, type RowDetailViewProps, SlickgridReact, type SlickgridReactInstance } from 'slickgrid-react';
diff --git a/frameworks/slickgrid-react/docs/migrations/migration-to-10.x.md b/frameworks/slickgrid-react/docs/migrations/migration-to-10.x.md
index 5140e3e57..1f4567516 100644
--- a/frameworks/slickgrid-react/docs/migrations/migration-to-10.x.md
+++ b/frameworks/slickgrid-react/docs/migrations/migration-to-10.x.md
@@ -37,14 +37,14 @@ _following changes should be transparent to most users, I'm just listing them in
 Since I don't think that Row Detail is being used by everyone, I'm making it an optional plugin (package). This should help decrease build size quite a bit for users who never use it. If however you are one of them using it, then you now need to manually add it as an external resource.
 
 ```diff
-+ import { ReactSlickRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
++ import { ReactRowDetailView } from '@slickgrid-universal/react-row-detail-plugin';
 
 const Example: React.FC = () => {
   function defineGrid() {
     setOptions({
       enableRowDetailView: true,
       preRegisterExternalExtensions: (pubSubService) => {
-+       const rowDetail = new ReactSlickRowDetailView(pubSubService as EventPubSubService);
++       const rowDetail = new ReactRowDetailView(pubSubService as EventPubSubService);
         return [{ name: ExtensionName.rowDetailView, instance: rowDetail }];
       },
     });
diff --git a/frameworks/slickgrid-react/src/components/slickgrid-react.tsx b/frameworks/slickgrid-react/src/components/slickgrid-react.tsx
index 607a325f1..881795df5 100644
--- a/frameworks/slickgrid-react/src/components/slickgrid-react.tsx
+++ b/frameworks/slickgrid-react/src/components/slickgrid-react.tsx
@@ -1570,7 +1570,7 @@ export class SlickgridReact<TData = any> extends React.Component<SlickgridReactP
   }
 
   protected initializeExternalResources(resources: Array<ExternalResource | ExternalResourceConstructor>) {
-    PluginFlagMappings.set('ReactSlickRowDetailView', 'enableRowDetailView');
+    PluginFlagMappings.set('ReactRowDetailView', 'enableRowDetailView'); // map the external Row Detail View resource to its flag
 
     if (Array.isArray(resources)) {
       for (const resource of resources) {
diff --git a/frameworks/slickgrid-vue/docs/grid-functionalities/row-detail.md b/frameworks/slickgrid-vue/docs/grid-functionalities/row-detail.md
index 8c18aba95..e1781eabf 100644
--- a/frameworks/slickgrid-vue/docs/grid-functionalities/row-detail.md
+++ b/frameworks/slickgrid-vue/docs/grid-functionalities/row-detail.md
@@ -30,7 +30,7 @@ A Row Detail allows you to open a detail panel which can contain extra and/or mo
 ##### Component
 ```vue
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
 import { type Column, Filters, Formatters, GridState, SlickgridVue, SlickgridVueInstance } from 'slickgrid-vue';
 import { onBeforeMount, type Ref } from 'vue';
 
@@ -51,7 +51,7 @@ function defineGrid() {
     selectionOptions: {
       selectActiveRow: true
     },
-    externalResources: [VueSlickRowDetailView], // for v10 and above
+    externalResources: [VueRowDetailView], // for v10 and above
     rowDetailView: {
       // We can load the "process" asynchronously via Fetch, Promise, ...
       process: (item) => http.get(`api/item/${item.id}`),
@@ -253,12 +253,12 @@ function callParentMethod(model: Item) {
 ###### Grid Definition
 ```vue
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
 
 function defineGrid() {
   gridOptions.value = {
     enableRowDetailView: true,
-    externalResources: [VueSlickRowDetailView], // for v10 and above
+    externalResources: [VueRowDetailView], // for v10 and above
     rowDetailView: {
       // We can load the "process" asynchronously via Fetch, Promise, ...
       process: (item) => http.get(`api/item/${item.id}`),
@@ -292,13 +292,13 @@ The Row Detail provides you access to the following references (SlickGrid, DataV
 
 ```ts
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
 
 function defineGrid() {
   // Parent Component (grid)
   gridOptions.value = {
     enableRowDetailView: true,
-    externalResources: [VueSlickRowDetailView], // for v10 and above
+    externalResources: [VueRowDetailView], // for v10 and above
     rowDetailView: {
       // ...
       // ViewComponent Template to load when row detail data is ready
@@ -425,7 +425,7 @@ Main Grid Component
 
 ```vue
 <script setup lang="ts">
-import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
+import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin'; // for v10 and above
 import { type Column, Filters, Formatters, GridState, SlickgridVue, SlickgridVueInstance } from 'slickgrid-vue';
 import { onBeforeMount, type Ref } from 'vue';
 
@@ -445,7 +445,7 @@ function defineGrid() {
     selectionOptions: {
       selectActiveRow: true
     },
-    externalResources: [VueSlickRowDetailView], // for v10 and above
+    externalResources: [VueRowDetailView], // for v10 and above
     rowDetailView: {
       process: (item: any) => simulateServerAsyncCall(item),
       loadOnce: false, // IMPORTANT, you can't use loadOnce with inner grid because only HTML template are re-rendered, not JS events
diff --git a/frameworks/slickgrid-vue/docs/migrations/migration-to-10.x.md b/frameworks/slickgrid-vue/docs/migrations/migration-to-10.x.md
index ded413518..61dc2982e 100644
--- a/frameworks/slickgrid-vue/docs/migrations/migration-to-10.x.md
+++ b/frameworks/slickgrid-vue/docs/migrations/migration-to-10.x.md
@@ -38,12 +38,12 @@ _following changes should be transparent to most users, I'm just listing them in
 Since I don't think that Row Detail is being used by everyone, I'm making it an optional plugin (package). This should help decrease build size quite a bit for users who never use it. If however you are one of them using it, then you now need to manually add it as an external resource.
 
 ```diff
-+ import { VueSlickRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
++ import { VueRowDetailView } from '@slickgrid-universal/vue-row-detail-plugin';
 
 function defineGrid() {
   gridOptions.value = {
     enableRowDetailView: true,
-+   externalResources: [VueSlickRowDetailView],
++   externalResources: [VueRowDetailView],
     rowDetailView: {
       // ...
     }
diff --git a/frameworks/slickgrid-vue/src/components/SlickgridVue.vue b/frameworks/slickgrid-vue/src/components/SlickgridVue.vue
index 388b141a7..cc0fbde12 100644
--- a/frameworks/slickgrid-vue/src/components/SlickgridVue.vue
+++ b/frameworks/slickgrid-vue/src/components/SlickgridVue.vue
@@ -70,7 +70,7 @@ import type { SlickgridVueProps } from './slickgridVueProps.interface.js';
 
 const WARN_NO_PREPARSE_DATE_SIZE = 10000; // data size to warn user when pre-parsing isn't enabled
 
-export interface VueSlickRowDetailView {
+export interface VueRowDetailView {
   create(columns: Column[], gridOptions: GridOption): any;
   init(grid: SlickGrid, containerService?: ContainerService): void;
 }
@@ -116,7 +116,7 @@ let subscriptions: Array<EventSubscription> = [];
 let slickEmptyWarning: SlickEmptyWarningComponent | undefined;
 let slickFooter: SlickFooterComponent | undefined;
 let slickPagination: BasePaginationComponent | undefined;
-let slickRowDetailView: VueSlickRowDetailView | undefined;
+let slickRowDetailView: VueRowDetailView | undefined;
 
 // initialize and assign all Service Dependencies
 let backendServiceApi: BackendServiceApi | undefined;
@@ -1420,7 +1420,7 @@ function autoEnableInitializedResources(resource: ExternalResource | ExternalRes
 }
 
 function initializeExternalResources(resources: Array<ExternalResource | ExternalResourceConstructor>) {
-  PluginFlagMappings.set('VueSlickRowDetailView', 'enableRowDetailView');
+  PluginFlagMappings.set('VueRowDetailView', 'enableRowDetailView'); // map the external Row Detail View resource to its flag
 
   if (Array.isArray(resources)) {
     for (const resource of resources) {
@@ -1444,17 +1444,17 @@ function preRegisterResources() {
   }
 
   if (_gridOptions.value.enableRowDetailView) {
-    const RowDetailClass = registeredResources.find((res: any) => res.pluginName === 'VueSlickRowDetailView') as
+    const RowDetailClass = registeredResources.find((res: any) => res.pluginName === 'VueRowDetailView') as
       | ExternalResourceConstructor
       | undefined;
     if (!RowDetailClass) {
       throw new Error(
-        '[Slickgrid-Vue] You enabled the Row Detail View feature but you did not provide the "VueSlickRowDetailView" class as an external resource.'
+        '[Slickgrid-Vue] You enabled the Row Detail View feature but you did not provide the "VueRowDetailView" class as an external resource.'
       );
     }
 
     if (RowDetailClass) {
-      const rowDetailInstance = new RowDetailClass(eventPubSubService) as VueSlickRowDetailView;
+      const rowDetailInstance = new RowDetailClass(eventPubSubService) as VueRowDetailView;
       slickRowDetailView = rowDetailInstance;
       rowDetailInstance.create(_columnDefinitions.value, _gridOptions.value as GridOption);
       extensionService.addExtensionToList('rowDetailView', {