list-dragon
Advanced tools
Comparing version 1.2.0 to 1.2.1
14
index.js
@@ -8,2 +8,3 @@ // list-dragon node module | ||
var cssInjector = require('css-injector'); | ||
var format = require('templex'); | ||
@@ -13,6 +14,6 @@ | ||
var body, transform, timer, scrollVelocity; | ||
var body, transform, timer, scrollVelocity, cssListDragon; | ||
/* inject:css */ | ||
(function(){var a="div.dragon-list{position:relative;background-color:#fff}div.dragon-list>div,div.dragon-list>ul{position:absolute;left:0;right:0}div.dragon-list>div{text-align:center;background-color:#00796b;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);overflow:hidden;white-space:nowrap}div.dragon-list>ul{overflow-y:auto;bottom:0;margin:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}div.dragon-list>ul>li,li.dragon-pop{white-space:nowrap;list-style-type:none;border:0 solid #f4f4f4;border-bottom:1px solid #e0e0e0;cursor:move;transition:border-top-width .2s}div.dragon-list>ul>li:last-child{height:0;border-bottom:none}li.dragon-pop{position:fixed;background-color:#fff;border:1px solid #e0e0e0;left:0;top:0;overflow-x:hidden;box-shadow:rgba(0,0,0,.188235) 0 10px 20px,rgba(0,0,0,.227451) 0 6px 6px}",b=document.createElement("style"),head=document.head||document.getElementsByTagName("head")[0];b.type="text/css";if(b.styleSheet)b.styleSheet.cssText=a;else b.appendChild(document.createTextNode(a));head.insertBefore(b,head.firstChild)})(); | ||
cssListDragon = 'div.dragon-list{position:relative;background-color:#fff}div.dragon-list>div,div.dragon-list>ul{position:absolute;left:0;right:0}div.dragon-list>div{text-align:center;background-color:#00796b;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);overflow:hidden;white-space:nowrap}div.dragon-list>ul{overflow-y:auto;bottom:0;margin:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}div.dragon-list>ul>li,li.dragon-pop{white-space:nowrap;list-style-type:none;border:0 solid #f4f4f4;border-bottom:1px solid #e0e0e0;cursor:move;transition:border-top-width .2s}div.dragon-list>ul>li:last-child{height:0;border-bottom:none}li.dragon-pop{position:fixed;background-color:#fff;border:1px solid #e0e0e0;left:0;top:0;overflow-x:hidden;box-shadow:rgba(0,0,0,.188235) 0 10px 20px,rgba(0,0,0,.227451) 0 6px 6px}'; | ||
/* endinject */ | ||
@@ -55,3 +56,8 @@ | ||
* | ||
* @param {object} [options={}] - There are no formal options, but you can supply "global" template variables here, representing the "outer scope," after first searching each model and then each model list. | ||
* @param {object} [options={}] - You may supply "global" template variables here, representing the "outer scope," after first searching each model and then each model list. | ||
* @param {undefined|null|Element|string} [cssStylesheetReferenceElement] - Determines where to insert the stylesheet. (This is the only formal option.) Passed to css-injector, the overloads are (from css-injector docs): | ||
* * `undefined` type (or omitted): injects stylesheet at top of `<head>...</head>` element | ||
* * `null` value: injects stylesheet at bottom of `<head>...</head>` element | ||
* * `Element` type: injects stylesheet immediately before given element, wherever it is found. | ||
* * `string` type: injects stylesheet immediately before given first element found that matches the given css selector. | ||
*/ | ||
@@ -120,2 +126,4 @@ function ListDragon(selectorOrModelLists, options) { | ||
cssInjector(cssListDragon, 'list-dragon', options.cssStylesheetReferenceElement); | ||
} | ||
@@ -122,0 +130,0 @@ |
@@ -8,2 +8,3 @@ // list-dragon node module | ||
var cssInjector = require('css-injector'); | ||
var format = require('templex'); | ||
@@ -13,3 +14,3 @@ | ||
var body, transform, timer, scrollVelocity; | ||
var body, transform, timer, scrollVelocity, cssListDragon; | ||
@@ -54,3 +55,8 @@ /* inject:css */ | ||
* | ||
* @param {object} [options={}] - There are no formal options, but you can supply "global" template variables here, representing the "outer scope," after first searching each model and then each model list. | ||
* @param {object} [options={}] - You may supply "global" template variables here, representing the "outer scope," after first searching each model and then each model list. | ||
* @param {undefined|null|Element|string} [cssStylesheetReferenceElement] - Determines where to insert the stylesheet. (This is the only formal option.) Passed to css-injector, the overloads are (from css-injector docs): | ||
* * `undefined` type (or omitted): injects stylesheet at top of `<head>...</head>` element | ||
* * `null` value: injects stylesheet at bottom of `<head>...</head>` element | ||
* * `Element` type: injects stylesheet immediately before given element, wherever it is found. | ||
* * `string` type: injects stylesheet immediately before given first element found that matches the given css selector. | ||
*/ | ||
@@ -119,2 +125,4 @@ function ListDragon(selectorOrModelLists, options) { | ||
cssInjector(cssListDragon, 'list-dragon', options.cssStylesheetReferenceElement); | ||
} | ||
@@ -121,0 +129,0 @@ |
{ | ||
"name": "list-dragon", | ||
"version": "1.2.0", | ||
"version": "1.2.1", | ||
"main": "./index.js", | ||
@@ -18,2 +18,3 @@ "description": "Drag and drop items between lists.", | ||
"clean-css": "^3.4.5", | ||
"css-injector": "^1.0.2", | ||
"gulp": "^3.9.0", | ||
@@ -20,0 +21,0 @@ "gulp-browserify": "^0.5.1", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
46968
948
17