sp-supermarquee - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/jquery.supermarquee.js

@@ -11,4 +11,3 @@ (function (factory) {
     <style>
-        .
--container
+        .supermarquee-container
         {
@@ -15,0 +14,0 @@ display: block;

dist/jquery.supermarquee.min.js

 !function(e){"function"==typeof define&&define.amd?define(e):e()}(function(){"use strict";const a=document.createElement("template"),p=document.createElement("template");function u(e={}){this._gappedScrollingEnabled=!1,this.easingValue=.025,this._currentSpeed=0,this.setSpeed=function(e){this.type===u.TYPE_HORIZONTAL?-1<Object.keys(u.SPEED_HORIZONTAL).indexOf(e)?this.speed=+u.SPEED_HORIZONTAL[e]:this.speed=0<=+e?+e:+u.SPEED_HORIZONTAL[u.DEFAULT.speed]:-1<Object.keys(u.SPEED_VERTICAL).indexOf(e)?this.speed=+u.SPEED_VERTICAL[e]:this.speed=0<=+e?+e:+u.SPEED_VERTICAL[u.DEFAULT.speed]},this.hasLicense=function(){return null!==this.license&&void 0!==this.license},this.getSpeedNoEasing=function(){return this.speed}.bind(this),this.getSpeedWithEasing=function(){return this.easingValue<1&&(this._currentSpeed=(1-this.easingValue)*this._currentSpeed+this.easingValue*this.speed),this._currentSpeed}.bind(this),this.getSpeed=this.getSpeedNoEasing,this.setContent=function(e){e&&0<e.length?this.content=e:this.content="SuperMarquee by SuperPlug.in !!!",this.content=this.content.replaceAll("> ",">&nbsp;"),this.content=this.content.replaceAll(" <","&nbsp;<"),u.MODE_PINGPONG===this.mode&&u.TYPE_HORIZONTAL===this.type&&(this.content=this.spacer+this.content),this.content+=this.spacer},this.setPerspective=function(e=null){var t=Object.keys(u.PERSPECTIVE_DEFAULT);let i={};if(e)try{i=JSON.parse(e)}catch(e){i={}}for(let e=0;e<t.length;e++)i.hasOwnProperty(t[e])?this.perspective[t[e]]=i[t[e]]:this.perspective[t[e]]=u.PERSPECTIVE_DEFAULT[t[e]]},this.setPosition=function(e){-1<u.POSITIONS.indexOf(e)?this.position=e:this.position=u.DEFAULT.position},this.setPauseOnHover=function(e){this.pauseonhover=!(!e||"true"!==e&&"1"!==e)};var t=e.hasOwnProperty("system")?e.system:null;-1<u.SYSTEMS.indexOf(t)?this.system=t:this.system=u.DEFAULT.system;t=e.hasOwnProperty("license")?e.license:null;this.license=null,t&&4<=t.length&&(this.license=e.license);t=e.hasOwnProperty("type")?e.type:null;-1<u.TYPES.indexOf(t)?this.type=t:this.type=u.DEFAULT.type,this.spacer=e.hasOwnProperty("spacer")?e.spacer:null,this.spacer||(this.type===u.TYPE_HORIZONTAL?this.spacer="&nbsp;":this.spacer="<br />");t=e.hasOwnProperty("direction")?e.direction:null;-1<u.DIRECTIONS.indexOf(t)?this.direction=t:this.direction=u.DEFAULT.direction;t=e.hasOwnProperty("mode")?e.mode:null;-1<u.MODES.indexOf(t)?this.mode=t:this.mode=u.MODE_CONTINOUS,this.pingPongDelay=e.hasOwnProperty("pingpongdelay")?+e.pingpongdelay:u.PINGPONG_DELAY_DEFAULT;t=e.hasOwnProperty("position")?e.position:null;this.setPosition(t),this.perspective={},this.setPerspective(e.hasOwnProperty("perspective")?e.perspective:null);t=e.hasOwnProperty("speed")?e.speed:null;this.setSpeed(t),this._currentSpeed=this.speed,this.setContent(e.hasOwnProperty("content")?e.content:null);t=e.hasOwnProperty("pauseonhover")?e.pauseonhover:null;this.setPauseOnHover(t);t=e.hasOwnProperty("autostart")?e.autostart:null;this.autostart=!t||"false"!==t&&"0"!==t;e=e.hasOwnProperty("easing")?e.easing:null;!e||"true"!==e&&"1"!==e&&!0!==e?(this.easing=!1,this.getSpeed=this.getSpeedNoEasing):(this.easing=!0,this.getSpeed=this.getSpeedWithEasing)}function g(e){const t=e;this.getInstance=function(){return t}}a.innerHTML=`
     <style>
-        .
--container
+        .supermarquee-container
         {
@@ -6,0 +5,0 @@ display: block;

dist/SuperMarquee.js

@@ -12,4 +12,3 @@ (function (global, factory) {
     <style>
-        .
--container
+        .supermarquee-container
         {
@@ -16,0 +15,0 @@ display: block;

dist/SuperMarquee.min.js

 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).SuperMarquee=t()}(this,function(){"use strict";const a=document.createElement("template"),p=document.createElement("template");function u(e={}){this._gappedScrollingEnabled=!1,this.easingValue=.025,this._currentSpeed=0,this.setSpeed=function(e){this.type===u.TYPE_HORIZONTAL?-1<Object.keys(u.SPEED_HORIZONTAL).indexOf(e)?this.speed=+u.SPEED_HORIZONTAL[e]:this.speed=0<=+e?+e:+u.SPEED_HORIZONTAL[u.DEFAULT.speed]:-1<Object.keys(u.SPEED_VERTICAL).indexOf(e)?this.speed=+u.SPEED_VERTICAL[e]:this.speed=0<=+e?+e:+u.SPEED_VERTICAL[u.DEFAULT.speed]},this.hasLicense=function(){return null!==this.license&&void 0!==this.license},this.getSpeedNoEasing=function(){return this.speed}.bind(this),this.getSpeedWithEasing=function(){return this.easingValue<1&&(this._currentSpeed=(1-this.easingValue)*this._currentSpeed+this.easingValue*this.speed),this._currentSpeed}.bind(this),this.getSpeed=this.getSpeedNoEasing,this.setContent=function(e){e&&0<e.length?this.content=e:this.content="SuperMarquee by SuperPlug.in !!!",this.content=this.content.replaceAll("> ",">&nbsp;"),this.content=this.content.replaceAll(" <","&nbsp;<"),u.MODE_PINGPONG===this.mode&&u.TYPE_HORIZONTAL===this.type&&(this.content=this.spacer+this.content),this.content+=this.spacer},this.setPerspective=function(e=null){var t=Object.keys(u.PERSPECTIVE_DEFAULT);let i={};if(e)try{i=JSON.parse(e)}catch(e){i={}}for(let e=0;e<t.length;e++)i.hasOwnProperty(t[e])?this.perspective[t[e]]=i[t[e]]:this.perspective[t[e]]=u.PERSPECTIVE_DEFAULT[t[e]]},this.setPosition=function(e){-1<u.POSITIONS.indexOf(e)?this.position=e:this.position=u.DEFAULT.position},this.setPauseOnHover=function(e){this.pauseonhover=!(!e||"true"!==e&&"1"!==e)};var t=e.hasOwnProperty("system")?e.system:null;-1<u.SYSTEMS.indexOf(t)?this.system=t:this.system=u.DEFAULT.system;t=e.hasOwnProperty("license")?e.license:null;this.license=null,t&&4<=t.length&&(this.license=e.license);t=e.hasOwnProperty("type")?e.type:null;-1<u.TYPES.indexOf(t)?this.type=t:this.type=u.DEFAULT.type,this.spacer=e.hasOwnProperty("spacer")?e.spacer:null,this.spacer||(this.type===u.TYPE_HORIZONTAL?this.spacer="&nbsp;":this.spacer="<br />");t=e.hasOwnProperty("direction")?e.direction:null;-1<u.DIRECTIONS.indexOf(t)?this.direction=t:this.direction=u.DEFAULT.direction;t=e.hasOwnProperty("mode")?e.mode:null;-1<u.MODES.indexOf(t)?this.mode=t:this.mode=u.MODE_CONTINOUS,this.pingPongDelay=e.hasOwnProperty("pingpongdelay")?+e.pingpongdelay:u.PINGPONG_DELAY_DEFAULT;t=e.hasOwnProperty("position")?e.position:null;this.setPosition(t),this.perspective={},this.setPerspective(e.hasOwnProperty("perspective")?e.perspective:null);t=e.hasOwnProperty("speed")?e.speed:null;this.setSpeed(t),this._currentSpeed=this.speed,this.setContent(e.hasOwnProperty("content")?e.content:null);t=e.hasOwnProperty("pauseonhover")?e.pauseonhover:null;this.setPauseOnHover(t);t=e.hasOwnProperty("autostart")?e.autostart:null;this.autostart=!t||"false"!==t&&"0"!==t;e=e.hasOwnProperty("easing")?e.easing:null;!e||"true"!==e&&"1"!==e&&!0!==e?(this.easing=!1,this.getSpeed=this.getSpeedNoEasing):(this.easing=!0,this.getSpeed=this.getSpeedWithEasing)}function m(e){const t=e;this.getInstance=function(){return t}}a.innerHTML=`
     <style>
-        .
--container
+        .supermarquee-container
         {
@@ -6,0 +5,0 @@ display: block;

package.json

 {
   "name": "sp-supermarquee",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Super smooth marquee library for your applications.",
-  "type": "module",
+  "type" : "module",
   "main": "src/core/SuperMarquee.js",
@@ -22,2 +22,3 @@ "scripts": {
     "jquery",
+    "jquery-plugin",
     "vanilla",
@@ -35,3 +36,3 @@ "javascript",
   },
-  "homepage": "https://github.com/superplug-in/supermarquee#readme",
+  "homepage": "https://superplug.in/supermarquee",
   "devDependencies": {
@@ -38,0 +39,0 @@ "rollup": "^1.32.0",

README.md

 ![SuperMarquee](./res/github/SuperMarqueeLogoWhiteBg.png)
 
-**SuperMarquee** is the super smooth marquee JavaScript component for your web applications. 
+**SuperMarquee** is the super smooth marquee web component for your web applications. 
 
+[![npm](https://img.shields.io/npm/dt/sp-supermarquee.svg)](https://npmjs.com/package/sp-supermarquee)
+[![npm](https://img.shields.io/npm/dm/sp-supermarquee.svg)](https://npmjs.com/package/sp-supermarquee)
+[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/sp-supermarquee/badge?style=rounded)](https://www.jsdelivr.com/package/npm/sp-supermarquee)
+
 ## Showcase
@@ -12,2 +16,4 @@
 - [3D Hero](https://superplug.in/supermarquee/showcase/starwars)
+- [MarqueeWall (codepen.io)](https://codepen.io/benny00100/pen/podybRG)
+- [MarqueeWiggle (codepen.io)](https://codepen.io/benny00100/pen/JjObvZK)
 
@@ -20,2 +26,3 @@ ## Features
 &nbsp;&nbsp;✓&nbsp; Easily customizable via CSS <br>
+&nbsp;&nbsp;✓&nbsp; Zero dependencies <br>
 &nbsp;&nbsp;✓&nbsp; Lightweight, simple yet powerful with no additional dependencies <br>
@@ -26,3 +33,6 @@ &nbsp;&nbsp;✓&nbsp; Hardware accelerated for high performance <br>
 &nbsp;&nbsp;✓&nbsp; Supports 3D transformations <br>
+&nbsp;&nbsp;✓&nbsp; Support for vanilla Javascript, jQuery and Web Components <br>
 
+
+
 ## Examples
@@ -49,2 +59,3 @@
 - [Getting Started with jQuery](https://superplug.in/supermarquee/docs#start-jquery)
+- [Getting Started with Web Component](https://superplug.in/supermarquee/docs#start-webcomponent)
 - [API Reference](https://superplug.in/supermarquee/docs#instantiation)
@@ -62,3 +73,3 @@ - [Changelog](https://superplug.in/supermarquee/docs#changelog)
 
-You can also load the bundle directly from [jsDelivr](#).
+You can also load the bundle directly from [jsDelivr](https://www.jsdelivr.com/package/npm/sp-supermarquee).
 
@@ -73,3 +84,3 @@ ### Create a placeholder
 
-Import SuperMarquee
+### Import SuperMarquee
 ```js
@@ -83,4 +94,5 @@ import SuperMarquee from "sp-supermarquee";
 ```js
-const container = document.getElementById('example');
-const sm = new SuperMarquee(container, {
+
+const sm = new SuperMarquee( 
+  document.getElementById('example'), {
   content : "SuperMarquee by SuperPlug.in is Super!!!"
@@ -92,3 +104,3 @@ });
 
-We provide support for developers working with commercial version via [support formular](https://superplug.in/support/supermarquee) or at [e-mail].
+We provide support for developers working with commercial version by email. Please write an email to [[e-mail]](mailto://[e-mail]) _(please include your license key for verification)_.
 
@@ -95,0 +107,0 @@ If you use a non-commercial version then please ask your tagged question on [StackOverflow](https://stackoverflow.com/questions/tagged/supermarquee).

rollup.config.js

@@ -45,3 +45,24 @@ import { uglify } from "rollup-plugin-uglify";
         ]
+    },
+    {
+        input : 'src/wrapper/SuperMarqueeWC.js',
+        output : [
+            {
+                format: 'iife',
+                name : 'SuperMarquee',
+                file : 'dist/SuperScrollWC.min.js',
+                indent: '\t',
+                plugins: [
+                    uglify()
+                ]
+            },
+            {
+                format: 'iife',
+                name : 'SuperMarquee',
+                file : 'dist/SuperScrollWC.js',
+                indent: '\t',
+                plugins: []
+            }
+        ]
     }
 ];

src/core/Template.js

@@ -6,4 +6,3 @@ const templateHorizontal = document.createElement( 'template' );
     <style>
-        .
--container
+        .supermarquee-container
         {
@@ -10,0 +9,0 @@ display: block;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

328586

increased by27.23%

Number of package files

19

increased by18.75%

Lines of code

5441

increased by35.45%

Number of lines in readme file

107

increased by12.63%

No dependency changes