@mescius/wijmo.grid.transposed 5.20232.939

package/index.d.ts

@@ -0,0 +1,305 @@
+/*!
+    *
+    * 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.transposed}
+ * Extension that includes the {@link TransposedGrid} control,
+ * which provides extends the {@link FlexGrid} control to display
+ * data using a transposed layout.
+ *
+ * In transposed layouts, data items are shown as columns and their
+ * properties as rows. This the opposite of regular grid layouts,
+ * where data items are shown as rows and their properties as columns.
+ */
+/**
+ *
+ */
+export declare var ___keepComment: any;
+import { MergeManager, GridPanel, CellRange, FlexGrid, Column, ColumnCollection, CellRangeEventArgs, AllowSorting, _IColumnGroupHandler, _ColumnGroupProperties, ColumnGroupCollection } from '@grapecity/wijmo.grid';
+import { EventArgs, ICollectionView, IBindingInfo, ObservableArray, NotifyCollectionChangedEventArgs } from '@grapecity/wijmo';
+/**
+ * Provides custom merging for {@link TransposedGrid} controls.
+ */
+export declare class _MergeManager extends MergeManager {
+    /**
+     * 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 Specifies 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;
+}
+/**
+ * Extends the {@link FlexGrid} control to display data using a transposed
+ * layout, where columns represent data items and rows represent item
+ * properties.
+ *
+ * Features based on regular (non-transposed) data sources only apply to the
+ * original data source, so you can sort, filter, group, or paginate items before
+ * assigning them to the {@link TransposedGrid}, but if you later change those
+ * parameters, the grid will not be automatically updated.
+ *
+ * Also, some regular {@link FlexGrid} features are not available in the
+ * {@link TransposedGrid} because they don't make sense with transposed data
+ * sources.
+ *
+ * For example, adding or removing rows in a transposed grid would mean adding
+ * or removing properties to the data items. For this reason, the {@link allowAddNew}
+ * and {@link allowDelete} properties are disabled.
+ *
+ * Also, the {@link autoGenerateColumns} property has no effect on the
+ * {@link TransposedGrid}, which has an {@link autoGenerateRows} property instead.
+ *
+ * The list of disabled properties includes the following:
+ * {@link FlexGrid.allowAddNew}, {@link FlexGrid.allowDelete},
+ * {@link FlexGrid.allowSorting}, {@link Column.cellTemplate},
+ * {@link Column.editor}, {@link FlexGridFilter},
+ * {@link Selector}.
+ */
+export declare class TransposedGrid extends FlexGrid {
+    protected _sourceItems: any;
+    protected _keyPrefix: string;
+    protected _autoGenRows: boolean;
+    protected _toRowInfo: any;
+    _rowInfo: ColumnCollection;
+    /**
+     * Initializes a new instance of the {@link TransposedGrid} class.
+     *
+     * @param element The DOM element that hosts the control, or a CSS selector for the host element (e.g. '#theCtrl').
+     * @param options JavaScript object containing initialization data for the control.
+     */
+    constructor(element: any, options?: any);
+    /**
+     * Gets or sets a value that determines whether the grid should generate
+     * rows automatically based on the {@link itemsSource}.
+     *
+     * The default value for this property is <b>true</b>.
+     */
+    autoGenerateRows: boolean;
+    /**
+     * Gets or sets an array used to define hierarchical row groups.
+     *
+     * The items in the array should be JSON objects with properties of
+     * {@link Column} objects, plus three optional members:
+     *
+     * * 'rows' array containing an array of child rows,
+     * * 'collapseTo' string containing the binding(s) of the child row(s)
+     *   that should remain visible when the group is collapsed.
+     * * 'isCollapsed' boolean that determines if the group should be
+     *   initially collapsed.
+     *
+     * Please note that 'width' property defines row header width.
+     * If width is defined in more than one group/row header that corresponds the same header column,
+     * the maximal width will be used.
+     *
+     * Moreover, it is possible to define row height using 'height' property.
+     * This property should be used for empty rows which don't contain child rows.
+     * Using this property for rows which contain child ones will have no effect.
+     *
+     * For example, the code below generates a grid with two row groups,
+     * both initially collapsed:
+     *
+     * ```typescript
+     * new TransposedGrid('#trnGrid', {
+     *     autoGenerateRows: false,
+     *     rowGroups: [
+     *         { header: 'Group 1', width: 100, align: 'center', collapseTo: ['id', 'country'], isCollapsed: true, rows: [
+     *             { binding: 'id', header: 'ID', width: 20, height: 50 },
+     *             { binding: 'date', header: 'Date', width: 60, dataType: 'Date' },
+     *             { binding: 'country', header: 'Country', width: 80, dataType: 'String' },
+     *             { binding: 'active', header: 'Active', width: 20, dataType: 'Boolean' },
+     *         ]},
+     *         { header: 'Group 2', width: 100, align: 'center', collapseTo: 'sales', isCollapsed: true, rows: [
+     *             { binding: 'sales', header: 'Sales', width: 60, dataType: 'Number' },
+     *             { binding: 'expenses', header: 'Expenses', width: 60, dataType: 'Number' },
+     *         ]}
+     *     ],
+     *     itemsSource: getData(20)
+     * });
+     * ```
+     *
+     * Note that these row groups will be represented by row header with two columns,
+     * 100 and 80 pixels wide, respectively.
+     */
+    rowGroups: any[];
+    refresh(fullUpdate?: boolean): void;
+    allowAddNew: boolean;
+    allowDelete: boolean;
+    allowSorting: AllowSorting;
+    /**
+     * Not supported. Use {@link rowGroups} instead.
+     */
+    columnGroups: any[];
+    onRowEditEnded(e: CellRangeEventArgs): void;
+    protected _getCollectionView(value: any): ICollectionView;
+    _getColumnTypes(arr: any[]): IBindingInfo[];
+    _copy(key: string, value: any): boolean;
+    onLoadedRows(e?: EventArgs): void;
+    _getBindingColumn(p: GridPanel, r: number, c: Column): Column;
+    _isTransposed(): boolean;
+    _autoSizeRows(): void;
+    private _copyProps;
+    private _updateRowHeaders;
+    _rowInfoChanged(): void;
+    _sourceViewChanged(sender: ICollectionView, e: NotifyCollectionChangedEventArgs): void;
+    _transposeItemsSource(arr: any[]): ObservableArray;
+    _supportsProxies(): boolean;
+    _createProxy(arr: any[], rowInfo: any, proxyKeys: string[]): any;
+    _createTransposedObject(arr: any[], rowInfo: any, keyPrefix: string): {
+        _arr: any[];
+        _rowInfo: any;
+    };
+    _getRowInfo(arr: any[]): any[];
+}
+/**
+ * This class is for internal use only.
+ */
+export declare class TransposedGridRow extends Column {
+    private _height;
+    /**
+     * Gets or sets the height of the row.
+     * Setting this property to null or negative values causes the element to use the
+     * parent collection's default size.
+     */
+    height: number | null;
+}
+/**
+ * Provides custom handling of row groups for {@link TransposedGrid} controls.
+ */
+export declare class _RowGroupHandler implements _IColumnGroupHandler {
+    private _grid;
+    private _colGroups;
+    private _groupDefs;
+    /**
+     * Initializes a new instance of the {@link _RowGroupHandler} class.
+     *
+     * @param g {@link TransposedGrid} that owns this {@link _RowGroupHandler}.
+     */
+    constructor(grid: TransposedGrid);
+    /**
+     * Gets the collection of column groups.
+     * Currently does not support and returns null;
+     */
+    readonly columnGroups: ColumnGroupCollection;
+    /**
+     * Initializes the column groups based on an array of
+     * column definition objects.
+     *
+     * @param arr Array of column definition objects that defines the groups.
+     */
+    createColumnGroups(arr: any[]): void;
+    /**
+     * Gets a value that determines whether the grid has any
+     * column groups.
+     */
+    hasColumnGroups(): boolean;
+    /**
+     * Gets the original array used to define the column groups.
+     */
+    getGroupDefinitions(): any[];
+    /**
+     * Gets the column group that contains a given row and column.
+     *
+     * @param r Index of the row containted in the group.
+     * @param c Index of the column containted in the group.
+     */
+    getColumnGroup(r: number, c: number): Column & _ColumnGroupProperties;
+    /**
+     * Checks whether the column group can be moved from one position to another.
+     *
+     * @param srcRow The row index of the column group to move.
+     * @param srcCol The column index of the column group to move.
+     * @param dstRow The row position to which to move the column group.
+     * @param dstCol The column position to which to move the column group.
+     * @returns Returns true if the move is valid, false otherwise.
+     */
+    canMoveColumnGroup(srcRow: number, srcCol: number, dstRow: number, dstCol: number): boolean;
+    /**
+     * Moves the column group from one position to another.
+     *
+     * Note: it is allowed to move the column group to child groups (child == true)
+     * only if the parent group is empty. Otherwise returns false.
+     *
+     * @param srcRow The row index of the column group to move.
+     * @param srcCol The column index of the column group to move.
+     * @param dstRow The row position to which to move the column group.
+     * @param dstCol The column position to which to move the column group.
+     * @param child Whether to move the column group to child groups or to sibling groups.
+     * @returns Returns true if the element was moved, false otherwise.
+     */
+    moveColumnGroup(srcRow: number, srcCol: number, dstRow: number, dstCol: number, child: boolean): boolean;
+    private _createRowGroups;
+    private _addRowGroup;
+}
+/**
+ * Extends the {@link Column} class to provide custom row groups
+ * for {@link TransposedGrid} controls.
+ */
+export declare class _RowGroup extends Column {
+    private _height;
+    _rng: CellRange;
+    _grid: TransposedGrid;
+    protected _pGrp: _RowGroup;
+    protected _cols: _RowGroup[];
+    protected _lvl: number;
+    protected _collTo: string | string[];
+    protected _collapsed: boolean;
+    /**
+     * Initializes a new instance of the {@link _RowGroup} class.
+     *
+     * @param options JavaScript object containing initialization data for the instance.
+     * @param parent Parent group, or null for top-level groups.
+     */
+    constructor(options: any, parent: _RowGroup);
+    /**
+     * Gets or sets the collection of child {@link _RowGroup} columns.
+     */
+    columns: _RowGroup[];
+    readonly rows: _RowGroup[];
+    /**
+     * Gets the value that indicates whether the group contains child columns or not.
+     */
+    readonly isEmpty: boolean;
+    /**
+     * Gets or sets the height of the row.
+     * Setting this property to null or negative values causes the element to use the
+     * parent collection's default size.
+     */
+    height: number | null;
+    /**
+     * Gets this {@link _RowGroup}'s level (the number of parent groups it has).
+     *
+     * Top level groups have level zero. Their children have level 1, and so on.
+     */
+    readonly level: number;
+    /**
+     * Gets or sets the binding(s) of the column(s) that should remain
+     * visible when this {@link _RowGroup} is collapsed.
+     */
+    collapseTo: string | string[];
+    /**
+     * Gets or sets a value that determines whether this {@link _RowGroup}
+     * is collapsed.
+     */
+    isCollapsed: boolean;
+    _copy(key: string, value: any): boolean;
+    _updateCollapsedState(): void;
+    _getMaxLevel(): number;
+    _expandRange(maxLevel: number): void;
+    _shiftRange(delta: number): void;
+    private _getCollapseToBindings;
+    private _getCollapseToIndices;
+}

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(o,e){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,e){o.__proto__=e}||function(o,e){for(var r in e)e.hasOwnProperty(r)&&(o[r]=e[r])})(o,e)};return function(o,e){extendStatics(o,e);function __(){this.constructor=o}o.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}}(),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)Object.hasOwnProperty.call(o,r)&&(e[r]=o[r]);e.default=o;return e};Object.defineProperty(exports,"__esModule",{value:!0});var wijmo_grid_1=require("@mescius/wijmo.grid"),wijmo_1=require("@mescius/wijmo"),selfModule=__importStar(require("@mescius/wijmo.grid.transposed")),_MergeManager=function(o){__extends(_MergeManager,o);function _MergeManager(){return null!==o&&o.apply(this,arguments)||this}_MergeManager.prototype.getMergedRange=function(e,r,t,n){void 0===n&&(n=!0);var i=e.grid,s=i._hasColumnGroups();if(e==i.columnHeaders&&s)return null;if(e==i.rowHeaders&&s){if(r<0||r>=e.rows.length||t<0||t>=e.columns.length)return null;var a=i._getColumnGroup(r,t);if(a){var u=a._rng,l=e.rows;if(l.isFrozen(u.row)!=l.isFrozen(u.row2)){u=u.clone();l.isFrozen(r)?u.row2=l.frozen-1:u.row=l.frozen}return u}return null}return o.prototype.getMergedRange.call(this,e,r,t,n)};return _MergeManager}(wijmo_grid_1.MergeManager);exports._MergeManager=_MergeManager;var TransposedGrid=function(o){__extends(TransposedGrid,o);function TransposedGrid(e,r){var t=o.call(this,e,null)||this;t._keyPrefix="item";t._autoGenRows=!0;wijmo_1.addClass(t.hostElement,"wj-transposed-grid");t.allowSorting=wijmo_grid_1.AllowSorting.None;t.headersVisibility=wijmo_grid_1.HeadersVisibility.Row;t._rowInfo=new wijmo_grid_1.ColumnCollection(t,t.columns.defaultSize);t._grpHdl=new _RowGroupHandler(t);t.mergeManager=new _MergeManager;t.initialize(r);t._rowInfo.collectionChanged.addHandler(t._rowInfoChanged,t);t.deferUpdate((function(){var o=t.rowHeaders.columns;if(o.length){o[o.length-1].width=t.columns.defaultSize}}));return t}Object.defineProperty(TransposedGrid.prototype,"autoGenerateRows",{get:function(){return this._autoGenRows},set:function(o){this._autoGenRows=wijmo_1.asBoolean(o)},enumerable:!0,configurable:!0});Object.defineProperty(TransposedGrid.prototype,"rowGroups",{get:function(){return this._grpHdl.getGroupDefinitions()},set:function(o){var e=this;this._rowInfo.deferUpdate((function(){e.autoGenerateRows=!1;e._rowInfo.clear();e._grpHdl.createColumnGroups(wijmo_1.asArray(o))}))},enumerable:!0,configurable:!0});TransposedGrid.prototype.refresh=function(e){var r=this._rowInfo;if(r._dirty){r._dirty=!1;this._rowInfoChanged()}else o.prototype.refresh.call(this,e)};Object.defineProperty(TransposedGrid.prototype,"allowAddNew",{get:function(){return!1},set:function(o){},enumerable:!0,configurable:!0});Object.defineProperty(TransposedGrid.prototype,"allowDelete",{get:function(){return!1},set:function(o){},enumerable:!0,configurable:!0});Object.defineProperty(TransposedGrid.prototype,"allowSorting",{get:function(){return wijmo_grid_1.AllowSorting.None},set:function(o){wijmo_1.assert(o===wijmo_grid_1.AllowSorting.None,"TransposedGrid does not support sorting.");this._alSorting=o},enumerable:!0,configurable:!0});Object.defineProperty(TransposedGrid.prototype,"columnGroups",{get:function(){return null},set:function(o){throw"TransposedGrid does not support columnGroups, use rowGroups instead."},enumerable:!0,configurable:!0});TransposedGrid.prototype.onRowEditEnded=function(e){var r=wijmo_1.tryCast(this._sourceItems,"ICollectionView");if(r){var t=new wijmo_1.NotifyCollectionChangedEventArgs(wijmo_1.NotifyCollectionChangedAction.Change);r.collectionChanged.raise(r,t)}o.prototype.onRowEditEnded.call(this,e)};TransposedGrid.prototype._getCollectionView=function(e){var r=this,t=wijmo_1.tryCast(this._sourceItems,"ICollectionView");t&&t.collectionChanged.removeHandler(this._sourceViewChanged);t=wijmo_1.tryCast(e,"ICollectionView");var n=e;if(wijmo_1.isArray(e))n=this._transposeItemsSource(e);else if(t){t.collectionChanged.addHandler(this._sourceViewChanged,this);n=this._transposeItemsSource(t.items)}this.autoGenerateColumns=!0;var i=o.prototype._getCollectionView.call(this,n),s=null;t instanceof wijmo_1.CollectionView&&(s=t.getError);s&&i instanceof wijmo_1.CollectionView&&(this._supportsProxies()?i.getError=function(o,e){if(null==e)return null;var r=o._keys.indexOf(e);return s(o._arr[r],o._bnd.path)}:i.getError=function(o,e){if(null==e)return null;var t=parseInt(e.substr(r._keyPrefix.length));return s(o._arr[t],o._rowInfo.binding)});this._sourceItems=e;return i};TransposedGrid.prototype._getColumnTypes=function(o){var e,r=this;if(this._sourceItems)if(wijmo_1.isArray(this._sourceItems))e=this._sourceItems;else{var t=wijmo_1.tryCast(this._sourceItems,"ICollectionView");t&&(e=t.items)}return e?e.map((function(o,e){return{binding:r._keyPrefix+e,dataType:wijmo_1.DataType.Object}})):wijmo_1.getTypes(o)};TransposedGrid.prototype._copy=function(e,r){var t=this;if(/rows|columns/.test(e)){wijmo_1.assert(wijmo_1.isArray(r),"Array Expected.");var n=wijmo_1.asArray(r);n.some((function(o){return null!=o.columns}))?this.rowGroups=n:this._rowInfo.deferUpdate((function(){t.autoGenerateRows=!1;t._rowInfo.clear();r.forEach((function(o){var e=new TransposedGridRow(o);t._rowInfo.push(e)}))}));return!0}return o.prototype._copy.call(this,e,r)};TransposedGrid.prototype.onLoadedRows=function(e){for(var r=this,t=this.columns,n=0;n<t.length;n++){var i=t[n];i.align=null;i.dataType=0}var s=this.rowHeaders.columns;for(n=0;n<s.length;n++){s[n].align="left";s[n].width=0}var a=wijmo_grid_1.FlexGrid._getSerializableProperties(wijmo_grid_1.Row);this.rows.forEach((function(o){var e=o.dataItem._rowInfo;if(e){r._copyProps(e,o,a,["showDropDown","width","size"]);if(r._hasColumnGroups())for(var t=0;t<s.length;t++){var n=r._grpHdl.getColumnGroup(o.index,t);n&&r._updateRowHeaders(o.index,t,n)}else s.length&&r._updateRowHeaders(o.index,s.length-1,e)}}));for(n=0;n<s.length;n++)0===s[n].width&&(s[n].width=this.columns.defaultSize);o.prototype.onLoadedRows.call(this,e)};TransposedGrid.prototype._getBindingColumn=function(o,e,r){var t=r;if(o!=this.cells)return t;var n=o.rows[e],i=n&&n.dataItem&&n.dataItem._rowInfo;if(wijmo_1.isUndefined(i))return t;t=new wijmo_grid_1.Column;var s=wijmo_grid_1.FlexGrid._getSerializableProperties(wijmo_grid_1.Column);this._copyProps(i,t,s);t.binding=r.binding;t.header=i.header||wijmo_1.toHeaderCase(i.binding);return t};TransposedGrid.prototype._isTransposed=function(){return!0};TransposedGrid.prototype._autoSizeRows=function(){this.autoSizeMode&wijmo_grid_1.AutoSizeMode.Both&&this.autoSizeRows();o.prototype._autoSizeRows.call(this)};TransposedGrid.prototype._copyProps=function(o,e,r,t){void 0===t&&(t=[]);for(var n in o)if(r.indexOf(n)>-1&&-1===t.indexOf(n)){var i=o[n];if(!wijmo_1.isUndefined(i))try{e[n]=i}catch(o){}}};TransposedGrid.prototype._updateRowHeaders=function(o,e,r){var t=r.header||wijmo_1.toHeaderCase(r.binding);this.rowHeaders.setCellData(o,e,t);var n=this.rowHeaders.columns,i=r.width;if(wijmo_1.isNumber(i)&&i>0){var s=r._rng;if(s&&s instanceof wijmo_grid_1.CellRange&&s.isValid){var a=s.columnSpan;wijmo_1.assert(a>0,"Column span is negative or equal to 0");i/=a}n[e].width=Math.max(n[e].width,i)}};TransposedGrid.prototype._rowInfoChanged=function(){var o=this;this._toRowInfo&&clearTimeout(this._toRowInfo);this._toRowInfo=setTimeout((function(){var e=o.selection,r=o.itemsSource;o.itemsSource=null;o.itemsSource=r;o.selection=e}),wijmo_1.Control._REFRESH_INTERVAL)};TransposedGrid.prototype._sourceViewChanged=function(o,e){this.activeEditor||this.invalidate()};TransposedGrid.prototype._transposeItemsSource=function(o){var e=this,r=new wijmo_1.ObservableArray,t=wijmo_1.getTypes(o),n=o.map((function(o,r){return e._keyPrefix+r}));(this.autoGenerateRows?this._getRowInfo(o):this._rowInfo).forEach((function(i,s){var a=new wijmo_1.Binding(i.binding);if(null==i.dataType&&o.length){var u=a.getValue(o[0]);i.dataType=null!=u?wijmo_1.getType(u):t[s].dataType}if(e._supportsProxies()){var l=e._createProxy(o,i,n);r.push(l)}else{var p=e._createTransposedObject(o,i,e._keyPrefix);r.push(p)}}));o instanceof wijmo_1.ObservableArray&&o.collectionChanged.addHandler((function(o,t){if(t.action===wijmo_1.NotifyCollectionChangedAction.Change)e.activeEditor||e.invalidate();else{var n=new wijmo_1.NotifyCollectionChangedEventArgs(wijmo_1.NotifyCollectionChangedAction.Reset);r.onCollectionChanged(n);e._rowInfoChanged()}}));return r};TransposedGrid.prototype._supportsProxies=function(){return null!=window.Proxy};TransposedGrid.prototype._createProxy=function(o,e,r){var t={_arr:o,_rowInfo:e,_bnd:new wijmo_1.Binding(e.binding),_keys:r};return new Proxy(t,{ownKeys:function(o){return o._keys},getOwnPropertyDescriptor:function(){return{enumerable:!0,configurable:!0,writable:!0}},get:function(o,e){var r=o._keys.indexOf(e);return r>-1?o._bnd.getValue(o._arr[r]):o[e]},set:function(o,e,r){var t=o._keys.indexOf(e);if(t>-1){var n=o._arr,i=n[t];o._bnd.setValue(i,r);if(n instanceof wijmo_1.ObservableArray){var s=new wijmo_1.NotifyCollectionChangedEventArgs(wijmo_1.NotifyCollectionChangedAction.Change,i,t);n.onCollectionChanged(s)}return!0}return!1}})};TransposedGrid.prototype._createTransposedObject=function(o,e,r){for(var t={_arr:o,_rowInfo:e},n=new wijmo_1.Binding(e.binding),_loop_1=function(e){var i=o[e];Object.defineProperty(t,r+e,{enumerable:!0,get:function(){return n.getValue(i)},set:function(r){n.setValue(i,r);if(o instanceof wijmo_1.ObservableArray){var t=new wijmo_1.NotifyCollectionChangedEventArgs(wijmo_1.NotifyCollectionChangedAction.Change,i,e);o.onCollectionChanged(t)}return!0}})},i=0;i<o.length;i++)_loop_1(i);return t};TransposedGrid.prototype._getRowInfo=function(o){var e=this,r=[];wijmo_1.getTypes(o).forEach((function(o){var t=o.binding,n=o.dataType;if(n!=wijmo_1.DataType.Object&&n!=wijmo_1.DataType.Array){var i={binding:t,header:wijmo_1.toHeaderCase(t),dataType:n},s=wijmo_grid_1.FlexGrid._defTypeWidth[n];if(null!=s){if(wijmo_1.isString(s)){var a=Math.round(parseFloat(s));s=s.indexOf("*")<0?a:a*e.columns.defaultSize}wijmo_1.isNumber(s)&&s>0&&(i.width=s)}r.push(i)}}));return r};return TransposedGrid}(wijmo_grid_1.FlexGrid);exports.TransposedGrid=TransposedGrid;var TransposedGridRow=function(o){__extends(TransposedGridRow,o);function TransposedGridRow(){return null!==o&&o.apply(this,arguments)||this}Object.defineProperty(TransposedGridRow.prototype,"height",{get:function(){return this._height},set:function(o){this._height=o},enumerable:!0,configurable:!0});return TransposedGridRow}(wijmo_grid_1.Column);exports.TransposedGridRow=TransposedGridRow;var _RowGroupHandler=function(){function _RowGroupHandler(o){this._grid=o}Object.defineProperty(_RowGroupHandler.prototype,"columnGroups",{get:function(){return null},enumerable:!0,configurable:!0});_RowGroupHandler.prototype.createColumnGroups=function(o){this._createRowGroups(o)};_RowGroupHandler.prototype.hasColumnGroups=function(){return null!=this._colGroups&&this._colGroups.length>0};_RowGroupHandler.prototype.getGroupDefinitions=function(){return this._groupDefs};_RowGroupHandler.prototype.getColumnGroup=function(o,e){var r=this._grid;if(e<r.rowHeaders.columns.length&&o<r._rowInfo.length)for(var t=this._colGroups;t;){for(var n=t,i=0;i<t.length;i++){var s=t[i],a=s._rng;if(a.containsRow(o)){if(a.containsColumn(e)||0==s.columns.length)return s;t=s.columns;break}}if(t==n)break}return null};_RowGroupHandler.prototype.canMoveColumnGroup=function(o,e,r,t){return this._grid.columns.canMoveElement(e,t)};_RowGroupHandler.prototype.moveColumnGroup=function(o,e,r,t,n){return this._grid.columns.moveElement(e,t)};_RowGroupHandler.prototype._createRowGroups=function(o){var e=this,r=this._grid;this._groupDefs=wijmo_1.asArray(o);r.autoGenerateRows=!1;r._rowInfo.clear();this._colGroups=[];o.forEach((function(o){e._colGroups.push(new _RowGroup(o,null))}));var t=1;this._colGroups.forEach((function(o){e._addRowGroup(o);t=Math.max(t,o._getMaxLevel())}));this._colGroups.forEach((function(o){o._expandRange(t)}));var n=r.rowHeaders.columns;n.clear();for(var i=0;i<=t;i++){var s=new wijmo_grid_1.Column;n.splice(i,0,s);i<t&&(s.cssClassAll="wj-colgroup")}};_RowGroupHandler.prototype._addRowGroup=function(o){var e=this,r=this._grid;o._grid=r;o._rng.row=r._rowInfo.length;0==o.columns.length?r._rowInfo.push(o):o.columns.forEach((function(o){e._addRowGroup(o)}));o._rng.row2=r._rowInfo.length-1};return _RowGroupHandler}();exports._RowGroupHandler=_RowGroupHandler;var _RowGroup=function(o){__extends(_RowGroup,o);function _RowGroup(e,r){var t=o.call(this)||this;t._rng=new wijmo_grid_1.CellRange(-1,0);t._cols=[];t._lvl=0;t._collapsed=!1;t._pGrp=r;t._lvl=0;for(var n=r;n;n=n._pGrp)t._lvl++;r&&r.columns.indexOf(t)<0&&r.columns.push(t);t._rng.col=t._rng.col2=t._lvl;t.allowDragging=!1;wijmo_1.copy(t,e);return t}Object.defineProperty(_RowGroup.prototype,"columns",{get:function(){return this._cols},set:function(o){var e=this,r=this._cols=[];o.forEach((function(o){var t=new _RowGroup(o,e);r.indexOf(t)<0&&r.push(t)}))},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"rows",{get:function(){return this._cols},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"isEmpty",{get:function(){return 0===this._cols.length},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"height",{get:function(){return this._height},set:function(o){this._height=o},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"level",{get:function(){for(var o=this,e=0;o._pGrp;){o=o._pGrp;e++}return e},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"collapseTo",{get:function(){return this._collTo},set:function(o){wijmo_1.assert(wijmo_1.isArray(o)||wijmo_1.isString(o),"collapseTo should be an array or a string.");this._collTo=o},enumerable:!0,configurable:!0});Object.defineProperty(_RowGroup.prototype,"isCollapsed",{get:function(){return this._collapsed},set:function(o){var e=this;if(o!=this._collapsed){var r=this._grid;if(r){var t=new wijmo_grid_1.CellRangeEventArgs(r.rowHeaders,this._rng,this);if(r.onColumnGroupCollapsedChanging(t)){this._collapsed=wijmo_1.asBoolean(o);r.onColumnGroupCollapsedChanged(t)}}else this._collapsed=wijmo_1.asBoolean(o)}setTimeout((function(){e._updateCollapsedState()}))},enumerable:!0,configurable:!0});_RowGroup.prototype._copy=function(o,e){if(/rows|columns/.test(o)){var r=wijmo_1.asArray(e);this.columns=r;return!0}return!1};_RowGroup.prototype._updateCollapsedState=function(){var o=this._grid._rowInfo,e=this._rng,r=this._collapsed;this._cols.forEach((function(o){if(o instanceof _RowGroup){o._collapsed=r;o._updateCollapsedState()}}));for(var t=this._getCollapseToIndices(),n=e.topRow;n<=e.bottomRow;n++)o[n].visible=!r||t.indexOf(n)>-1};_RowGroup.prototype._getMaxLevel=function(){var o=this._lvl;this.columns.forEach((function(e){o=Math.max(o,e._getMaxLevel())}));return o};_RowGroup.prototype._expandRange=function(o){var e=o-this._getMaxLevel();if(e>0){this._rng.col2+=e;this._cols.forEach((function(o){o._shiftRange(e)}))}for(var r=this._grid._rowInfo,t=this._rng,n=t.row;n<=t.row2;n++){r[n]._rng.col2=o}};_RowGroup.prototype._shiftRange=function(o){this._rng.col+=o;this._rng.col2+=o;this._cols.forEach((function(e){e._shiftRange(o)}))};_RowGroup.prototype._getCollapseToBindings=function(){var o=this.collapseTo;return wijmo_1.isString(o)?[o]:o};_RowGroup.prototype._getCollapseToIndices=function(){var o=this._grid,e=this._rng,r=this._getCollapseToBindings();if(r&&r.length){for(var t=[],n=o._rowInfo,i=0;i<r.length;i++)switch(r[i]){case"$first":t.push(e.topRow);break;case"$last":t.push(e.bottomRow);break;default:var s=n.indexOf(r[i]);s>-1&&t.push(s)}if(t.length)return t}return[e.bottomRow]};return _RowGroup}(wijmo_grid_1.Column);exports._RowGroup=_RowGroup;wijmo_1._registerModule("wijmo.grid.transposed",selfModule);

package/package.json

@@ -0,0 +1,45 @@
+{
+    "name": "@mescius/wijmo.grid.transposed",
+    "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.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"
+}