@slickgrid-universal/aurelia-row-detail-plugin 0.0.1 → 10.0.0

package/LICENSE

@@ -0,0 +1,25 @@
+Copyright (c) 2020-present, Ghislain B. 
+https://github.com/ghiscoding/slickgrid-universal
+
+and the original author of SlickGrid 
+Michael Leibman, michael{dot}leibman{at}gmail{dot}com
+http://github.com/mleibman/slickgrid
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,45 +1,12 @@
-# @slickgrid-universal/aurelia-row-detail-plugin
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
+[![NPM downloads](https://img.shields.io/npm/dy/@slickgrid-universal/aurelia-row-detail-plugin)](https://npmjs.org/package/@slickgrid-universal/aurelia-row-detail-plugin)
+[![npm](https://img.shields.io/npm/v/@slickgrid-universal/aurelia-row-detail-plugin.svg?logo=npm&logoColor=fff&label=npm)](https://www.npmjs.com/package/@slickgrid-universal/aurelia-row-detail-plugin)
 
-## ⚠️ IMPORTANT NOTICE ⚠️
+## Aurelia-Slickgrid Row Detail plugin
+#### @slickgrid-universal/aurelia-row-detail-plugin
 
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
+Aurelia-Slickgrid Row Detail plugin
 
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@slickgrid-universal/aurelia-row-detail-plugin`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**
+### Installation
+Follow the instruction provided in the main [README](https://github.com/ghiscoding/slickgrid-universal#installation)

package/dist/aureliaRowDetailView.d.ts

@@ -0,0 +1,79 @@
+import { type Constructable } from '@aurelia/kernel';
+import type { ICustomElementController } from '@aurelia/runtime-html';
+import { SlickEventData, type EventSubscription, type OnBeforeRowDetailToggleArgs, type OnRowBackOrOutOfViewportRangeArgs, type SelectionModel, type SlickGrid } from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
+import type { AureliaUtilService, CreatedView, GridOption } from 'aurelia-slickgrid';
+import type { RowDetailView } from './interfaces';
+export declare class AureliaRowDetailView extends UniversalSlickRowDetailView {
+    protected readonly aureliaUtilService: AureliaUtilService;
+    protected readonly eventPubSubService: EventPubSubService;
+    protected readonly gridContainerElement: HTMLElement;
+    static readonly pluginName = "AureliaRowDetailView";
+    protected _preloadViewModel?: Constructable;
+    protected _preloadController?: ICustomElementController;
+    protected _slots: CreatedView[];
+    protected _subscriptions: EventSubscription[];
+    protected _userProcessFn?: (item: any) => Promise<any>;
+    protected _viewModel?: Constructable;
+    protected _timer?: any;
+    constructor(aureliaUtilService: AureliaUtilService, eventPubSubService: EventPubSubService, gridContainerElement: HTMLElement);
+    get addonOptions(): import("aurelia-slickgrid").RowDetailViewOption;
+    protected get datasetIdPropName(): string;
+    get gridOptions(): GridOption;
+    get rowDetailViewOptions(): RowDetailView | undefined;
+    /** Dispose of the RowDetailView Extension */
+    dispose(): void;
+    /** Dispose of all the opened Row Detail Panels Aurelia View Slots */
+    disposeAllViewSlot(): void;
+    /** Get the instance of the SlickGrid addon (control or plugin). */
+    getAddonInstance(): AureliaRowDetailView | null;
+    init(grid: SlickGrid): void;
+    /**
+     * 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): this;
+    /** Redraw (re-render) all the expanded row detail View Slots */
+    redrawAllViewSlots(forceRedraw?: boolean): Promise<void>;
+    /** Render all the expanded row detail View Slots */
+    renderAllViewModels(): Promise<void>;
+    /** Redraw the necessary View Slot */
+    redrawViewSlot(slot: CreatedView): Promise<void>;
+    /** Render (or re-render) the View Slot (Row Detail) */
+    renderPreloadView(): Promise<void>;
+    /** Render (or re-render) the View Slot (Row Detail) */
+    renderViewModel(item: any): Promise<void>;
+    protected disposeView(item: any, removeFromArray?: boolean): void;
+    protected disposeViewSlot(expandedView: CreatedView): CreatedView | void;
+    /**
+     * Just before the row get expanded or collapsed we will do the following
+     * First determine if the row is expanding or collapsing,
+     * if it's expanding we will add it to our View Slots reference array if we don't already have it
+     * or if it's collapsing we will remove it from our View Slots reference array
+     */
+    protected handleOnBeforeRowDetailToggle(_e: SlickEventData<OnBeforeRowDetailToggleArgs>, args: {
+        grid: SlickGrid;
+        item: any;
+    }): void;
+    /** When Row comes back to Viewport Range, we need to redraw the View */
+    protected handleOnRowBackToViewportRange(_e: SlickEventData<OnRowBackOrOutOfViewportRangeArgs>, args: {
+        item: any;
+        rowId: string | number;
+        rowIndex: number;
+        expandedRows: (string | number)[];
+        rowIdsOutOfViewport: (string | number)[];
+        grid: SlickGrid;
+    }): Promise<void>;
+    /**
+     * notify the onAsyncResponse with the "args.item" (required property)
+     * the plugin will then use item to populate the row detail panel with the "postTemplate"
+     * @param item
+     */
+    protected notifyTemplate(item: any): void;
+    /**
+     * On Processing, we will notify the plugin with the new item detail once backend server call completes
+     * @param item
+     */
+    protected onProcessing(item: any): Promise<void>;
+}

package/dist/aureliaRowDetailView.js

@@ -0,0 +1,325 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { transient } from '@aurelia/kernel';
+import { addToArrayWhenNotExists, createDomElement, SlickEventData, SlickHybridSelectionModel, unsubscribeAll, } from '@slickgrid-universal/common';
+import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
+const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
+const PRELOAD_CONTAINER_PREFIX = 'container_loading';
+let AureliaRowDetailView = (() => {
+    let _classDecorators = [transient()];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = UniversalSlickRowDetailView;
+    var AureliaRowDetailView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            AureliaRowDetailView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        aureliaUtilService;
+        eventPubSubService;
+        gridContainerElement;
+        static pluginName = 'AureliaRowDetailView';
+        _preloadViewModel;
+        _preloadController;
+        _slots = [];
+        _subscriptions = [];
+        _userProcessFn;
+        _viewModel;
+        _timer;
+        constructor(aureliaUtilService, eventPubSubService, gridContainerElement) {
+            super(eventPubSubService);
+            this.aureliaUtilService = aureliaUtilService;
+            this.eventPubSubService = eventPubSubService;
+            this.gridContainerElement = gridContainerElement;
+        }
+        get addonOptions() {
+            return this.getOptions();
+        }
+        get datasetIdPropName() {
+            return this.gridOptions.datasetIdPropertyName || 'id';
+        }
+        get gridOptions() {
+            return (this._grid?.getOptions() || {});
+        }
+        get rowDetailViewOptions() {
+            return this.gridOptions.rowDetailView;
+        }
+        /** Dispose of the RowDetailView Extension */
+        dispose() {
+            clearTimeout(this._timer);
+            this.disposeAllViewSlot();
+            unsubscribeAll(this._subscriptions);
+            super.dispose();
+        }
+        /** Dispose of all the opened Row Detail Panels Aurelia View Slots */
+        disposeAllViewSlot() {
+            do {
+                const view = this._slots.pop();
+                if (view) {
+                    this.disposeView(view);
+                }
+            } while (this._slots.length > 0);
+        }
+        /** Get the instance of the SlickGrid addon (control or plugin). */
+        getAddonInstance() {
+            return this;
+        }
+        init(grid) {
+            this._grid = grid;
+            super.init(grid);
+            this.register(grid.getSelectionModel());
+        }
+        /**
+         * 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) {
+            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
+                this._userProcessFn = this.gridOptions.rowDetailView.process; // keep user's process method
+                this.addonOptions.process = (item) => this.onProcessing(item); // replace process method & run our internal one
+            }
+            else {
+                throw new Error('[Aurelia-Slickgrid] You need to provide a "process" function for the Row Detail Extension to work properly');
+            }
+            if (this._grid && this.gridOptions?.rowDetailView) {
+                // load the Preload & RowDetail Templates (could be straight HTML or Aurelia View/ViewModel)
+                // when those are Aurelia View/ViewModel, we need to create View Slot & provide the html containers to the Plugin (preTemplate/postTemplate methods)
+                if (!this.gridOptions.rowDetailView.preTemplate) {
+                    this._preloadViewModel = this.gridOptions.rowDetailView.preloadViewModel;
+                    this.addonOptions.preTemplate = () => createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });
+                }
+                if (!this.gridOptions.rowDetailView.postTemplate) {
+                    this._viewModel = this.gridOptions.rowDetailView.viewModel;
+                    this.addonOptions.postTemplate = (itemDetail) => createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });
+                }
+                if (this._grid && this.gridOptions) {
+                    // this also requires the Row Selection Model to be registered as well
+                    if (!rowSelectionPlugin || !this._grid.getSelectionModel()) {
+                        const selectionType = this.gridOptions.selectionOptions?.selectionType || 'row';
+                        const selectActiveRow = this.gridOptions.selectionOptions?.selectActiveRow ?? true;
+                        rowSelectionPlugin = new SlickHybridSelectionModel({ ...this.gridOptions.selectionOptions, selectionType, selectActiveRow });
+                        this._grid.setSelectionModel(rowSelectionPlugin);
+                    }
+                    // hook all events
+                    if (this._grid && this.rowDetailViewOptions) {
+                        if (this.rowDetailViewOptions.onExtensionRegistered) {
+                            this.rowDetailViewOptions.onExtensionRegistered(this);
+                        }
+                        this._eventHandler.subscribe(this.onAsyncResponse, (event, args) => {
+                            if (typeof this.rowDetailViewOptions?.onAsyncResponse === 'function') {
+                                this.rowDetailViewOptions.onAsyncResponse(event, args);
+                            }
+                        });
+                        this._eventHandler.subscribe(this.onAsyncEndUpdate, async (event, args) => {
+                            // dispose preload if exists
+                            this._preloadController?.dispose();
+                            // triggers after backend called "onAsyncResponse.notify()"
+                            // because of the preload destroy above, we need a small delay to make sure the DOM element is ready to render the Row Detail
+                            queueMicrotask(async () => {
+                                await this.renderViewModel(args?.item);
+                                if (typeof this.rowDetailViewOptions?.onAsyncEndUpdate === 'function') {
+                                    this.rowDetailViewOptions.onAsyncEndUpdate(event, args);
+                                }
+                            });
+                        });
+                        this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (event, args) => {
+                            // display preload template & re-render all the other Detail Views after toggling
+                            // the preload View will eventually go away once the data gets loaded after the "onAsyncEndUpdate" event
+                            await this.renderPreloadView();
+                            if (typeof this.rowDetailViewOptions?.onAfterRowDetailToggle === 'function') {
+                                this.rowDetailViewOptions.onAfterRowDetailToggle(event, args);
+                            }
+                        });
+                        this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (event, args) => {
+                            // before toggling row detail, we need to create View Slot if it doesn't exist
+                            this.handleOnBeforeRowDetailToggle(event, args);
+                            if (typeof this.rowDetailViewOptions?.onBeforeRowDetailToggle === 'function') {
+                                return this.rowDetailViewOptions.onBeforeRowDetailToggle(event, args);
+                            }
+                            return true;
+                        });
+                        this._eventHandler.subscribe(this.onRowBackToViewportRange, async (event, args) => {
+                            // when row is back to viewport range, we will re-render the View Slot(s)
+                            await this.handleOnRowBackToViewportRange(event, args);
+                            if (typeof this.rowDetailViewOptions?.onRowBackToViewportRange === 'function') {
+                                this.rowDetailViewOptions.onRowBackToViewportRange(event, args);
+                            }
+                        });
+                        this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) => {
+                            if (typeof this.rowDetailViewOptions?.onBeforeRowOutOfViewportRange === 'function') {
+                                this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);
+                            }
+                            this.disposeView(args.item);
+                        });
+                        this._eventHandler.subscribe(this.onRowOutOfViewportRange, (event, args) => {
+                            if (typeof this.rowDetailViewOptions?.onRowOutOfViewportRange === 'function') {
+                                this.rowDetailViewOptions.onRowOutOfViewportRange(event, args);
+                            }
+                        });
+                        // --
+                        // hook some events needed by the Plugin itself
+                        // we need to redraw the open detail views if we change column position (column reorder)
+                        this._eventHandler.subscribe(this._grid.onColumnsReordered, this.redrawAllViewSlots.bind(this, false));
+                        // on row selection changed, we also need to redraw
+                        if (this.gridOptions.enableSelection || this.gridOptions.enableCheckboxSelector) {
+                            this._eventHandler.subscribe(this._grid.onSelectedRowsChanged, this.redrawAllViewSlots.bind(this, false));
+                        }
+                        // on column sort/reorder, all row detail are collapsed so we can dispose of all the Views as well
+                        this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewSlot.bind(this));
+                        // redraw all Views whenever certain events are triggered
+                        this._subscriptions.push(this.eventPubSubService?.subscribe(['onFilterChanged', 'onGridMenuColumnsChanged', 'onColumnPickerColumnsChanged'], this.redrawAllViewSlots.bind(this, false)), this.eventPubSubService?.subscribe(['onGridMenuClearAllFilters', 'onGridMenuClearAllSorting'], () => {
+                            clearTimeout(this._timer);
+                            this._timer = setTimeout(() => this.redrawAllViewSlots());
+                        }));
+                    }
+                }
+            }
+            return this;
+        }
+        /** Redraw (re-render) all the expanded row detail View Slots */
+        async redrawAllViewSlots(forceRedraw = false) {
+            this.resetRenderedRows();
+            const promises = [];
+            this._slots.forEach((x) => {
+                forceRedraw && x.controller?.deactivate(x.controller, null);
+                promises.push(this.redrawViewSlot(x));
+            });
+            await Promise.all(promises);
+        }
+        /** Render all the expanded row detail View Slots */
+        async renderAllViewModels() {
+            const promises = [];
+            this._slots.filter((x) => x?.dataContext).forEach((x) => promises.push(this.renderViewModel(x.dataContext)));
+            await Promise.all(promises);
+        }
+        /** Redraw the necessary View Slot */
+        async redrawViewSlot(slot) {
+            const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${slot.id}`);
+            if (containerElement) {
+                await this.renderViewModel(slot.dataContext);
+            }
+        }
+        /** Render (or re-render) the View Slot (Row Detail) */
+        async renderPreloadView() {
+            const containerElement = this.gridContainerElement.querySelector(`.${PRELOAD_CONTAINER_PREFIX}`);
+            if (this._preloadViewModel && containerElement) {
+                const preloadComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(this._preloadViewModel, undefined, containerElement);
+                this._preloadController = preloadComp?.controller;
+            }
+        }
+        /** Render (or re-render) the View Slot (Row Detail) */
+        async renderViewModel(item) {
+            const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`);
+            if (this._viewModel && containerElement) {
+                // render row detail
+                const bindableData = {
+                    model: item,
+                    addon: this,
+                    grid: this._grid,
+                    dataView: this.dataView,
+                    parentRef: this.rowDetailViewOptions?.parentRef,
+                };
+                const aureliaComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(this._viewModel, bindableData, containerElement);
+                const slotObj = this._slots.find((obj) => obj.id === item[this.datasetIdPropName]);
+                if (slotObj && aureliaComp) {
+                    slotObj.controller = aureliaComp.controller;
+                }
+            }
+        }
+        // --
+        // protected functions
+        // ------------------
+        disposeView(item, removeFromArray = false) {
+            const foundSlotIndex = this._slots.findIndex((slot) => slot.id === item[this.datasetIdPropName]);
+            if (foundSlotIndex >= 0 && this.disposeViewSlot(this._slots[foundSlotIndex])) {
+                if (removeFromArray) {
+                    this._slots.splice(foundSlotIndex, 1);
+                }
+            }
+        }
+        disposeViewSlot(expandedView) {
+            if (expandedView?.controller) {
+                const container = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${expandedView.id}`);
+                if (container) {
+                    expandedView.controller.deactivate(expandedView.controller, null);
+                    container.textContent = '';
+                    return expandedView;
+                }
+            }
+        }
+        /**
+         * Just before the row get expanded or collapsed we will do the following
+         * First determine if the row is expanding or collapsing,
+         * if it's expanding we will add it to our View Slots reference array if we don't already have it
+         * or if it's collapsing we will remove it from our View Slots reference array
+         */
+        handleOnBeforeRowDetailToggle(_e, args) {
+            // expanding
+            if (args?.item?.__collapsed) {
+                // expanding row detail
+                const viewInfo = {
+                    id: args.item[this.datasetIdPropName],
+                    dataContext: args.item,
+                };
+                addToArrayWhenNotExists(this._slots, viewInfo, this.datasetIdPropName);
+            }
+            else {
+                // collapsing, so dispose of the View/ViewSlot
+                this.disposeView(args.item, true);
+            }
+        }
+        /** When Row comes back to Viewport Range, we need to redraw the View */
+        async handleOnRowBackToViewportRange(_e, args) {
+            const slot = this._slots.find((x) => x.id === args.rowId);
+            if (slot) {
+                this.redrawViewSlot(slot);
+            }
+        }
+        /**
+         * notify the onAsyncResponse with the "args.item" (required property)
+         * the plugin will then use item to populate the row detail panel with the "postTemplate"
+         * @param item
+         */
+        notifyTemplate(item) {
+            this.onAsyncResponse.notify({ item }, new SlickEventData(), this);
+        }
+        /**
+         * On Processing, we will notify the plugin with the new item detail once backend server call completes
+         * @param item
+         */
+        async onProcessing(item) {
+            if (item && typeof this._userProcessFn === 'function') {
+                let awaitedItemDetail;
+                const userProcessFn = this._userProcessFn(item);
+                // wait for the "userProcessFn", once resolved we will save it into the "collection"
+                const response = await userProcessFn;
+                if (response.hasOwnProperty(this.datasetIdPropName)) {
+                    awaitedItemDetail = response; // from Promise
+                }
+                else if (response instanceof Response && typeof response['json'] === 'function') {
+                    awaitedItemDetail = await response['json'](); // from Fetch
+                }
+                else if (response && response['content']) {
+                    awaitedItemDetail = response['content']; // from aurelia-http-client
+                }
+                if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {
+                    throw new Error('[Aurelia-Slickgrid] could not process the Row Detail, please make sure that your "process" callback ' +
+                        `returns an item object that has an "${this.datasetIdPropName}" property`);
+                }
+                // notify the plugin with the new item details
+                this.notifyTemplate(awaitedItemDetail || {});
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return AureliaRowDetailView = _classThis;
+})();
+export { AureliaRowDetailView };
+//# sourceMappingURL=aureliaRowDetailView.js.map

package/dist/aureliaRowDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aureliaRowDetailView.js","sourceRoot":"","sources":["../src/aureliaRowDetailView.ts"],"names":[],"mappings":"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","sourcesContent":["import { transient, type Constructable } from '@aurelia/kernel';\nimport type { ICustomElementController } from '@aurelia/runtime-html';\nimport {\n  addToArrayWhenNotExists,\n  createDomElement,\n  SlickEventData,\n  SlickHybridSelectionModel,\n  unsubscribeAll,\n  type EventSubscription,\n  type OnBeforeRowDetailToggleArgs,\n  type OnRowBackOrOutOfViewportRangeArgs,\n  type SelectionModel,\n  type SlickGrid,\n} from '@slickgrid-universal/common';\nimport { EventPubSubService } from '@slickgrid-universal/event-pub-sub';\nimport { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';\nimport type { AureliaUtilService, CreatedView, GridOption, ViewModelBindableInputData } from 'aurelia-slickgrid';\nimport type { RowDetailView } from './interfaces';\n\nconst ROW_DETAIL_CONTAINER_PREFIX = 'container_';\nconst PRELOAD_CONTAINER_PREFIX = 'container_loading';\n\n@transient()\nexport class AureliaRowDetailView extends UniversalSlickRowDetailView {\n  static readonly pluginName = 'AureliaRowDetailView';\n  protected _preloadViewModel?: Constructable;\n  protected _preloadController?: ICustomElementController;\n  protected _slots: CreatedView[] = [];\n  protected _subscriptions: EventSubscription[] = [];\n  protected _userProcessFn?: (item: any) => Promise<any>;\n  protected _viewModel?: Constructable;\n  protected _timer?: any;\n\n  constructor(\n    protected readonly aureliaUtilService: AureliaUtilService,\n    protected readonly eventPubSubService: EventPubSubService,\n    protected readonly gridContainerElement: HTMLElement\n  ) {\n    super(eventPubSubService);\n  }\n\n  get addonOptions() {\n    return this.getOptions();\n  }\n\n  protected get datasetIdPropName(): string {\n    return this.gridOptions.datasetIdPropertyName || 'id';\n  }\n\n  get gridOptions(): GridOption {\n    return (this._grid?.getOptions() || {}) as GridOption;\n  }\n\n  get rowDetailViewOptions(): RowDetailView | undefined {\n    return this.gridOptions.rowDetailView;\n  }\n\n  /** Dispose of the RowDetailView Extension */\n  dispose() {\n    clearTimeout(this._timer);\n    this.disposeAllViewSlot();\n    unsubscribeAll(this._subscriptions);\n    super.dispose();\n  }\n\n  /** Dispose of all the opened Row Detail Panels Aurelia View Slots */\n  disposeAllViewSlot() {\n    do {\n      const view = this._slots.pop();\n      if (view) {\n        this.disposeView(view);\n      }\n    } while (this._slots.length > 0);\n  }\n\n  /** Get the instance of the SlickGrid addon (control or plugin). */\n  getAddonInstance(): AureliaRowDetailView | null {\n    return this;\n  }\n\n  init(grid: SlickGrid) {\n    this._grid = grid;\n    super.init(grid);\n    this.register(grid.getSelectionModel());\n  }\n\n  /**\n   * Create the plugin before the Grid creation, else it will behave oddly.\n   * Mostly because the column definitions might change after the grid creation\n   */\n  register(rowSelectionPlugin?: SelectionModel) {\n    if (typeof this.gridOptions.rowDetailView?.process === 'function') {\n      // we need to keep the user \"process\" method and replace it with our own execution method\n      // we do this because when we get the item detail, we need to call \"onAsyncResponse.notify\" for the plugin to work\n      this._userProcessFn = this.gridOptions.rowDetailView.process as (item: any) => Promise<any>; // keep user's process method\n      this.addonOptions.process = (item) => this.onProcessing(item); // replace process method & run our internal one\n    } else {\n      throw new Error('[Aurelia-Slickgrid] You need to provide a \"process\" function for the Row Detail Extension to work properly');\n    }\n\n    if (this._grid && this.gridOptions?.rowDetailView) {\n      // load the Preload & RowDetail Templates (could be straight HTML or Aurelia View/ViewModel)\n      // when those are Aurelia View/ViewModel, we need to create View Slot & provide the html containers to the Plugin (preTemplate/postTemplate methods)\n      if (!this.gridOptions.rowDetailView.preTemplate) {\n        this._preloadViewModel = this.gridOptions.rowDetailView.preloadViewModel;\n        this.addonOptions.preTemplate = () => createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });\n      }\n      if (!this.gridOptions.rowDetailView.postTemplate) {\n        this._viewModel = this.gridOptions.rowDetailView.viewModel;\n        this.addonOptions.postTemplate = (itemDetail: any) =>\n          createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });\n      }\n\n      if (this._grid && this.gridOptions) {\n        // this also requires the Row Selection Model to be registered as well\n        if (!rowSelectionPlugin || !this._grid.getSelectionModel()) {\n          const selectionType = this.gridOptions.selectionOptions?.selectionType || 'row';\n          const selectActiveRow = this.gridOptions.selectionOptions?.selectActiveRow ?? true;\n          rowSelectionPlugin = new SlickHybridSelectionModel({ ...this.gridOptions.selectionOptions, selectionType, selectActiveRow });\n          this._grid.setSelectionModel(rowSelectionPlugin);\n        }\n\n        // hook all events\n        if (this._grid && this.rowDetailViewOptions) {\n          if (this.rowDetailViewOptions.onExtensionRegistered) {\n            this.rowDetailViewOptions.onExtensionRegistered(this);\n          }\n\n          this._eventHandler.subscribe(this.onAsyncResponse, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onAsyncResponse === 'function') {\n              this.rowDetailViewOptions.onAsyncResponse(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onAsyncEndUpdate, async (event, args) => {\n            // dispose preload if exists\n            this._preloadController?.dispose();\n\n            // triggers after backend called \"onAsyncResponse.notify()\"\n            // because of the preload destroy above, we need a small delay to make sure the DOM element is ready to render the Row Detail\n            queueMicrotask(async () => {\n              await this.renderViewModel(args?.item);\n\n              if (typeof this.rowDetailViewOptions?.onAsyncEndUpdate === 'function') {\n                this.rowDetailViewOptions.onAsyncEndUpdate(event, args);\n              }\n            });\n          });\n\n          this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (event, args) => {\n            // display preload template & re-render all the other Detail Views after toggling\n            // the preload View will eventually go away once the data gets loaded after the \"onAsyncEndUpdate\" event\n            await this.renderPreloadView();\n\n            if (typeof this.rowDetailViewOptions?.onAfterRowDetailToggle === 'function') {\n              this.rowDetailViewOptions.onAfterRowDetailToggle(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (event, args) => {\n            // before toggling row detail, we need to create View Slot if it doesn't exist\n            this.handleOnBeforeRowDetailToggle(event, args);\n\n            if (typeof this.rowDetailViewOptions?.onBeforeRowDetailToggle === 'function') {\n              return this.rowDetailViewOptions.onBeforeRowDetailToggle(event, args);\n            }\n            return true;\n          });\n\n          this._eventHandler.subscribe(this.onRowBackToViewportRange, async (event, args) => {\n            // when row is back to viewport range, we will re-render the View Slot(s)\n            await this.handleOnRowBackToViewportRange(event, args);\n\n            if (typeof this.rowDetailViewOptions?.onRowBackToViewportRange === 'function') {\n              this.rowDetailViewOptions.onRowBackToViewportRange(event, args);\n            }\n          });\n\n          this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onBeforeRowOutOfViewportRange === 'function') {\n              this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);\n            }\n            this.disposeView(args.item);\n          });\n\n          this._eventHandler.subscribe(this.onRowOutOfViewportRange, (event, args) => {\n            if (typeof this.rowDetailViewOptions?.onRowOutOfViewportRange === 'function') {\n              this.rowDetailViewOptions.onRowOutOfViewportRange(event, args);\n            }\n          });\n\n          // --\n          // hook some events needed by the Plugin itself\n\n          // we need to redraw the open detail views if we change column position (column reorder)\n          this._eventHandler.subscribe(this._grid.onColumnsReordered, this.redrawAllViewSlots.bind(this, false));\n\n          // on row selection changed, we also need to redraw\n          if (this.gridOptions.enableSelection || this.gridOptions.enableCheckboxSelector) {\n            this._eventHandler.subscribe(this._grid.onSelectedRowsChanged, this.redrawAllViewSlots.bind(this, false));\n          }\n\n          // on column sort/reorder, all row detail are collapsed so we can dispose of all the Views as well\n          this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewSlot.bind(this));\n\n          // redraw all Views whenever certain events are triggered\n          this._subscriptions.push(\n            this.eventPubSubService?.subscribe(\n              ['onFilterChanged', 'onGridMenuColumnsChanged', 'onColumnPickerColumnsChanged'],\n              this.redrawAllViewSlots.bind(this, false)\n            ),\n            this.eventPubSubService?.subscribe(['onGridMenuClearAllFilters', 'onGridMenuClearAllSorting'], () => {\n              clearTimeout(this._timer);\n              this._timer = setTimeout(() => this.redrawAllViewSlots());\n            })\n          );\n        }\n      }\n    }\n\n    return this;\n  }\n\n  /** Redraw (re-render) all the expanded row detail View Slots */\n  async redrawAllViewSlots(forceRedraw = false) {\n    this.resetRenderedRows();\n    const promises: Promise<void>[] = [];\n    this._slots.forEach((x) => {\n      forceRedraw && x.controller?.deactivate(x.controller, null);\n      promises.push(this.redrawViewSlot(x));\n    });\n    await Promise.all(promises);\n  }\n\n  /** Render all the expanded row detail View Slots */\n  async renderAllViewModels() {\n    const promises: Promise<void>[] = [];\n    this._slots.filter((x) => x?.dataContext).forEach((x) => promises.push(this.renderViewModel(x.dataContext)));\n    await Promise.all(promises);\n  }\n\n  /** Redraw the necessary View Slot */\n  async redrawViewSlot(slot: CreatedView) {\n    const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${slot.id}`);\n    if (containerElement) {\n      await this.renderViewModel(slot.dataContext);\n    }\n  }\n\n  /** Render (or re-render) the View Slot (Row Detail) */\n  async renderPreloadView() {\n    const containerElement = this.gridContainerElement.querySelector<HTMLElement>(`.${PRELOAD_CONTAINER_PREFIX}`);\n    if (this._preloadViewModel && containerElement) {\n      const preloadComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(\n        this._preloadViewModel,\n        undefined,\n        containerElement\n      );\n      this._preloadController = preloadComp?.controller;\n    }\n  }\n\n  /** Render (or re-render) the View Slot (Row Detail) */\n  async renderViewModel(item: any) {\n    const containerElement = this.gridContainerElement.querySelector<HTMLElement>(\n      `.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`\n    );\n    if (this._viewModel && containerElement) {\n      // render row detail\n      const bindableData = {\n        model: item,\n        addon: this,\n        grid: this._grid,\n        dataView: this.dataView,\n        parentRef: this.rowDetailViewOptions?.parentRef,\n      } as ViewModelBindableInputData;\n      const aureliaComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(this._viewModel, bindableData, containerElement);\n      const slotObj = this._slots.find((obj) => obj.id === item[this.datasetIdPropName]);\n\n      if (slotObj && aureliaComp) {\n        slotObj.controller = aureliaComp.controller;\n      }\n    }\n  }\n\n  // --\n  // protected functions\n  // ------------------\n\n  protected disposeView(item: any, removeFromArray = false): void {\n    const foundSlotIndex = this._slots.findIndex((slot: CreatedView) => slot.id === item[this.datasetIdPropName]);\n    if (foundSlotIndex >= 0 && this.disposeViewSlot(this._slots[foundSlotIndex])) {\n      if (removeFromArray) {\n        this._slots.splice(foundSlotIndex, 1);\n      }\n    }\n  }\n\n  protected disposeViewSlot(expandedView: CreatedView): CreatedView | void {\n    if (expandedView?.controller) {\n      const container = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${expandedView.id}`);\n      if (container) {\n        expandedView.controller.deactivate(expandedView.controller, null);\n        container.textContent = '';\n        return expandedView;\n      }\n    }\n  }\n\n  /**\n   * Just before the row get expanded or collapsed we will do the following\n   * First determine if the row is expanding or collapsing,\n   * if it's expanding we will add it to our View Slots reference array if we don't already have it\n   * or if it's collapsing we will remove it from our View Slots reference array\n   */\n  protected handleOnBeforeRowDetailToggle(_e: SlickEventData<OnBeforeRowDetailToggleArgs>, args: { grid: SlickGrid; item: any }) {\n    // expanding\n    if (args?.item?.__collapsed) {\n      // expanding row detail\n      const viewInfo: CreatedView = {\n        id: args.item[this.datasetIdPropName],\n        dataContext: args.item,\n      };\n      addToArrayWhenNotExists(this._slots, viewInfo, this.datasetIdPropName);\n    } else {\n      // collapsing, so dispose of the View/ViewSlot\n      this.disposeView(args.item, true);\n    }\n  }\n\n  /** When Row comes back to Viewport Range, we need to redraw the View */\n  protected async handleOnRowBackToViewportRange(\n    _e: SlickEventData<OnRowBackOrOutOfViewportRangeArgs>,\n    args: {\n      item: any;\n      rowId: string | number;\n      rowIndex: number;\n      expandedRows: (string | number)[];\n      rowIdsOutOfViewport: (string | number)[];\n      grid: SlickGrid;\n    }\n  ) {\n    const slot = this._slots.find((x) => x.id === args.rowId);\n    if (slot) {\n      this.redrawViewSlot(slot);\n    }\n  }\n\n  /**\n   * notify the onAsyncResponse with the \"args.item\" (required property)\n   * the plugin will then use item to populate the row detail panel with the \"postTemplate\"\n   * @param item\n   */\n  protected notifyTemplate(item: any) {\n    this.onAsyncResponse.notify({ item }, new SlickEventData(), this);\n  }\n\n  /**\n   * On Processing, we will notify the plugin with the new item detail once backend server call completes\n   * @param item\n   */\n  protected async onProcessing(item: any) {\n    if (item && typeof this._userProcessFn === 'function') {\n      let awaitedItemDetail: any;\n      const userProcessFn = this._userProcessFn(item);\n\n      // wait for the \"userProcessFn\", once resolved we will save it into the \"collection\"\n      const response: any | any[] = await userProcessFn;\n\n      if (response.hasOwnProperty(this.datasetIdPropName)) {\n        awaitedItemDetail = response; // from Promise\n      } else if (response instanceof Response && typeof response['json'] === 'function') {\n        awaitedItemDetail = await response['json'](); // from Fetch\n      } else if (response && response['content']) {\n        awaitedItemDetail = response['content']; // from aurelia-http-client\n      }\n\n      if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {\n        throw new Error(\n          '[Aurelia-Slickgrid] could not process the Row Detail, please make sure that your \"process\" callback ' +\n            `returns an item object that has an \"${this.datasetIdPropName}\" property`\n        );\n      }\n\n      // notify the plugin with the new item details\n      this.notifyTemplate(awaitedItemDetail || {});\n    }\n  }\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './aureliaRowDetailView.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './aureliaRowDetailView.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './aureliaRowDetailView.js';\n"]}

package/dist/interfaces.d.ts

@@ -0,0 +1,13 @@
+import type { Constructable } from '@aurelia/kernel';
+import type { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';
+export interface RowDetailView extends UniversalRowDetailView {
+    /**
+     * Optionally pass your Parent Component reference to your Child Component (row detail component).
+     * note:: If anyone finds a better way of passing the parent to the row detail extension, please reach out and/or create a PR
+     */
+    parentRef?: any;
+    /** View Model of the preload template which shows after opening row detail & before row detail data shows up */
+    preloadViewModel?: Constructable;
+    /** View Model template that will be loaded once the async function finishes */
+    viewModel?: Constructable;
+}

package/dist/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../src/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import type { Constructable } from '@aurelia/kernel';\nimport type { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';\n\nexport interface RowDetailView extends UniversalRowDetailView {\n  /**\n   * Optionally pass your Parent Component reference to your Child Component (row detail component).\n   * note:: If anyone finds a better way of passing the parent to the row detail extension, please reach out and/or create a PR\n   */\n  parentRef?: any;\n\n  /** View Model of the preload template which shows after opening row detail & before row detail data shows up */\n  preloadViewModel?: Constructable;\n\n  /** View Model template that will be loaded once the async function finishes */\n  viewModel?: Constructable;\n}\n"]}

package/package.json

@@ -1,10 +1,44 @@
 {
   "name": "@slickgrid-universal/aurelia-row-detail-plugin",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @slickgrid-universal/aurelia-row-detail-plugin",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+  "version": "10.0.0",
+  "description": "Aurelia Row Detail Plugin for Aurelia-SlickGrid",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "/dist",
+    "/src"
+  ],
+  "license": "MIT",
+  "author": "Ghislain B.",
+  "homepage": "https://github.com/ghiscoding/slickgrid-universal",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ghiscoding/slickgrid-universal.git",
+    "directory": "packages/aurelia-row-detail-plugin"
+  },
+  "bugs": {
+    "url": "https://github.com/ghiscoding/slickgrid-universal/issues"
+  },
+  "dependencies": {
+    "@aurelia/kernel": "^2.0.0-rc.0",
+    "@aurelia/runtime-html": "^2.0.0-rc.0",
+    "@slickgrid-universal/common": "10.0.0",
+    "@slickgrid-universal/event-pub-sub": "10.0.0",
+    "@slickgrid-universal/row-detail-view-plugin": "10.0.0",
+    "aurelia-slickgrid": "10.0.0",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.1"
+  },
+  "gitHead": "2da6d300a326e4fffe97c0240e0c311cc1dde2cd"
 }

package/src/aureliaRowDetailView.ts

@@ -0,0 +1,389 @@
+import { transient, type Constructable } from '@aurelia/kernel';
+import type { ICustomElementController } from '@aurelia/runtime-html';
+import {
+  addToArrayWhenNotExists,
+  createDomElement,
+  SlickEventData,
+  SlickHybridSelectionModel,
+  unsubscribeAll,
+  type EventSubscription,
+  type OnBeforeRowDetailToggleArgs,
+  type OnRowBackOrOutOfViewportRangeArgs,
+  type SelectionModel,
+  type SlickGrid,
+} from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
+import type { AureliaUtilService, CreatedView, GridOption, ViewModelBindableInputData } from 'aurelia-slickgrid';
+import type { RowDetailView } from './interfaces';
+
+const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
+const PRELOAD_CONTAINER_PREFIX = 'container_loading';
+
+@transient()
+export class AureliaRowDetailView extends UniversalSlickRowDetailView {
+  static readonly pluginName = 'AureliaRowDetailView';
+  protected _preloadViewModel?: Constructable;
+  protected _preloadController?: ICustomElementController;
+  protected _slots: CreatedView[] = [];
+  protected _subscriptions: EventSubscription[] = [];
+  protected _userProcessFn?: (item: any) => Promise<any>;
+  protected _viewModel?: Constructable;
+  protected _timer?: any;
+
+  constructor(
+    protected readonly aureliaUtilService: AureliaUtilService,
+    protected readonly eventPubSubService: EventPubSubService,
+    protected readonly gridContainerElement: HTMLElement
+  ) {
+    super(eventPubSubService);
+  }
+
+  get addonOptions() {
+    return this.getOptions();
+  }
+
+  protected get datasetIdPropName(): string {
+    return this.gridOptions.datasetIdPropertyName || 'id';
+  }
+
+  get gridOptions(): GridOption {
+    return (this._grid?.getOptions() || {}) as GridOption;
+  }
+
+  get rowDetailViewOptions(): RowDetailView | undefined {
+    return this.gridOptions.rowDetailView;
+  }
+
+  /** Dispose of the RowDetailView Extension */
+  dispose() {
+    clearTimeout(this._timer);
+    this.disposeAllViewSlot();
+    unsubscribeAll(this._subscriptions);
+    super.dispose();
+  }
+
+  /** Dispose of all the opened Row Detail Panels Aurelia View Slots */
+  disposeAllViewSlot() {
+    do {
+      const view = this._slots.pop();
+      if (view) {
+        this.disposeView(view);
+      }
+    } while (this._slots.length > 0);
+  }
+
+  /** Get the instance of the SlickGrid addon (control or plugin). */
+  getAddonInstance(): AureliaRowDetailView | null {
+    return this;
+  }
+
+  init(grid: SlickGrid) {
+    this._grid = grid;
+    super.init(grid);
+    this.register(grid.getSelectionModel());
+  }
+
+  /**
+   * 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) {
+    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
+      this._userProcessFn = this.gridOptions.rowDetailView.process as (item: any) => Promise<any>; // keep user's process method
+      this.addonOptions.process = (item) => this.onProcessing(item); // replace process method & run our internal one
+    } else {
+      throw new Error('[Aurelia-Slickgrid] You need to provide a "process" function for the Row Detail Extension to work properly');
+    }
+
+    if (this._grid && this.gridOptions?.rowDetailView) {
+      // load the Preload & RowDetail Templates (could be straight HTML or Aurelia View/ViewModel)
+      // when those are Aurelia View/ViewModel, we need to create View Slot & provide the html containers to the Plugin (preTemplate/postTemplate methods)
+      if (!this.gridOptions.rowDetailView.preTemplate) {
+        this._preloadViewModel = this.gridOptions.rowDetailView.preloadViewModel;
+        this.addonOptions.preTemplate = () => createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });
+      }
+      if (!this.gridOptions.rowDetailView.postTemplate) {
+        this._viewModel = this.gridOptions.rowDetailView.viewModel;
+        this.addonOptions.postTemplate = (itemDetail: any) =>
+          createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });
+      }
+
+      if (this._grid && this.gridOptions) {
+        // this also requires the Row Selection Model to be registered as well
+        if (!rowSelectionPlugin || !this._grid.getSelectionModel()) {
+          const selectionType = this.gridOptions.selectionOptions?.selectionType || 'row';
+          const selectActiveRow = this.gridOptions.selectionOptions?.selectActiveRow ?? true;
+          rowSelectionPlugin = new SlickHybridSelectionModel({ ...this.gridOptions.selectionOptions, selectionType, selectActiveRow });
+          this._grid.setSelectionModel(rowSelectionPlugin);
+        }
+
+        // hook all events
+        if (this._grid && this.rowDetailViewOptions) {
+          if (this.rowDetailViewOptions.onExtensionRegistered) {
+            this.rowDetailViewOptions.onExtensionRegistered(this);
+          }
+
+          this._eventHandler.subscribe(this.onAsyncResponse, (event, args) => {
+            if (typeof this.rowDetailViewOptions?.onAsyncResponse === 'function') {
+              this.rowDetailViewOptions.onAsyncResponse(event, args);
+            }
+          });
+
+          this._eventHandler.subscribe(this.onAsyncEndUpdate, async (event, args) => {
+            // dispose preload if exists
+            this._preloadController?.dispose();
+
+            // triggers after backend called "onAsyncResponse.notify()"
+            // because of the preload destroy above, we need a small delay to make sure the DOM element is ready to render the Row Detail
+            queueMicrotask(async () => {
+              await this.renderViewModel(args?.item);
+
+              if (typeof this.rowDetailViewOptions?.onAsyncEndUpdate === 'function') {
+                this.rowDetailViewOptions.onAsyncEndUpdate(event, args);
+              }
+            });
+          });
+
+          this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (event, args) => {
+            // display preload template & re-render all the other Detail Views after toggling
+            // the preload View will eventually go away once the data gets loaded after the "onAsyncEndUpdate" event
+            await this.renderPreloadView();
+
+            if (typeof this.rowDetailViewOptions?.onAfterRowDetailToggle === 'function') {
+              this.rowDetailViewOptions.onAfterRowDetailToggle(event, args);
+            }
+          });
+
+          this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (event, args) => {
+            // before toggling row detail, we need to create View Slot if it doesn't exist
+            this.handleOnBeforeRowDetailToggle(event, args);
+
+            if (typeof this.rowDetailViewOptions?.onBeforeRowDetailToggle === 'function') {
+              return this.rowDetailViewOptions.onBeforeRowDetailToggle(event, args);
+            }
+            return true;
+          });
+
+          this._eventHandler.subscribe(this.onRowBackToViewportRange, async (event, args) => {
+            // when row is back to viewport range, we will re-render the View Slot(s)
+            await this.handleOnRowBackToViewportRange(event, args);
+
+            if (typeof this.rowDetailViewOptions?.onRowBackToViewportRange === 'function') {
+              this.rowDetailViewOptions.onRowBackToViewportRange(event, args);
+            }
+          });
+
+          this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) => {
+            if (typeof this.rowDetailViewOptions?.onBeforeRowOutOfViewportRange === 'function') {
+              this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);
+            }
+            this.disposeView(args.item);
+          });
+
+          this._eventHandler.subscribe(this.onRowOutOfViewportRange, (event, args) => {
+            if (typeof this.rowDetailViewOptions?.onRowOutOfViewportRange === 'function') {
+              this.rowDetailViewOptions.onRowOutOfViewportRange(event, args);
+            }
+          });
+
+          // --
+          // hook some events needed by the Plugin itself
+
+          // we need to redraw the open detail views if we change column position (column reorder)
+          this._eventHandler.subscribe(this._grid.onColumnsReordered, this.redrawAllViewSlots.bind(this, false));
+
+          // on row selection changed, we also need to redraw
+          if (this.gridOptions.enableSelection || this.gridOptions.enableCheckboxSelector) {
+            this._eventHandler.subscribe(this._grid.onSelectedRowsChanged, this.redrawAllViewSlots.bind(this, false));
+          }
+
+          // on column sort/reorder, all row detail are collapsed so we can dispose of all the Views as well
+          this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewSlot.bind(this));
+
+          // redraw all Views whenever certain events are triggered
+          this._subscriptions.push(
+            this.eventPubSubService?.subscribe(
+              ['onFilterChanged', 'onGridMenuColumnsChanged', 'onColumnPickerColumnsChanged'],
+              this.redrawAllViewSlots.bind(this, false)
+            ),
+            this.eventPubSubService?.subscribe(['onGridMenuClearAllFilters', 'onGridMenuClearAllSorting'], () => {
+              clearTimeout(this._timer);
+              this._timer = setTimeout(() => this.redrawAllViewSlots());
+            })
+          );
+        }
+      }
+    }
+
+    return this;
+  }
+
+  /** Redraw (re-render) all the expanded row detail View Slots */
+  async redrawAllViewSlots(forceRedraw = false) {
+    this.resetRenderedRows();
+    const promises: Promise<void>[] = [];
+    this._slots.forEach((x) => {
+      forceRedraw && x.controller?.deactivate(x.controller, null);
+      promises.push(this.redrawViewSlot(x));
+    });
+    await Promise.all(promises);
+  }
+
+  /** Render all the expanded row detail View Slots */
+  async renderAllViewModels() {
+    const promises: Promise<void>[] = [];
+    this._slots.filter((x) => x?.dataContext).forEach((x) => promises.push(this.renderViewModel(x.dataContext)));
+    await Promise.all(promises);
+  }
+
+  /** Redraw the necessary View Slot */
+  async redrawViewSlot(slot: CreatedView) {
+    const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${slot.id}`);
+    if (containerElement) {
+      await this.renderViewModel(slot.dataContext);
+    }
+  }
+
+  /** Render (or re-render) the View Slot (Row Detail) */
+  async renderPreloadView() {
+    const containerElement = this.gridContainerElement.querySelector<HTMLElement>(`.${PRELOAD_CONTAINER_PREFIX}`);
+    if (this._preloadViewModel && containerElement) {
+      const preloadComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(
+        this._preloadViewModel,
+        undefined,
+        containerElement
+      );
+      this._preloadController = preloadComp?.controller;
+    }
+  }
+
+  /** Render (or re-render) the View Slot (Row Detail) */
+  async renderViewModel(item: any) {
+    const containerElement = this.gridContainerElement.querySelector<HTMLElement>(
+      `.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`
+    );
+    if (this._viewModel && containerElement) {
+      // render row detail
+      const bindableData = {
+        model: item,
+        addon: this,
+        grid: this._grid,
+        dataView: this.dataView,
+        parentRef: this.rowDetailViewOptions?.parentRef,
+      } as ViewModelBindableInputData;
+      const aureliaComp = await this.aureliaUtilService.createAureliaViewModelAddToSlot(this._viewModel, bindableData, containerElement);
+      const slotObj = this._slots.find((obj) => obj.id === item[this.datasetIdPropName]);
+
+      if (slotObj && aureliaComp) {
+        slotObj.controller = aureliaComp.controller;
+      }
+    }
+  }
+
+  // --
+  // protected functions
+  // ------------------
+
+  protected disposeView(item: any, removeFromArray = false): void {
+    const foundSlotIndex = this._slots.findIndex((slot: CreatedView) => slot.id === item[this.datasetIdPropName]);
+    if (foundSlotIndex >= 0 && this.disposeViewSlot(this._slots[foundSlotIndex])) {
+      if (removeFromArray) {
+        this._slots.splice(foundSlotIndex, 1);
+      }
+    }
+  }
+
+  protected disposeViewSlot(expandedView: CreatedView): CreatedView | void {
+    if (expandedView?.controller) {
+      const container = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${expandedView.id}`);
+      if (container) {
+        expandedView.controller.deactivate(expandedView.controller, null);
+        container.textContent = '';
+        return expandedView;
+      }
+    }
+  }
+
+  /**
+   * Just before the row get expanded or collapsed we will do the following
+   * First determine if the row is expanding or collapsing,
+   * if it's expanding we will add it to our View Slots reference array if we don't already have it
+   * or if it's collapsing we will remove it from our View Slots reference array
+   */
+  protected handleOnBeforeRowDetailToggle(_e: SlickEventData<OnBeforeRowDetailToggleArgs>, args: { grid: SlickGrid; item: any }) {
+    // expanding
+    if (args?.item?.__collapsed) {
+      // expanding row detail
+      const viewInfo: CreatedView = {
+        id: args.item[this.datasetIdPropName],
+        dataContext: args.item,
+      };
+      addToArrayWhenNotExists(this._slots, viewInfo, this.datasetIdPropName);
+    } else {
+      // collapsing, so dispose of the View/ViewSlot
+      this.disposeView(args.item, true);
+    }
+  }
+
+  /** When Row comes back to Viewport Range, we need to redraw the View */
+  protected async handleOnRowBackToViewportRange(
+    _e: SlickEventData<OnRowBackOrOutOfViewportRangeArgs>,
+    args: {
+      item: any;
+      rowId: string | number;
+      rowIndex: number;
+      expandedRows: (string | number)[];
+      rowIdsOutOfViewport: (string | number)[];
+      grid: SlickGrid;
+    }
+  ) {
+    const slot = this._slots.find((x) => x.id === args.rowId);
+    if (slot) {
+      this.redrawViewSlot(slot);
+    }
+  }
+
+  /**
+   * notify the onAsyncResponse with the "args.item" (required property)
+   * the plugin will then use item to populate the row detail panel with the "postTemplate"
+   * @param item
+   */
+  protected notifyTemplate(item: any) {
+    this.onAsyncResponse.notify({ item }, new SlickEventData(), this);
+  }
+
+  /**
+   * On Processing, we will notify the plugin with the new item detail once backend server call completes
+   * @param item
+   */
+  protected async onProcessing(item: any) {
+    if (item && typeof this._userProcessFn === 'function') {
+      let awaitedItemDetail: any;
+      const userProcessFn = this._userProcessFn(item);
+
+      // wait for the "userProcessFn", once resolved we will save it into the "collection"
+      const response: any | any[] = await userProcessFn;
+
+      if (response.hasOwnProperty(this.datasetIdPropName)) {
+        awaitedItemDetail = response; // from Promise
+      } else if (response instanceof Response && typeof response['json'] === 'function') {
+        awaitedItemDetail = await response['json'](); // from Fetch
+      } else if (response && response['content']) {
+        awaitedItemDetail = response['content']; // from aurelia-http-client
+      }
+
+      if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {
+        throw new Error(
+          '[Aurelia-Slickgrid] could not process the Row Detail, please make sure that your "process" callback ' +
+            `returns an item object that has an "${this.datasetIdPropName}" property`
+        );
+      }
+
+      // notify the plugin with the new item details
+      this.notifyTemplate(awaitedItemDetail || {});
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './aureliaRowDetailView.js';

package/src/interfaces.ts

@@ -0,0 +1,16 @@
+import type { Constructable } from '@aurelia/kernel';
+import type { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';
+
+export interface RowDetailView extends UniversalRowDetailView {
+  /**
+   * Optionally pass your Parent Component reference to your Child Component (row detail component).
+   * note:: If anyone finds a better way of passing the parent to the row detail extension, please reach out and/or create a PR
+   */
+  parentRef?: any;
+
+  /** View Model of the preload template which shows after opening row detail & before row detail data shows up */
+  preloadViewModel?: Constructable;
+
+  /** View Model template that will be loaded once the async function finishes */
+  viewModel?: Constructable;
+}