Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-gridster2

Package Overview
Dependencies
Maintainers
1
Versions
245
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-gridster2 - npm Package Compare versions

Comparing version 1.8.0 to 1.10.0

4

package.json
{
"name": "angular-gridster2",
"version": "1.8.0",
"version": "1.10.0",
"main": "index.js",

@@ -23,3 +23,3 @@ "dependencies": {

"gulp-eslint": "4.0.0",
"gulp-filter": "5.0.0",
"gulp-filter": "5.0.1",
"gulp-flatten": "0.3.1",

@@ -26,0 +26,0 @@ "gulp-inject": "4.2.0",

@@ -31,3 +31,3 @@ angular-gridster2

```
Expects a scope setup(options object is optional):
Initialize a simple dashboard:
```JavaScript

@@ -53,12 +53,3 @@ var vm = this;

{cols: 2, rows: 1, y: 0, x: 0},
{cols: 2, rows: 2, y: 0, x: 2},
{cols: 1, rows: 1, y: 0, x: 4},
{cols: 1, rows: 1, y: 0, x: 5},
{cols: 2, rows: 1, y: 1, x: 0},
{cols: 1, rows: 1, y: 1, x: 4},
{cols: 1, rows: 2, y: 1, x: 5},
{cols: 1, rows: 3, y: 2, x: 0},
{cols: 2, rows: 1, y: 2, x: 1},
{cols: 1, rows: 1, y: 2, x: 3},
{cols: 1, rows: 1, y: 3, x: 4, initCallback: function(item){}}
{cols: 2, rows: 2, y: 0, x: 2}
];

@@ -70,6 +61,5 @@ ```

##### Default Grid Options:
```typescript
import {GridsterConfig} from './gridsterConfig.interface';
```javascript
export const GridsterConfigService: GridsterConfig = {
var GridsterConfigService = {
gridType: 'fit', // 'fit' will fit the items in the container without scroll;

@@ -97,2 +87,4 @@ // 'scrollVertical' will fit on width and height of the items will be the same as the width

minItemRows: 1, // min item number of rows
minItemArea: 1, // min item area: cols * rows
maxItemArea: 2500, // max item area: cols * rows
margin: 10, // margin between grid items

@@ -109,5 +101,10 @@ outerMargin: true, // if margins will apply to the sides of the container

// Arguments: gridsterItem, gridsterItemComponent
enableEmptyCellClickDrag: false, // enable empty cell click and drag drop events
enableEmptyCellClick: false, // enable empty cell click events
enableEmptyCellDrop: false, // enable empty cell drop events
enableEmptyCellDrag: false, // enable empty cell drag events
emptyCellClickCallback: undefined, // empty cell click callback
emptyCellDropCallback: undefined, // empty cell drag drop callback. HTML5 Drag & Drop
emptyCellDragCallback: undefined, // empty cell drag and create item like excel cell selection
emptyCellDragMaxCols: 50, // limit empty cell drag max cols
emptyCellDragMaxRows: 50, // limit empty cell drag max rows
// Arguments: event, gridsterItem{x, y, rows: defaultItemRows, cols: defaultItemCols}

@@ -167,2 +164,4 @@ draggable: {

minItemCols?: number; // override grid option minItemCols
minItemArea?: number; // override grid option minItemArea
maxItemArea?: number; // override grid option maxItemArea
}

@@ -169,0 +168,0 @@ ```

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc