@mcwv/line-ripple - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

dist/mcwv.lineRipple.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.lineRipple=t():(e.mcwv=e.mcwv||{},e.mcwv.lineRipple=t())}(window,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=42)}({2:function(e,t,n){"use strict";function r(e){return{version:"__VERSION__",install:t=>{Object.values(e).forEach(e=>t.component(e.name,e))},components:e}}n.d(t,"a",function(){return r})},42:function(e,t,n){n(93),e.exports=n(43)},43:function(e,t,n){},93:function(e,t,n){"use strict";n.r(t);
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.lineRipple=t():(e.mcwv=e.mcwv||{},e.mcwv.lineRipple=t())}(window,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=45)}({14:function(e,t,n){"use strict";n.r(t);var r=n(2),i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};
 /*! *****************************************************************************
@@ -15,4 +15,3 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */
-var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};var i=function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};
+***************************************************************************** */var o=function(){return(o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};
 /**
@@ -40,3 +39,3 @@ * @license
  */
-var o=function(){function e(e){void 0===e&&(e={}),this.adapter_=e}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!0,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}(),a={LINE_RIPPLE_ACTIVE:"mdc-line-ripple--active",LINE_RIPPLE_DEACTIVATING:"mdc-line-ripple--deactivating"},s=function(e){function t(n){var r=e.call(this,i({},t.defaultAdapter,n))||this;return r.transitionEndHandler_=function(e){return r.handleTransitionEnd(e)},r}return function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),Object.defineProperty(t,"cssClasses",{get:function(){return a},enumerable:!0,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){}}},enumerable:!0,configurable:!0}),t.prototype.init=function(){this.adapter_.registerEventHandler("transitionend",this.transitionEndHandler_)},t.prototype.destroy=function(){this.adapter_.deregisterEventHandler("transitionend",this.transitionEndHandler_)},t.prototype.activate=function(){this.adapter_.removeClass(a.LINE_RIPPLE_DEACTIVATING),this.adapter_.addClass(a.LINE_RIPPLE_ACTIVE)},t.prototype.setRippleCenter=function(e){this.adapter_.setStyle("transform-origin",e+"px center")},t.prototype.deactivate=function(){this.adapter_.addClass(a.LINE_RIPPLE_DEACTIVATING)},t.prototype.handleTransitionEnd=function(e){var t=this.adapter_.hasClass(a.LINE_RIPPLE_DEACTIVATING);"opacity"===e.propertyName&&t&&(this.adapter_.removeClass(a.LINE_RIPPLE_ACTIVE),this.adapter_.removeClass(a.LINE_RIPPLE_DEACTIVATING))},t}(o),u=n(2);n.d(t,"mdcLineRipple",function(){return c});const c={name:"mdc-line-ripple",props:{rippleCenter:{type:[Number,String],default:0},active:Boolean},data:()=>({lineClasses:{"mdc-line-ripple":1},lineStyles:{}}),mounted(){const e={addClass:e=>{this.$set(this.lineClasses,e,!0)},removeClass:e=>{this.$delete(this.lineClasses,e)},hasClass:e=>Boolean(this.lineClasses[e]),setStyle:(e,t)=>{this.$set(this.lineStyles,e,t)}};this.foundation_=new s(e),this.foundation_.init()},beforeDestroy(){this.foundation_.destroy()},methods:{setRippleCenter(e){this.foundation_.setRippleCenter(e)},activate(){this.foundation_.activate()},deactivate(){this.foundation_.deactivate()}},render(e){return e("div",{class:this.lineClasses,style:this.lineStyles,on:{transitionend:e=>this.foundation_.handleTransitionEnd(e)}})}};t.default=Object(u.a)({mdcLineRipple:c})}})});
+var a=function(){function e(e){void 0===e&&(e={}),this.adapter_=e}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!0,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}(),s={LINE_RIPPLE_ACTIVE:"mdc-line-ripple--active",LINE_RIPPLE_DEACTIVATING:"mdc-line-ripple--deactivating"},u=function(e){function t(n){var r=e.call(this,o({},t.defaultAdapter,n))||this;return r.transitionEndHandler_=function(e){return r.handleTransitionEnd(e)},r}return function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),Object.defineProperty(t,"cssClasses",{get:function(){return s},enumerable:!0,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){}}},enumerable:!0,configurable:!0}),t.prototype.init=function(){this.adapter_.registerEventHandler("transitionend",this.transitionEndHandler_)},t.prototype.destroy=function(){this.adapter_.deregisterEventHandler("transitionend",this.transitionEndHandler_)},t.prototype.activate=function(){this.adapter_.removeClass(s.LINE_RIPPLE_DEACTIVATING),this.adapter_.addClass(s.LINE_RIPPLE_ACTIVE)},t.prototype.setRippleCenter=function(e){this.adapter_.setStyle("transform-origin",e+"px center")},t.prototype.deactivate=function(){this.adapter_.addClass(s.LINE_RIPPLE_DEACTIVATING)},t.prototype.handleTransitionEnd=function(e){var t=this.adapter_.hasClass(s.LINE_RIPPLE_DEACTIVATING);"opacity"===e.propertyName&&t&&(this.adapter_.removeClass(s.LINE_RIPPLE_ACTIVE),this.adapter_.removeClass(s.LINE_RIPPLE_DEACTIVATING))},t}(a),c={name:"mcw-line-ripple",props:{rippleCenter:{type:[Number,String],default:0},active:Boolean},data:()=>({lineClasses:{"mdc-line-ripple":1},lineStyles:{}}),mounted(){const e={addClass:e=>{this.$set(this.lineClasses,e,!0)},removeClass:e=>{this.$delete(this.lineClasses,e)},hasClass:e=>Boolean(this.lineClasses[e]),setStyle:(e,t)=>{this.$set(this.lineStyles,e,t)}};this.foundation_=new u(e),this.foundation_.init()},beforeDestroy(){this.foundation_.destroy()},methods:{setRippleCenter(e){this.foundation_.setRippleCenter(e)},activate(){this.foundation_.activate()},deactivate(){this.foundation_.deactivate()}},render(e){return e("div",{class:this.lineClasses,style:this.lineStyles,on:{transitionend:e=>this.foundation_.handleTransitionEnd(e)}})}};n.d(t,"mcwLineRipple",function(){return c});t.default=Object(r.a)({mcwLineRipple:c})},2:function(e,t,n){"use strict";function r(e){return{version:"__VERSION__",install:t=>{Object.entries(e).forEach(([e,n])=>{const r=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),[i,...o]=r.split("-"),a=["mdc",...o].join("-"),s=["mcw",...o].join("-"),u=t.extend(n);t.component(s,u),t.component(a,u)})},components:e}}n.d(t,"a",function(){return r})},45:function(e,t,n){n(14),e.exports=n(46)},46:function(e,t,n){}})});
 //# sourceMappingURL=mcwv.lineRipple.min.js.map

index.js

@@ -1,69 +0,8 @@
-import MDCLineRippleFoundation from '@material/line-ripple/foundation';
 import { BasePlugin } from '@mcwv/base';
+import mcwLineRipple from './line-ripple.js';
 
-const mdcLineRipple = {
-  name: 'mdc-line-ripple',
+export { mcwLineRipple };
 
-  props: {
-    rippleCenter: { type: [Number, String], default: 0 },
-    active: Boolean,
-  },
-  data() {
-    return {
-      lineClasses: { 'mdc-line-ripple': 1 },
-      lineStyles: {},
-    };
-  },
-
-  mounted() {
-    const adapter = {
-      addClass: className => {
-        this.$set(this.lineClasses, className, true);
-      },
-      removeClass: className => {
-        this.$delete(this.lineClasses, className);
-      },
-      hasClass: className => {
-        return Boolean(this.lineClasses[className]);
-      },
-      setStyle: (name, value) => {
-        this.$set(this.lineStyles, name, value);
-      },
-    };
-
-    // note: do not call the property 'foundation' as the tests will then
-    // expext all methods to be implemented, and we handle transitionend locally
-    this.foundation_ = new MDCLineRippleFoundation(adapter);
-    this.foundation_.init();
-  },
-
-  beforeDestroy() {
-    this.foundation_.destroy();
-  },
-
-  methods: {
-    setRippleCenter(xCoordinate) {
-      this.foundation_.setRippleCenter(xCoordinate);
-    },
-    activate() {
-      this.foundation_.activate();
-    },
-
-    deactivate() {
-      this.foundation_.deactivate();
-    },
-  },
-  render(createElement) {
-    return createElement('div', {
-      class: this.lineClasses,
-      style: this.lineStyles,
-      on: { transitionend: evt => this.foundation_.handleTransitionEnd(evt) },
-    });
-  },
-};
-
-export { mdcLineRipple };
-
 export default BasePlugin({
-  mdcLineRipple,
+  mcwLineRipple,
 });

package.json

 {
   "name": "@mcwv/line-ripple",
   "description": "The Vue Material Adapter for the web line-ripple component",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "license": "MIT",
@@ -20,5 +20,5 @@ "main": "dist/mcwv.lineRipple.min.js",
     "@material/line-ripple": "^1.1.0",
-    "@mcwv/base": "^0.4.0"
+    "@mcwv/base": "^0.5.0"
   },
-  "gitHead": "18ce29b68e90ce14bdc0f9e9e579904a9968cfd2"
+  "gitHead": "01c129112cab2a105f8f0b44bda616813bce6a04"
 }

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

42271

increased by2.43%

Number of package files

9

increased by12.5%

Lines of code

117

increased by0.86%

Dependency changes

• + Added@mcwv/base@0.5.0(transitive)

• - Removed@mcwv/base@0.4.0(transitive)

• Updated@mcwv/base@^0.5.0