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

ember-gridstack

Package Overview
Dependencies
Maintainers
3
Versions
20
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ember-gridstack - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

.npmignore

12

addon/components/grid-stack-item.js
/**
* Copyright 2017, Yahoo Inc.
* Copyright 2018, Yahoo Inc.
* Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.

@@ -19,11 +19,11 @@ *

*/
import Ember from 'ember';
import { dasherize } from '@ember/string';
import Component from '@ember/component';
import { get, computed } from '@ember/object';
import layout from '../templates/components/grid-stack-item';
const { computed, get } = Ember;
// Common prefix shared by gridstack data attributes
const GS_PREFIX = 'data-gs-';
export default Ember.Component.extend({
export default Component.extend({
layout,

@@ -59,3 +59,3 @@

Object.keys(options).map(key => {
let dataKey = GS_PREFIX + Ember.String.dasherize(key);
let dataKey = GS_PREFIX + dasherize(key);

@@ -62,0 +62,0 @@ return `options.${key}:${dataKey}`;

23

addon/components/grid-stack.js
/**
* Copyright 2017, Yahoo Inc.
* Copyright 2018, Yahoo Inc.
* Copyrights licensed under the BSD License. See the accompanying LICENSE file for terms.

@@ -24,8 +24,14 @@ *

*/
import Ember from 'ember';
import { assign } from '@ember/polyfills';
import Component from '@ember/component';
import { get, computed } from '@ember/object';
import { run } from '@ember/runloop';
import { capitalize } from '@ember/string';
import layout from '../templates/components/grid-stack';
const { get, run, String: {capitalize} } = Ember;
const GRID_STACK_EVENTS = [
'dragstart', 'dragstop', 'resizestart', 'resizestop', 'added', 'change', 'enable', 'removed'
];
export default Ember.Component.extend({
export default Component.extend({
layout,

@@ -47,3 +53,3 @@

*/
gridStack: Ember.computed(function() {
gridStack: computed(function() {
if(this.$()) {

@@ -58,5 +64,3 @@ return this.$().data('gridstack');

*/
gridStackEvents: [
'dragstart', 'dragstop', 'resizestart', 'resizestop', 'added', 'change', 'enable', 'removed'
],
gridStackEvents: undefined,

@@ -68,2 +72,3 @@ /**

this._super(...arguments);
this.set('gridStackEvents', GRID_STACK_EVENTS);
this._createGridStack();

@@ -118,3 +123,3 @@ },

_createGridStack() {
let options = Ember.assign({}, get(this, 'options'));
let options = assign({}, get(this, 'options'));
this.$().gridstack(options);

@@ -121,0 +126,0 @@

1

config/environment.js

@@ -1,2 +0,1 @@

/*jshint node:true*/
'use strict';

@@ -3,0 +2,0 @@

25

index.js

@@ -12,4 +12,4 @@ /* jshint node: true */

app.import({
development: app.bowerDirectory + '/lodash/lodash.js',
production: app.bowerDirectory + '/lodash/dist/lodash.min.js'
development: 'node_modules/lodash/lodash.js',
production: 'node_modules/lodash/dist/lodash.min.js'
});

@@ -24,4 +24,4 @@

app.import({
development: app.bowerDirectory + '/jquery-ui/ui/' + module + '.js',
production: app.bowerDirectory + '/jquery-ui/ui/minified/' + module + '.min.js'
development: 'node_modules/jquery-ui/ui/' + module + '.js',
production: 'node_modules/jquery-ui/ui/minified/' + module + '.min.js'
});

@@ -32,4 +32,4 @@ });

app.import({
development: app.bowerDirectory + '/jquery-ui/ui/widgets/' + module + '.js',
production: app.bowerDirectory + '/jquery-ui/ui/widgets/minified/' + module + '.min.js'
development: 'node_modules/jquery-ui/ui/widgets/' + module + '.js',
production: 'node_modules/jquery-ui/ui/widgets/minified/' + module + '.min.js'
});

@@ -46,9 +46,10 @@ });

// Gridstack
app.import({
development: app.bowerDirectory + '/gridstack/dist/gridstack.js',
production: app.bowerDirectory + '/gridstack/dist/gridstack.min.js'
});
app.import(app.bowerDirectory + '/gridstack/dist/gridstack.css');
[ 'gridstack', 'gridstack.jQueryUI' ].forEach(function(module) {
app.import({
development: 'node_modules/gridstack/dist/'+ module +'.js',
production: 'node_modules/gridstack/dist/'+ module +'.min.js'
});
})
app.import('node_modules/gridstack/dist/gridstack.css');

@@ -55,0 +56,0 @@ },

47

package.json
{
"name": "ember-gridstack",
"version": "1.2.0",
"version": "1.3.0",
"description": "Ember Gridstack",

@@ -21,32 +21,37 @@ "keywords": [

"build": "ember build",
"start": "ember server",
"lint:js": "eslint ./*.js addon addon-test-support app config lib server test-support tests",
"start": "ember serve",
"test": "ember try:each"
},
"dependencies": {
"ember-cli-babel": "^5.1.7",
"ember-cli-htmlbars": "^1.0.10"
"ember-cli-babel": "^6.6.0",
"ember-cli-htmlbars": "^2.0.1",
"lodash": "^4.17.10",
"gridstack": "^0.4.0",
"jquery": "^3.1.0",
"jquery-ui": "1.12.1"
},
"devDependencies": {
"broccoli-asset-rev": "^2.4.5",
"ember-ajax": "^2.4.1",
"ember-assign-polyfill": "2.0.1",
"ember-cli": "2.10.0",
"ember-cli-app-version": "^2.0.0",
"ember-cli-dependency-checker": "^1.3.0",
"ember-cli-htmlbars-inline-precompile": "^0.3.3",
"ember-ajax": "^3.0.0",
"ember-cli": "~2.18.2",
"ember-cli-dependency-checker": "^2.0.0",
"ember-cli-eslint": "^4.2.1",
"ember-cli-htmlbars-inline-precompile": "^1.0.0",
"ember-cli-inject-live-reload": "^1.4.1",
"ember-cli-jshint": "^2.0.1",
"ember-cli-qunit": "^3.0.1",
"ember-cli-release": "^0.2.9",
"ember-cli-qunit": "^4.1.1",
"ember-cli-shims": "^1.2.0",
"ember-cli-sri": "^2.1.0",
"ember-cli-test-loader": "^1.1.0",
"ember-cli-uglify": "^1.2.0",
"ember-disable-prototype-extensions": "^1.1.0",
"ember-export-application-global": "^1.0.5",
"ember-load-initializers": "^0.5.1",
"ember-resolver": "^2.0.3",
"loader.js": "^4.0.10"
"ember-cli-uglify": "^2.0.0",
"ember-disable-prototype-extensions": "^1.1.2",
"ember-export-application-global": "^2.0.0",
"ember-load-initializers": "^1.0.0",
"ember-resolver": "^4.0.0",
"ember-source": "~2.18.0",
"eslint-plugin-ember": "^5.0.0",
"eslint-plugin-node": "^5.2.1",
"loader.js": "^4.2.3"
},
"engines": {
"node": ">= 0.12.0"
"node": "^4.5 || 6.* || >= 7.*"
},

@@ -53,0 +58,0 @@ "ember-addon": {

16

README.md

@@ -47,5 +47,5 @@ # ember-gridstack

**Example:**
```hbs
```hbs
{{#grid-stack
options=(hash
options=(hash
animate=true

@@ -67,3 +67,3 @@ width=12

**Example:**
```hbs
```hbs
{{#grid-stack

@@ -88,3 +88,3 @@ onDragstart=(action 'dragStart')

**Example:**
```hbs
```hbs
{{#grid-stack as |grid|}}

@@ -108,5 +108,5 @@ {{#grid-stack-item

**Example:**
```hbs
```hbs
{{#grid-stack-item
options=(hash
options=(hash
width=4

@@ -127,6 +127,6 @@ height=4

The `{{grid-stack-item}}` component uses the block form to yield the content of the item. In addition, `{{grid-stack-item}}` yields a reference to itself in the case inner components need the reference or would like to listen to events triggered on the grid.
The `{{grid-stack-item}}` component uses the block form to yield the content of the item. In addition, `{{grid-stack-item}}` yields a reference to itself in the case inner components need the reference or would like to listen to events triggered on the grid.
**Example:**
```hbs
```hbs
{{#grid-stack-item

@@ -133,0 +133,0 @@ options=(hash x=0 y=0 width=6 height=2)

.bowerrc
.editorconfig
.ember-cli
.jshintrc
.travis.yml
.watchmanconfig
addon/.gitkeep
app/.gitkeep
blueprints/.jshintrc
blueprints/ember-gridstack/index.js
bower.json
config/ember-try.js
ember-cli-build.js
testem.js
vendor/.gitkeep
SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc