@mescius/wijmo.grid.detail 5.20232.939

package/index.d.ts

@@ -0,0 +1,322 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+/**
+ * {@module wijmo.grid.detail}
+ * Extension that provides detail rows for {@link FlexGrid} controls.
+ */
+/**
+ *
+ */
+export declare var ___keepComment: any;
+import { EventArgs } from '@grapecity/wijmo';
+import { Row, FlexGrid, MergeManager, GridPanel, CellRange, CellRangeEventArgs, FormatItemEventArgs, Column } from '@grapecity/wijmo.grid';
+import * as selfModule from '@grapecity/wijmo.grid.detail';
+/**
+ * Row that contains a single detail cell spanning all grid columns.
+ */
+export declare class DetailRow extends Row {
+    _detail: HTMLElement;
+    /**
+     * Initializes a new instance of the {@link DetailRow} class.
+     *
+     * @param parentRow {@link Row} that this {@link DetailRow} provides details for.
+     */
+    constructor(parentRow: Row);
+    /**
+     * Gets or sets the HTML element that represents the detail cell in this {@link DetailRow}.
+     */
+    detail: HTMLElement;
+}
+/**
+ * Merge manager class used by the {@link FlexGridDetailProvider} class.
+ *
+ * The {@link DetailMergeManager} merges detail cells (cells in a {@link DetailRow})
+ * into a single detail cell that spans all grid columns.
+ */
+export declare class DetailMergeManager extends MergeManager {
+    _originalMergeManager: MergeManager;
+    /**
+     * Initializes a new instance of a {@link DetailMergeManager} class.
+     *
+     * @param grid Grid that owns this merge manager.
+     */
+    constructor(grid: FlexGrid);
+    /**
+     * Gets a {@link CellRange} that specifies the merged extent of a cell
+     * in a {@link GridPanel}.
+     *
+     * @param p The {@link GridPanel} that contains the range.
+     * @param r The index of the row that contains the cell.
+     * @param c The index of the column that contains the cell.
+     * @param clip Whether to clip the merged range to the grid's current view range.
+     * @return A {@link CellRange} that specifies the merged range, or null if the cell is not merged.
+     */
+    getMergedRange(p: GridPanel, r: number, c: number, clip?: boolean): CellRange;
+}
+/**
+ * Specifies constants that define the action to perform when the
+ * ENTER key is pressed.
+ */
+export declare enum KeyAction {
+    /** No special action (let the grid handle the key). */
+    None = 0,
+    /** Toggle the detail display. */
+    ToggleDetail = 1
+}
+/**
+ * Specifies when and how the row details are displayed.
+ */
+export declare enum DetailVisibilityMode {
+    /**
+     * Details are shown or hidden in code, using the
+     * {@link FlexGridDetailProvider.showDetail} and
+     * {@link FlexGridDetailProvider.hideDetail} methods.
+     */
+    Code = 0,
+    /**
+     * Details are shown for the row that is currently selected.
+     */
+    Selection = 1,
+    /**
+     * Details are shown or hidden using buttons added to the row headers.
+     * Only one row may be expanded at a time.
+     */
+    ExpandSingle = 2,
+    /**
+     * Details are shown or hidden using buttons added to the row headers.
+     * Multiple rows may be expanded at a time.
+     */
+    ExpandMulti = 3
+}
+/**
+ * Represents a method that takes a {@link Row} and returns an HTMLElement
+ * containing details about the row.
+ */
+export interface ICreateDetailCell {
+    /**
+     * @param row {@link Row} that contains the details.
+     * @param col {@link Column} that contains the details.
+     * @returns Element with details about the row.
+     */
+    (row: Row, col?: Column): HTMLElement;
+}
+/**
+ * Represents a method that takes a {@link Row} and disposes of detail
+ * elements associated with the row.
+ */
+export interface IDisposeDetailCell {
+    /**
+     * @param row {@link Row} that contains details that were just removed from view.
+     * @returns Returning true will prevent {@link FlexGridDetailProvider} from
+     * disposing controls in details. Can be used if all the disposing logic is
+     * fulfilled by the method.
+     */
+    (row: Row): boolean | void;
+}
+/**
+ * Represents a method that takes a {@link Row} and returns true if
+ * the row has details that can be displayed.
+ */
+export interface IRowHasDetail {
+    /**
+     * @param row {@link Row} on the main grid.
+     * @returns true if the row has details that can be shown.
+     */
+    (row: Row): boolean;
+}
+/**
+ * Implements detail rows for {@link FlexGrid} controls.
+ *
+ * To add detail rows to a {@link FlexGrid} control, create an instance of a
+ * {@link FlexGridDetailProvider} and set the {@link createDetailCell} property
+ * to a function that creates elements to be displayed in the detail cells.
+ *
+ * For example:
+ *
+ * ```typescript
+ * import { FlexGrid } from '@grapecity/wijmo.grid';
+ * import { FlexGridDetailProvider } from '@grapecity/wijmo.grid.detail';
+ *
+ * // create FlexGrid to show categories
+ * let gridCat = new FlexGrid('#gridCat', {
+ *     itemsSource: getCategories();
+ * });
+ *
+ * // add detail rows showing products in each category
+ * let detailProvider = new FlexGridDetailProvider(gridCat, {
+ *     createDetailCell: (row) => {
+ *         let cell = document.createElement('div');
+ *         new FlexGrid(cell, {
+ *             itemsSource: getProducts(row.dataItem.CategoryID)
+ *         });
+ *         return cell;
+ *     }
+ * });
+ * ```
+ *
+ * The {@link FlexGridDetailProvider} provides a {@link detailVisibilityMode} property
+ * that determines when the detail rows should be displayed.
+ *
+ * The default value for this property is **ExpandSingle**, which adds collapse/expand
+ * icons to the row headers.
+ *
+ * The example below shows how you can use a {@link FlexGridDetailProvider} to add
+ * different types of detail to the rows in a {@link FlexGrid}:
+ *
+ * {@sample Grid/Rows/RowDetail/Overview/purejs Example}
+ */
+export declare class FlexGridDetailProvider {
+    static _WJC_DETAIL: string;
+    _g: FlexGrid;
+    _maxHeight: number | null;
+    _mode: DetailVisibilityMode;
+    _animated: boolean;
+    _toSel: any;
+    _createDetailCellFn: ICreateDetailCell;
+    _disposeDetailCellFn: IDisposeDetailCell;
+    _rowHasDetailFn: IRowHasDetail;
+    _keyActionEnter: KeyAction;
+    /**
+     * Initializes a new instance of the {@link FlexGridDetailProvider} class.
+     *
+     * @param grid {@link FlexGrid} that will receive detail rows.
+     * @param options Initialization options for the new {@link FlexGridDetailProvider}.
+     */
+    constructor(grid: FlexGrid, options?: any);
+    /**
+     * Gets the {@link FlexGrid} that owns this {@link FlexGridDetailProvider}.
+     */
+    readonly grid: FlexGrid;
+    /**
+     * Gets or sets a value that determines when row details are displayed.
+     *
+     * The default value for this property is **DetailVisibilityMode.ExpandSingle**.
+     */
+    detailVisibilityMode: DetailVisibilityMode;
+    /**
+     * Gets or sets the maximum height of the detail rows, in pixels.
+     *
+     * The default value for this property is **null**, which means
+     * there's no upper limit to the detail row height.
+     */
+    maxHeight: number | null;
+    /**
+     * Gets or sets a value that indicates whether to use animation when
+     * showing row details.
+     *
+     * The default value for this property is **false**.
+     */
+    isAnimated: boolean;
+    /**
+     * Gets or sets the action to perform when the ENTER key is pressed.
+     *
+     * The default setting for this property is {@link KeyAction.None},
+     * which lets the grid handle the key.
+     * The other option is {@link KeyAction.ToggleDetail}, which handles
+     * the Enter key to toggle the display of the row details.
+     */
+    keyActionEnter: KeyAction;
+    /**
+     * Gets or sets the callback function that creates detail cells.
+     *
+     * The callback function takes a {@link Row} as a parameter and
+     * returns an HTML element representing the row details.
+     * For example:
+     *
+     * ```typescript
+     * // create detail cells for a given row
+     * dp.createDetailCell = (row) => {
+     *     let cell = document.createElement('div');
+     *     new FlexGrid(cell, {
+     *         itemsSource: getProducts(row.dataItem.CategoryID),
+     *         headersVisibility: 'Column'
+     *     });
+     *     return cell;
+     * };
+     * ```
+     */
+    createDetailCell: ICreateDetailCell;
+    /**
+     * Gets or sets the callback function that disposes of detail cells.
+     *
+     * The callback function takes a {@link Row} as a parameter and
+     * disposes of any resources associated with the detail cell.
+     *
+     * This function is optional. Use it in cases where the
+     * {@link createDetailCell} function allocates resources that are not
+     * automatically garbage-collected.
+     */
+    disposeDetailCell: IDisposeDetailCell;
+    /**
+     * Gets or sets the callback function that determines whether a row
+     * has details.
+     *
+     * The callback function takes a {@link Row} as a parameter and
+     * returns a boolean value that indicates whether the row has
+     * details. For example:
+     *
+     * ```typescript
+     * // remove details from items with odd CategoryID
+     * dp.rowHasDetail = (row) => {
+     *     return row.dataItem.CategoryID % 2 == 0;
+     * };
+     * ```
+     *
+     * Setting this property to null means all regular data
+     * rows (not group rows or new item templates) have details.
+     */
+    rowHasDetail: IRowHasDetail;
+    /**
+     * Gets the detail row associated with a given grid row.
+     *
+     * @param row Row or index of the row to investigate.
+     */
+    getDetailRow(row: any): DetailRow | null;
+    /**
+     * Gets a value that determines if a row's details are visible.
+     *
+     * @param row Row or index of the row to investigate.
+     */
+    isDetailVisible(row: any): boolean;
+    /**
+     * Gets a value that determines if a row has details to show.
+     *
+     * @param row Row or index of the row to investigate.
+     */
+    isDetailAvailable(row: any): boolean;
+    /**
+     * Hides the detail row for a given row.
+     *
+     * @param row {@link Row} or index of the row that will have its details hidden.
+     * This parameter is optional. If not provided, all detail rows are hidden.
+     */
+    hideDetail(row?: Row | number): void;
+    /**
+     * Shows the detail row for a given row.
+     *
+     * @param row {@link Row} or index of the row that will have its details shown.
+     * @param hideOthers Whether to hide details for all other rows.
+     */
+    showDetail(row: Row | number, hideOthers?: boolean): void;
+    _sizeDetailRow(row: DetailRow, useScrollHeight?: boolean): number;
+    _handleFrozenCells(): void;
+    _toIndex(row: any): number;
+    _hdrClick(e: MouseEvent): void;
+    _toggleRowDetail(row: number): boolean;
+    _selectionChanged(s: FlexGrid, e: EventArgs): void;
+    _formatItem(s: any, e: FormatItemEventArgs): void;
+    _resizedRow(s: any, e: CellRangeEventArgs): void;
+    _hasDetail(row: number): boolean;
+    _isRegularRow(row: Row): boolean;
+    _createDetailCell(row: Row): HTMLElement;
+}

package/index.js

@@ -0,0 +1,14 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+"use strict";var __extends=this&&this.__extends||function(){var extendStatics=function(e,t){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)};return function(e,t){extendStatics(e,t);function __(){this.constructor=e}e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}}(),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)Object.hasOwnProperty.call(e,i)&&(t[i]=e[i]);t.default=e;return t};Object.defineProperty(exports,"__esModule",{value:!0});var wijmo_1=require("@mescius/wijmo"),wijmo_grid_1=require("@mescius/wijmo.grid"),selfModule=__importStar(require("@mescius/wijmo.grid.detail")),DetailRow=function(e){__extends(DetailRow,e);function DetailRow(t){var i=e.call(this)||this;i.isReadOnly=!0;return i}Object.defineProperty(DetailRow.prototype,"detail",{get:function(){return this._detail},set:function(e){this._detail=e},enumerable:!0,configurable:!0});return DetailRow}(wijmo_grid_1.Row);exports.DetailRow=DetailRow;var KeyAction,DetailVisibilityMode,DetailMergeManager=function(e){__extends(DetailMergeManager,e);function DetailMergeManager(t){var i=e.call(this)||this;i._originalMergeManager=t.mergeManager;return i}DetailMergeManager.prototype.getMergedRange=function(e,t,i,r){void 0===r&&(r=!0);switch(e.cellType){case wijmo_grid_1.CellType.Cell:if(e.rows[t]instanceof DetailRow){e.columns.frozen>0&&e.grid&&(e.grid.cloneFrozenCells=!1);return new wijmo_grid_1.CellRange(t,0,t,e.columns.length-1)}break;case wijmo_grid_1.CellType.RowHeader:var o=_isFrozen(e,t),l=_isNew(e,t),n=e.rows[t].dataItem;!n&&t>0&&e.rows[t]instanceof DetailRow&&(n=e.rows[t-1].dataItem);for(var a=t;a>0&&e.rows[a-1].dataItem==n&&_isFrozen(e,a-1)==o&&_isNew(e,a-1)==l;)a--;for(var s=t;s<e.rows.length-1&&e.rows[s+1].dataItem==n&&_isFrozen(e,s+1)==o&&_isNew(e,s+1)==l;)s++;s<e.rows.length-1&&e.rows[s+1]instanceof DetailRow&&_isFrozen(e,s+1)==o&&_isNew(e,s+1)==l&&s++;return a!=s?new wijmo_grid_1.CellRange(a,i,s,i):null}return this._originalMergeManager.getMergedRange(e,t,i,r)};return DetailMergeManager}(wijmo_grid_1.MergeManager);exports.DetailMergeManager=DetailMergeManager;function _isFrozen(e,t){return t<e.rows.frozen}function _isNew(e,t){return e.rows[t]instanceof wijmo_grid_1._NewRowTemplate}wijmo_1._addCultureInfo("FlexGridDetailProvider",{ariaLabels:{toggleDetail:"Toggle Row Detail"}});!function(e){e[e.None=0]="None";e[e.ToggleDetail=1]="ToggleDetail"}(KeyAction=exports.KeyAction||(exports.KeyAction={}));!function(e){e[e.Code=0]="Code";e[e.Selection=1]="Selection";e[e.ExpandSingle=2]="ExpandSingle";e[e.ExpandMulti=3]="ExpandMulti"}(DetailVisibilityMode=exports.DetailVisibilityMode||(exports.DetailVisibilityMode={}));var FlexGridDetailProvider=function(){function FlexGridDetailProvider(e,t){var i=this;this._maxHeight=null;this._mode=DetailVisibilityMode.ExpandSingle;this._animated=!1;this._keyActionEnter=KeyAction.None;this._g=e;e.mergeManager=new DetailMergeManager(e);e.rowHeaders.hostElement.addEventListener("click",this._hdrClick.bind(this));e.rowHeaders.hostElement.addEventListener("mousedown",(function(t){var r=e.editableCollectionView;if(e.activeEditor||r&&r.currentEditItem){i._hdrClick(t);t.preventDefault()}}));setTimeout((function(){e.formatItem.addHandler(i._formatItem,i)}),100);e.selectionChanged.addHandler(this._selectionChanged,this);e.resizedRow.addHandler(this._resizedRow,this);e.loadingRows.addHandler((function(){return i.hideDetail()}));e.deletingRow.addHandler((function(e,t){i.hideDetail(t.row)}));e.updatedView.addHandler(this._handleFrozenCells,this);e.cloneFrozenCells=!1;e.draggingRow.addHandler((function(e,t){if(t.row<e.rows.length-1&&e.rows[t.row+1]instanceof DetailRow){t.cancel=!0;i.hideDetail(t.row)}}));e.hostElement.addEventListener("keydown",(function(e){if(e.keyCode==wijmo_1.Key.Enter&&i._keyActionEnter==KeyAction.ToggleDetail){var t=i._g.selection.row;i._toggleRowDetail(t)&&e.preventDefault()}}),!0);e._root.addEventListener("scroll",(function(){wijmo_1.hasClass(e.activeCell,"wj-detail")&&wijmo_1.Control.sharedState.InvalidScroll||wijmo_1.Control.refreshAll(e._root)}));wijmo_1.copy(this,t)}Object.defineProperty(FlexGridDetailProvider.prototype,"grid",{get:function(){return this._g},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"detailVisibilityMode",{get:function(){return this._mode},set:function(e){if((e=wijmo_1.asEnum(e,DetailVisibilityMode))!=this._mode){this._mode=e;this.hideDetail();this._g.invalidate()}},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"maxHeight",{get:function(){return this._maxHeight},set:function(e){if((e=wijmo_1.asNumber(e,!0))!=this._maxHeight){this._maxHeight=e;this.hideDetail()}},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"isAnimated",{get:function(){return this._animated},set:function(e){e!=this._animated&&(this._animated=wijmo_1.asBoolean(e))},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"keyActionEnter",{get:function(){return this._keyActionEnter},set:function(e){this._keyActionEnter=wijmo_1.asEnum(e,KeyAction)},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"createDetailCell",{get:function(){return this._createDetailCellFn},set:function(e){this._createDetailCellFn=wijmo_1.asFunction(e,!0)},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"disposeDetailCell",{get:function(){return this._disposeDetailCellFn},set:function(e){this._disposeDetailCellFn=wijmo_1.asFunction(e,!0)},enumerable:!0,configurable:!0});Object.defineProperty(FlexGridDetailProvider.prototype,"rowHasDetail",{get:function(){return this._rowHasDetailFn},set:function(e){if((e=wijmo_1.asFunction(e,!0))!=this._rowHasDetailFn){this._rowHasDetailFn=e;this.hideDetail();this._g.invalidate()}},enumerable:!0,configurable:!0});FlexGridDetailProvider.prototype.getDetailRow=function(e){for(var t=this._g.rows,i=this._toIndex(e),r=t[i]?t[i].dataItem:void 0;i<t.length;i++){var o=t[i];if(o instanceof DetailRow)return o;if(o.dataItem!=r)return null}return null};FlexGridDetailProvider.prototype.isDetailVisible=function(e){return null!=this.getDetailRow(e)};FlexGridDetailProvider.prototype.isDetailAvailable=function(e){e=this._toIndex(e);return this._hasDetail(e)};FlexGridDetailProvider.prototype.hideDetail=function(e){var t=this._g,i=t.rows;if(null!=e){var r=this._toIndex(e);if(r<=t.rows.frozen-1){t.rows.frozenDetailChildren-=1;t.rows.frozen-=1}for(;!(i[r]instanceof DetailRow)&&r<i.length-1;)r++;var o=i[r];if(o instanceof DetailRow){var l=o.detail.parentElement;if(l)for(var n=l.querySelectorAll(".wj-control"),a=0;a<n.length;a++){var s=wijmo_1.Control.getControl(n[a]);s&&s.containsFocus()&&t.focus(!0)}var d=this.disposeDetailCell;!!d&&d(o)||wijmo_1.Control.disposeAll(o.detail);i.removeAt(r)}}else for(var c=0;c<i.length;c++)i[c]instanceof DetailRow&&this.hideDetail(c)};FlexGridDetailProvider.prototype.showDetail=function(e,t){void 0===t&&(t=!1);var i=this._g,r=i.rows,o=this._toIndex(e);if(o<=i.rows.frozen-1){i.rows.frozenDetailChildren+=1;i.rows.frozen+=1}o>0&&r[o]instanceof DetailRow&&o--;for(var l=r[o].dataItem;o<r.length-1&&r[o+1].dataItem==l;)o++;if(t){for(var n=i.selection,a=!1,s=0;s<r.length-1;s++)if(s!=o&&r[s+1]instanceof DetailRow){this.hideDetail(s);s<o&&o--;if(s<n.row){n.row--;n.row2--;a=!0}}a&&i.select(n,!1)}if(!this.isDetailVisible(o)&&this._hasDetail(o)){var d=new DetailRow(r[o]),c=this._createDetailCell(r[o]);d.detail=c;if(c){r.insert(o+1,d);var _=i.containsFocus();if(this._animated){var u=c.style;u.transform="translateY(-100%)";u.opacity="0";wijmo_1.animate((function(e){if(e<1){u.transform="translateY("+(100*-(1-e)).toFixed(0)+"%)";u.opacity=(e*e).toString()}else{u.transform=u.opacity="";wijmo_1.Control.invalidateAll(c);_&&i.scrollIntoView(o+1,-1)}}))}else _&&i.scrollIntoView(o+1,-1,!0)}}};FlexGridDetailProvider.prototype._sizeDetailRow=function(e,t){void 0===t&&(t=!1);var i=this._g,r=e.detail;wijmo_1.Control.refreshAll(r);var o=t?r.scrollHeight:r.offsetHeight,l=o+i._cellPadVert+1,n=this._maxHeight;wijmo_1.isNumber(n)&&n>0&&l>n&&(l=n);e.height=l;r.style.height||(r.style.height="100%");var a=r.querySelector(".wj-flexgrid");a&&!a.style.height&&(a.style.height="100%");return o};FlexGridDetailProvider.prototype._handleFrozenCells=function(){var e=this._g,t=e.hostElement,i=wijmo_1.Control.getControl(t.querySelector(".wj-flexgrid"));if(i instanceof wijmo_grid_1.FlexGrid&&(i.rows.frozen||i.columns.frozen)){wijmo_1.setCss([e._eTL,e._eBL,e._eCFtr,e._eRHdr,e._eMarquee],{zIndex:"13"});wijmo_1.setCss(e._eCHdr,{zIndex:"14"});for(var r=t.querySelectorAll(".wj-frozen"),o=0;o<r.length;o++){var l=r[o];if(wijmo_1.closest(l,".wj-flexgrid")==t){var n=parseInt(l.style.zIndex);l.style.zIndex=(n%10+10).toString()}}}};FlexGridDetailProvider.prototype._toIndex=function(e){return e instanceof wijmo_grid_1.Row?e.index:wijmo_1.asNumber(e)};FlexGridDetailProvider.prototype._hdrClick=function(e){if(!e.defaultPrevented&&0==e.button&&wijmo_1.closestClass(e.target,FlexGridDetailProvider._WJC_DETAIL)){var t=DetailVisibilityMode;switch(this._mode){case t.ExpandMulti:case t.ExpandSingle:var i=this._g,r=i.hitTest(e.target);r.panel||(r=i.hitTest(e));r.panel&&this._toggleRowDetail(r.row)&&e.preventDefault()}}};FlexGridDetailProvider.prototype._toggleRowDetail=function(e){if(e>-1){if(this.isDetailVisible(e)){this.hideDetail(e);return!0}if(this._hasDetail(e)){var t=this._g;t.select(new wijmo_grid_1.CellRange(e,0,e,t.columns.length-1));this.showDetail(e,this._mode==DetailVisibilityMode.ExpandSingle);return!0}}return!1};FlexGridDetailProvider.prototype._selectionChanged=function(e,t){var i=this;if(this._mode==DetailVisibilityMode.Selection){this._toSel&&clearTimeout(this._toSel);this._toSel=setTimeout((function(){var t=e._selHdl.selection.row;t>-1?i.showDetail(t,!0):i.hideDetail()}),300)}};FlexGridDetailProvider.prototype._formatItem=function(e,t){var i=this,r=this._g,o=t.cell,l=t.getRow(),n=DetailVisibilityMode;if(t.panel==r.cells&&l instanceof DetailRow&&null!=l.detail&&!wijmo_1.hasClass(o,"wj-detail")){wijmo_1.addClass(o,"wj-detail");o.textContent="";o.style.textAlign="";o.className=o.className.replace(/wj\-align\-[\S]+/g,"");o.appendChild(l.detail);null==l.height?0===this._sizeDetailRow(l)&&setTimeout((function(){i._sizeDetailRow(l,!0)}),1):wijmo_1.Control.refreshAll(l.detail)}if(t.panel==r.rowHeaders&&0==t.col&&this._hasDetail(t.row)){o.style.cursor="";switch(this._mode){case n.ExpandMulti:case n.ExpandSingle:var a=this.isDetailVisible(t.row),s=a?"minus":"plus",d=FlexGridDetailProvider._WJC_DETAIL;o.innerHTML='<div class="wj-btn wj-btn-glyph '+d+'" role="button" tabindex="-1"><span class="wj-glyph-'+s+'"></span></div>';var c=o.children[0],_=wijmo_1.culture.FlexGridDetailProvider.ariaLabels.toggleDetail;wijmo_1.setAriaLabel(c,_);wijmo_1.setAttribute(c,"aria-expanded",a)}}};FlexGridDetailProvider.prototype._resizedRow=function(e,t){var i=t.getRow();i instanceof DetailRow&&i.detail&&wijmo_1.Control.refreshAll(i.detail)};FlexGridDetailProvider.prototype._hasDetail=function(e){var t=this._g.rows[e];return wijmo_1.isFunction(this._rowHasDetailFn)?this._rowHasDetailFn(t):this._isRegularRow(t)};FlexGridDetailProvider.prototype._isRegularRow=function(e){return!(e instanceof wijmo_grid_1._NewRowTemplate||e instanceof DetailRow)&&!(e instanceof wijmo_grid_1.GroupRow&&!this._g.childItemsPath)};FlexGridDetailProvider.prototype._createDetailCell=function(e){return this.createDetailCell?this.createDetailCell(e):null};FlexGridDetailProvider._WJC_DETAIL="wj-elem-detail";return FlexGridDetailProvider}();exports.FlexGridDetailProvider=FlexGridDetailProvider;wijmo_1._registerModule("wijmo.grid.detail",selfModule);

package/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@mescius/wijmo.grid.detail",
+    "version": "5.20232.939",
+    "description": "UI library for pure JS, Angular, React, Vue and more...",
+    "author": "MESCIUS inc",
+    "license": "Commercial",
+    "main": "./index.js",
+    "types": "./index.d.ts",
+    "dependencies": {
+        "@mescius/wijmo": "5.20232.939",
+        "@mescius/wijmo.input": "5.20232.939",
+        "@mescius/wijmo.grid": "5.20232.939"
+    },
+    "homepage": "https://developer.mescius.com/wijmo",
+    "bugs": {
+        "url": "https://developer.mescius.com/forums/wijmo"
+    },
+    "keywords": [
+        "control",
+        "component",
+        "ui",
+        "control library",
+        "component library",
+        "ui library",
+        "control-library",
+        "component-library",
+        "ui-library",
+        "grid",
+        "data grid",
+        "data-grid",
+        "datagrid",
+        "angular grid",
+        "react grid",
+        "vue grid",
+        "angular-grid",
+        "react-grid",
+        "vue-grid"
+    ],
+    "module": "./es5-esm.js",
+    "esm5": "./es5-esm.js",
+    "wj-esm5": "./es5-esm.js",
+    "es2015Cjs": "./es2015-commonjs.js",
+    "wj-es2015Cjs": "./es2015-commonjs.js",
+    "esm2015": "./es2015-esm.js",
+    "wj-esm2015": "./es2015-esm.js"
+}