@progress/kendo-angular-ripple - npm Package Compare versions

Comparing version 0.1.3 to 0.2.0-dev.201712070731

dist/cdn/js/kendo-angular-ripple.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core")):"function"==typeof define&&define.amd?define(["tslib","@angular/core"],t):"object"==typeof exports?exports.KendoAngularRipple=t(require("tslib"),require("@angular/core")):e.KendoAngularRipple=t(e.tslib,e["@angular/core"])}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);t.RippleContainerDirective=r.RippleContainerDirective;var o=n(5);t.RippleModule=o.RippleModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=n(3),i=n(4),a=function(){function e(e){this.element=e}return Object.defineProperty(e.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.activator=i.register(this.element.nativeElement,[{selector:".k-button,.k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin"],container:function(e){if(/\b(k-checkbox|k-radio)\b/.test(e.className))return e.nextElementSibling}}}])},e.prototype.ngOnDestroy=function(){this.activator()},e}();r.__decorate([o.HostBinding("class.k-ripple-container"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],a.prototype,"containerClass",null),a=r.__decorate([o.Directive({selector:"[kendoRippleContainer]"}),r.__metadata("design:paramtypes",[o.ElementRef])],a),t.RippleContainerDirective=a},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){if(e.closest)return e.closest(t);var n=(e.document||e.ownerDocument).querySelectorAll(t),r=e,o=0;do{for(o=n.length-1;o>=0&&n.item(o)!==r;)o-=1;if(o<0)break;r=r.parentElement}while(r);return r},r=function(e){var t=e.createElement("div");t.className="k-ripple";var n=e.createElement("div");return n.className="k-ripple-blob",t.appendChild(n),[t,n]},o=function(e,t,n){var r=function(){n(),e.removeEventListener(t,r,!1)},o=function(){return e.addEventListener(t,r,!1)};return o(),{remove:o}},i=function(e,t){return function(i){var u,s=i.target,l=s.document||s.ownerDocument;if(u=t&&t.container?t.container(s):n(s,e)){var p=/focus/i.test(i.type)&&u.classList.contains("k-no-focus");if(!p){u.classList.add("k-no-focus");var d=r(l),f=d[0],v=d[1],m={animated:!1,released:!1,blob:v,container:u,ripple:f},h={focusin:"focusout",keydown:"keyup",mousedown:"mouseup",pointerdown:"pointerup",touchdown:"touchup"}[i.type];o(i.currentTarget,h,function(){return c(m)}),u.appendChild(f),window.getComputedStyle(f).getPropertyValue("opacity");var y=u.getBoundingClientRect(),b=0,g=0;/mouse|pointer|touch/.test(i.type)?(b=i.clientX-y.left,g=i.clientY-y.top):(b=y.width/2,g=y.height/2);var x=b<y.width/2?y.width:0,k=g<y.height/2?y.height:0,_=b-x,w=g-k,E=2*Math.sqrt(_*_+w*w),C=500;v.style.cssText="\n    transform: translate(-50%, -50%) scale(1);\n    width: "+E+"px;\n    height: "+E+"px;\n    left: "+b+"px;\n    top: "+g+"px;\n  ",setTimeout(function(){return a(m)},C)}}}},a=function(e){e.animated=!0,u(e)},c=function(e){e.released=!0,u(e)},u=function(e){if(e.released&&e.animated){var t=e.blob,n=e.ripple,r=e.container;r&&o(r,"blur",function(){return r.classList.remove("k-no-focus")}),t&&(o(t,"transitionend",function(){n&&n.parentNode&&n.parentNode.removeChild(n)}),t.style.transition="opacity 200ms linear",t.style.opacity="0")}};t.register=function(e,t){var n=function(e){return[].concat.apply([],e)},r=n(t.map(function(t){var n=t.selector,r=t.options,o=i(n,r),a=r&&r.events||["mousedown","touchdown"];return a.forEach(function(t){return e.addEventListener(t,o,!1)}),{events:a,activator:o}}));return function(){r.forEach(function(t){var n=t.events,r=t.activator;return n.forEach(function(t){return e.removeEventListener(t,r,!1)})}),e=null}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=n(3),i=n(1),a=[i.RippleContainerDirective],c=function(){function e(){}return e}();c=r.__decorate([o.NgModule({declarations:[a],exports:[a]})],c),t.RippleModule=c}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core")):"function"==typeof define&&define.amd?define(["tslib","@angular/core"],t):"object"==typeof exports?exports.KendoAngularRipple=t(require("tslib"),require("@angular/core")):e.KendoAngularRipple=t(e.tslib,e["@angular/core"])}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);t.RippleContainerDirective=r.RippleContainerDirective;var i=n(5);t.RippleModule=i.RippleModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=n(3),o=n(4),s=function(){function e(e,t){this.renderer=e,this.element=t,this.isDisabled=!1,this.removeListeners=function(){}}return Object.defineProperty(e.prototype,"disabled",{set:function(e){this.isDisabled=e,this.isDisabled?this.removeListeners():this.registerListeners(),this.renderer.setProperty(this.element.nativeElement,"disabled",e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.removeListeners()},e.prototype.ngAfterViewInit=function(){this.isDisabled||this.registerListeners()},e.prototype.registerListeners=function(){this.removeListeners();var e=o.register(this.element.nativeElement,[{selector:".k-button,.k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin"],container:function(e){if(/\b(k-checkbox|k-radio)\b/.test(e.className))return e.nextElementSibling}}}]);this.removeListeners=e},e}();r.__decorate([i.Input(),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[Boolean])],s.prototype,"disabled",null),r.__decorate([i.HostBinding("class.k-ripple-container"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],s.prototype,"containerClass",null),s=r.__decorate([i.Directive({selector:"[kendoRippleContainer]"}),r.__metadata("design:paramtypes",[i.Renderer2,i.ElementRef])],s),t.RippleContainerDirective=s},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){if(e.closest)return e.closest(t);var n=(e.document||e.ownerDocument).querySelectorAll(t),r=e,i=0;do{for(i=n.length-1;i>=0&&n.item(i)!==r;)i-=1;if(i<0)break;r=r.parentElement}while(r);return r},r=function(e){var t=e.createElement("div");t.className="k-ripple";var n=e.createElement("div");return n.className="k-ripple-blob",t.appendChild(n),[t,n]},i=function(e,t,n){var r=function(){n(),e.removeEventListener(t,r,!1)},i=function(){return e.addEventListener(t,r,!1)};return i(),{remove:i}},o=function(e,t){return function(o){var c,u=o.target,l=u.document||u.ownerDocument;if(c=t&&t.container?t.container(u):n(u,e)){var p=/focus/i.test(o.type)&&c.classList.contains("k-no-focus");if(!p){c.classList.add("k-no-focus");var d=r(l),f=d[0],m=d[1],v={animated:!1,released:!1,blob:m,container:c,ripple:f},h={focusin:"focusout",keydown:"keyup",mousedown:"mouseup",pointerdown:"pointerup",touchdown:"touchup"}[o.type];i(o.currentTarget,h,function(){return a(v)}),c.appendChild(f),window.getComputedStyle(f).getPropertyValue("opacity");var b=c.getBoundingClientRect(),y=0,g=0;/mouse|pointer|touch/.test(o.type)?(y=o.clientX-b.left,g=o.clientY-b.top):(y=b.width/2,g=b.height/2);var _=y<b.width/2?b.width:0,x=g<b.height/2?b.height:0,k=y-_,w=g-x,L=2*Math.sqrt(k*k+w*w),E=500;m.style.cssText="\n    transform: translate(-50%, -50%) scale(1);\n    width: "+L+"px;\n    height: "+L+"px;\n    left: "+y+"px;\n    top: "+g+"px;\n  ",setTimeout(function(){return s(v)},E)}}}},s=function(e){e.animated=!0,c(e)},a=function(e){e.released=!0,c(e)},c=function(e){if(e.released&&e.animated){var t=e.blob,n=e.ripple,r=e.container;r&&i(r,"blur",function(){return r.classList.remove("k-no-focus")}),t&&(i(t,"transitionend",function(){n&&n.parentNode&&n.parentNode.removeChild(n)}),t.style.transition="opacity 200ms linear",t.style.opacity="0")}};t.register=function(e,t){var n=function(e){return[].concat.apply([],e)},r=n(t.map(function(t){var n=t.selector,r=t.options,i=o(n,r),s=r&&r.events||["mousedown","touchdown"];return s.forEach(function(t){return e.addEventListener(t,i,!1)}),{events:s,activator:i}}));return function(){e&&(r.forEach(function(t){var n=t.events,r=t.activator;return n.forEach(function(t){return e.removeEventListener(t,r,!1)})}),e=null)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=n(3),o=n(1),s=[o.RippleContainerDirective],a=function(){function e(){}return e}();a=r.__decorate([i.NgModule({declarations:[s],exports:[s]})],a),t.RippleModule=a}])});

dist/es/ripple-base.js

@@ -141,2 +141,5 @@ var closest = function (element, selector) {
     return function () {
+        if (!root) {
+            return;
+        }
         handlers.forEach(function (_a) {
@@ -143,0 +146,0 @@ var events = _a.events, activator = _a.activator;

dist/es/ripple-container.directive.d.ts

@@ -1,2 +0,2 @@
-import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { ElementRef, Renderer2, AfterViewInit, OnDestroy } from '@angular/core';
 /**
@@ -21,8 +21,16 @@ * Represents the Ripple container component.
 export declare class RippleContainerDirective implements AfterViewInit, OnDestroy {
+    private renderer;
     private element;
-    private activator;
+    /**
+     * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
+     * By default, `disabled` is set to `false`.
+     */
+    disabled: boolean;
+    isDisabled: boolean;
     readonly containerClass: boolean;
-    constructor(element: ElementRef);
+    constructor(renderer: Renderer2, element: ElementRef);
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    private removeListeners;
+    private registerListeners();
 }

dist/es/ripple-container.directive.js

@@ -1,2 +0,2 @@
-import { ElementRef, HostBinding, Directive } from '@angular/core';
+import { ElementRef, HostBinding, Directive, Renderer2, Input } from '@angular/core';
 import { register } from './ripple-base';
@@ -22,5 +22,26 @@ /**
 var RippleContainerDirective = (function () {
-    function RippleContainerDirective(element) {
+    function RippleContainerDirective(renderer, element) {
+        this.renderer = renderer;
         this.element = element;
+        this.isDisabled = false;
+        this.removeListeners = function () { };
     }
+    Object.defineProperty(RippleContainerDirective.prototype, "disabled", {
+        /**
+         * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
+         * By default, `disabled` is set to `false`.
+         */
+        set: function (disabled) {
+            this.isDisabled = disabled;
+            if (this.isDisabled) {
+                this.removeListeners();
+            }
+            else {
+                this.registerListeners();
+            }
+            this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(RippleContainerDirective.prototype, "containerClass", {
@@ -33,4 +54,13 @@ get: function () {
     });
+    RippleContainerDirective.prototype.ngOnDestroy = function () {
+        this.removeListeners();
+    };
     RippleContainerDirective.prototype.ngAfterViewInit = function () {
-        this.activator = register(this.element.nativeElement, [
+        if (!this.isDisabled) {
+            this.registerListeners();
+        }
+    };
+    RippleContainerDirective.prototype.registerListeners = function () {
+        this.removeListeners();
+        var callback = register(this.element.nativeElement, [
             { selector: ".k-button,.k-checkbox-label,.k-radio-label" },
@@ -48,6 +78,4 @@ { selector: ".k-checkbox,.k-radio",
         ]);
+        this.removeListeners = callback;
     };
-    RippleContainerDirective.prototype.ngOnDestroy = function () {
-        this.activator();
-    };
     return RippleContainerDirective;
@@ -63,6 +91,8 @@ }());
 RippleContainerDirective.ctorParameters = function () { return [
+    { type: Renderer2, },
     { type: ElementRef, },
 ]; };
 RippleContainerDirective.propDecorators = {
+    'disabled': [{ type: Input },],
     'containerClass': [{ type: HostBinding, args: ['class.k-ripple-container',] },],
 };

dist/es/ripple-container.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerListeners":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerListeners":[{"__symbolic":"method"}]}}}}]

dist/npm/ripple-base.js

@@ -143,2 +143,5 @@ "use strict";
     return function () {
+        if (!root) {
+            return;
+        }
         handlers.forEach(function (_a) {
@@ -145,0 +148,0 @@ var events = _a.events, activator = _a.activator;

dist/npm/ripple-container.directive.d.ts

@@ -1,2 +0,2 @@
-import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { ElementRef, Renderer2, AfterViewInit, OnDestroy } from '@angular/core';
 /**
@@ -21,8 +21,16 @@ * Represents the Ripple container component.
 export declare class RippleContainerDirective implements AfterViewInit, OnDestroy {
+    private renderer;
     private element;
-    private activator;
+    /**
+     * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
+     * By default, `disabled` is set to `false`.
+     */
+    disabled: boolean;
+    isDisabled: boolean;
     readonly containerClass: boolean;
-    constructor(element: ElementRef);
+    constructor(renderer: Renderer2, element: ElementRef);
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    private removeListeners;
+    private registerListeners();
 }

dist/npm/ripple-container.directive.js

@@ -24,5 +24,26 @@ "use strict";
 var RippleContainerDirective = (function () {
-    function RippleContainerDirective(element) {
+    function RippleContainerDirective(renderer, element) {
+        this.renderer = renderer;
         this.element = element;
+        this.isDisabled = false;
+        this.removeListeners = function () { };
     }
+    Object.defineProperty(RippleContainerDirective.prototype, "disabled", {
+        /**
+         * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
+         * By default, `disabled` is set to `false`.
+         */
+        set: function (disabled) {
+            this.isDisabled = disabled;
+            if (this.isDisabled) {
+                this.removeListeners();
+            }
+            else {
+                this.registerListeners();
+            }
+            this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(RippleContainerDirective.prototype, "containerClass", {
@@ -35,4 +56,13 @@ get: function () {
     });
+    RippleContainerDirective.prototype.ngOnDestroy = function () {
+        this.removeListeners();
+    };
     RippleContainerDirective.prototype.ngAfterViewInit = function () {
-        this.activator = ripple_base_1.register(this.element.nativeElement, [
+        if (!this.isDisabled) {
+            this.registerListeners();
+        }
+    };
+    RippleContainerDirective.prototype.registerListeners = function () {
+        this.removeListeners();
+        var callback = ripple_base_1.register(this.element.nativeElement, [
             { selector: ".k-button,.k-checkbox-label,.k-radio-label" },
@@ -50,6 +80,4 @@ { selector: ".k-checkbox,.k-radio",
         ]);
+        this.removeListeners = callback;
     };
-    RippleContainerDirective.prototype.ngOnDestroy = function () {
-        this.activator();
-    };
     return RippleContainerDirective;
@@ -64,7 +92,9 @@ }());
 RippleContainerDirective.ctorParameters = function () { return [
+    { type: core_1.Renderer2, },
     { type: core_1.ElementRef, },
 ]; };
 RippleContainerDirective.propDecorators = {
+    'disabled': [{ type: core_1.Input },],
     'containerClass': [{ type: core_1.HostBinding, args: ['class.k-ripple-container',] },],
 };
 exports.RippleContainerDirective = RippleContainerDirective;

dist/npm/ripple-container.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerListeners":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RippleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoRippleContainer]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-ripple-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerListeners":[{"__symbolic":"method"}]}}}}]

dist/systemjs/kendo-angular-ripple.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-angular-ripple",["tslib","@angular/core"],function(e){function t(e){return e.__useDefault?e.default:e}var n,r;return{setters:[function(e){n=t(e)},function(e){r=t(e)}],execute:function(){!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};t.m=e,t.c=n,t.p="",t(0)}([function(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=r(1);n.RippleContainerDirective=o.RippleContainerDirective;var i=r(5);n.RippleModule=i.RippleModule,function(t){for(var n in t)e(n,t[n])}(n)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=n(3),i=n(4),a=function(){function e(e){this.element=e}return Object.defineProperty(e.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.activator=i.register(this.element.nativeElement,[{selector:".k-button,.k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin"],container:function(e){if(/\b(k-checkbox|k-radio)\b/.test(e.className))return e.nextElementSibling}}}])},e.prototype.ngOnDestroy=function(){this.activator()},e}();r.__decorate([o.HostBinding("class.k-ripple-container"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],a.prototype,"containerClass",null),a=r.__decorate([o.Directive({selector:"[kendoRippleContainer]"}),r.__metadata("design:paramtypes",[o.ElementRef])],a),t.RippleContainerDirective=a},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,n){var r=function(){n(),e.removeEventListener(t,r,!1)},o=function(){return e.addEventListener(t,r,!1)};return o(),{remove:o}},r=function(e){e.animated=!0,i(e)},o=function(e){e.released=!0,i(e)},i=function(e){if(e.released&&e.animated){var t=e.blob,r=e.ripple,o=e.container;o&&n(o,"blur",function(){return o.classList.remove("k-no-focus")}),t&&(n(t,"transitionend",function(){r&&r.parentNode&&r.parentNode.removeChild(r)}),t.style.transition="opacity 200ms linear",t.style.opacity="0")}};t.register=function(e,t){var i=function(e){return[].concat.apply([],e)}(t.map(function(t){var i=t.selector,a=t.options,c=function(e,t){return function(i){var a,c=i.target,u=c.document||c.ownerDocument;if((a=t&&t.container?t.container(c):function(e,t){if(e.closest)return e.closest(t);var n=(e.document||e.ownerDocument).querySelectorAll(t),r=e,o=0;do{for(o=n.length-1;o>=0&&n.item(o)!==r;)o-=1;if(o<0)break;r=r.parentElement}while(r);return r}(c,e))&&(!/focus/i.test(i.type)||!a.classList.contains("k-no-focus"))){a.classList.add("k-no-focus");var s=function(e){var t=e.createElement("div");t.className="k-ripple";var n=e.createElement("div");return n.className="k-ripple-blob",t.appendChild(n),[t,n]}(u),l=s[0],p=s[1],f={animated:!1,released:!1,blob:p,container:a,ripple:l},d={focusin:"focusout",keydown:"keyup",mousedown:"mouseup",pointerdown:"pointerup",touchdown:"touchup"}[i.type];n(i.currentTarget,d,function(){return o(f)}),a.appendChild(l),window.getComputedStyle(l).getPropertyValue("opacity");var v=a.getBoundingClientRect(),m=0,h=0;/mouse|pointer|touch/.test(i.type)?(m=i.clientX-v.left,h=i.clientY-v.top):(m=v.width/2,h=v.height/2);var y=m-(m<v.width/2?v.width:0),g=h-(h<v.height/2?v.height:0),b=2*Math.sqrt(y*y+g*g);p.style.cssText="\n    transform: translate(-50%, -50%) scale(1);\n    width: "+b+"px;\n    height: "+b+"px;\n    left: "+m+"px;\n    top: "+h+"px;\n  ",setTimeout(function(){return r(f)},500)}}}(i,a),u=a&&a.events||["mousedown","touchdown"];return u.forEach(function(t){return e.addEventListener(t,c,!1)}),{events:u,activator:c}}));return function(){i.forEach(function(t){var n=t.events,r=t.activator;return n.forEach(function(t){return e.removeEventListener(t,r,!1)})}),e=null}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o=n(3),i=[n(1).RippleContainerDirective],a=function(){return function(){}}();a=r.__decorate([o.NgModule({declarations:[i],exports:[i]})],a),t.RippleModule=a}])}}});
+System.register("@progress/kendo-angular-ripple",["tslib","@angular/core"],function(e){function t(e){return e.__useDefault?e.default:e}var n,r;return{setters:[function(e){n=t(e)},function(e){r=t(e)}],execute:function(){!function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};t.m=e,t.c=n,t.p="",t(0)}([function(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=r(1);n.RippleContainerDirective=i.RippleContainerDirective;var o=r(5);n.RippleModule=o.RippleModule,function(t){for(var n in t)e(n,t[n])}(n)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=n(3),o=n(4),s=function(){function e(e,t){this.renderer=e,this.element=t,this.isDisabled=!1,this.removeListeners=function(){}}return Object.defineProperty(e.prototype,"disabled",{set:function(e){this.isDisabled=e,this.isDisabled?this.removeListeners():this.registerListeners(),this.renderer.setProperty(this.element.nativeElement,"disabled",e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"containerClass",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.removeListeners()},e.prototype.ngAfterViewInit=function(){this.isDisabled||this.registerListeners()},e.prototype.registerListeners=function(){this.removeListeners();var e=o.register(this.element.nativeElement,[{selector:".k-button,.k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin"],container:function(e){if(/\b(k-checkbox|k-radio)\b/.test(e.className))return e.nextElementSibling}}}]);this.removeListeners=e},e}();r.__decorate([i.Input(),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[Boolean])],s.prototype,"disabled",null),r.__decorate([i.HostBinding("class.k-ripple-container"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],s.prototype,"containerClass",null),s=r.__decorate([i.Directive({selector:"[kendoRippleContainer]"}),r.__metadata("design:paramtypes",[i.Renderer2,i.ElementRef])],s),t.RippleContainerDirective=s},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,n){var r=function(){n(),e.removeEventListener(t,r,!1)},i=function(){return e.addEventListener(t,r,!1)};return i(),{remove:i}},r=function(e){e.animated=!0,o(e)},i=function(e){e.released=!0,o(e)},o=function(e){if(e.released&&e.animated){var t=e.blob,r=e.ripple,i=e.container;i&&n(i,"blur",function(){return i.classList.remove("k-no-focus")}),t&&(n(t,"transitionend",function(){r&&r.parentNode&&r.parentNode.removeChild(r)}),t.style.transition="opacity 200ms linear",t.style.opacity="0")}};t.register=function(e,t){var o=function(e){return[].concat.apply([],e)}(t.map(function(t){var o=t.selector,s=t.options,a=function(e,t){return function(o){var s,a=o.target,c=a.document||a.ownerDocument;if((s=t&&t.container?t.container(a):function(e,t){if(e.closest)return e.closest(t);var n=(e.document||e.ownerDocument).querySelectorAll(t),r=e,i=0;do{for(i=n.length-1;i>=0&&n.item(i)!==r;)i-=1;if(i<0)break;r=r.parentElement}while(r);return r}(a,e))&&(!/focus/i.test(o.type)||!s.classList.contains("k-no-focus"))){s.classList.add("k-no-focus");var u=function(e){var t=e.createElement("div");t.className="k-ripple";var n=e.createElement("div");return n.className="k-ripple-blob",t.appendChild(n),[t,n]}(c),l=u[0],p=u[1],d={animated:!1,released:!1,blob:p,container:s,ripple:l},f={focusin:"focusout",keydown:"keyup",mousedown:"mouseup",pointerdown:"pointerup",touchdown:"touchup"}[o.type];n(o.currentTarget,f,function(){return i(d)}),s.appendChild(l),window.getComputedStyle(l).getPropertyValue("opacity");var v=s.getBoundingClientRect(),m=0,h=0;/mouse|pointer|touch/.test(o.type)?(m=o.clientX-v.left,h=o.clientY-v.top):(m=v.width/2,h=v.height/2);var y=m-(m<v.width/2?v.width:0),b=h-(h<v.height/2?v.height:0),g=2*Math.sqrt(y*y+b*b);p.style.cssText="\n    transform: translate(-50%, -50%) scale(1);\n    width: "+g+"px;\n    height: "+g+"px;\n    left: "+m+"px;\n    top: "+h+"px;\n  ",setTimeout(function(){return r(d)},500)}}}(o,s),c=s&&s.events||["mousedown","touchdown"];return c.forEach(function(t){return e.addEventListener(t,a,!1)}),{events:c,activator:a}}));return function(){e&&(o.forEach(function(t){var n=t.events,r=t.activator;return n.forEach(function(t){return e.removeEventListener(t,r,!1)})}),e=null)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=n(3),o=[n(1).RippleContainerDirective],s=function(){return function(){}}();s=r.__decorate([i.NgModule({declarations:[o],exports:[o]})],s),t.RippleModule=s}])}}});

package.json

@@ -9,3 +9,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "0.1.3",
+  "version": "0.2.0-dev.201712070731",
   "main": "dist/npm/main.js",
@@ -12,0 +12,0 @@ "module": "dist/es/main.js",

No alert changes

Improved metrics

Lines of code

746

increased by12.35%

Worsened metrics

Total package byte prevSize

46661

decreased by-20.85%

Number of package files

30

decreased by-3.23%

No dependency changes