You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.1 KiB
Plaintext
1 line
4.1 KiB
Plaintext
{"version":3,"sources":["../../../../src/app/typescripts/pro/tabs-pills/ripple-effect.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAA,EAAW,UAAA,EAAgC,MAAO,eAAA,CAAgB;AAE3E;IAII,yBAAY,EAAc;QACzB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,CAAC;IAGG,+BAAK,GAAZ,UAAa,KAAU;QAEtB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YAE3D,IAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;YACrC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAA,CAAC;gBAC/C,MAAM,CAAC,SAAS,IAAI,eAAe,CAAC;YACrC,CAAC;YAED,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;YACjE,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;YAGhE,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,SAAS,IAAI,6BAA6B,CAAC;YAC/C,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEvC,IAAM,KAAG,GAAG,IAAI,GAAG,IAAI,CAAC;YACxB,IAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;YAEzB,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,KAAG,CAAC;YACpB,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;YAEtB,IAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,kBAAkB,CAAC;YAE/E,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;YAClC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;YAC5B,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAExB,IAAM,QAAQ,GAAG,GAAG,CAAC;YAErB,GAAG,CAAC,KAAK,CAAC,wBAAwB,GAAG,QAAQ,GAAG,IAAI,CAAC;YACrD,GAAG,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,GAAG,IAAI,CAAC;YAG/C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACF,CAAC;IAED,sCAAY,GAAZ,UAAa,MAAW,EAAE,MAAW;QACpC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE1C,UAAU,CAAC;YACV,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAE3B,UAAU,CAAC;gBACV,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;QACT,CAAC,EAAE,GAAG,CAAC,CAAC;IAIT,CAAC;IAaF,sBAAC;AAAD,CA1EA,AA0EC;;AAZM,0BAAU,GAA0B;IAC3C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gBACzB,QAAQ,EAAE,iBAAiB;gBAC3B,IAAI,EAAE;oBACL,SAAS,EAAE,eAAe;iBAC1B;aACD,EAAG,EAAE;CACL,CAAC;AAEK,8BAAc,GAAmE,cAAM,OAAA;IAC9F,EAAC,IAAI,EAAE,UAAU,GAAG;CACnB,EAF6F,CAE7F,CAAC","file":"ripple-effect.component.js","sourceRoot":"","sourcesContent":["import { Directive, ElementRef, Input, HostListener } from '@angular/core';\r\n\r\nexport class RippleDirective {\r\n\tel: ElementRef;\r\n\r\n\r\n constructor(el: ElementRef) {\r\n \tthis.el = el;\r\n }\r\n\r\n\r\n\tpublic click(event: any) {\r\n\r\n\t\tif (!this.el.nativeElement.classList.contains('disabled')) {\r\n\r\n\t\t\tconst button = this.el.nativeElement;\r\n\t\t\tif (!button.classList.contains('waves-effect')){\r\n\t\t\t\tbutton.className += ' waves-effect';\r\n\t\t\t}\r\n\r\n\t\t\tconst xPos = event.clientX - button.getBoundingClientRect().left;\r\n\t\t\tconst yPos = event.clientY - button.getBoundingClientRect().top;\r\n\r\n\r\n\t\t\tconst tmp = document.createElement('div');\r\n\t\t\ttmp.className += 'waves-ripple waves-rippling';\r\n\t\t\tconst ripple = button.appendChild(tmp);\r\n\r\n\t\t\tconst top = yPos + 'px';\r\n\t\t\tconst left = xPos + 'px';\r\n\r\n\t\t\ttmp.style.top = top;\r\n\t\t\ttmp.style.left = left;\r\n\r\n\t\t\tconst scale = 'scale(' + ((button.clientWidth / 100) * 3) + ') translate(0,0)';\r\n\r\n\t\t\ttmp.style.webkitTransform = scale;\r\n\t\t\ttmp.style.transform = scale;\r\n\t\t\ttmp.style.opacity = '1';\r\n\r\n\t\t\tconst duration = 750;\r\n\r\n\t\t\ttmp.style.webkitTransitionDuration = duration + 'ms';\r\n\t\t\ttmp.style.transitionDuration = duration + 'ms';\r\n\r\n\r\n\t\t\tthis.removeRipple(button, ripple);\r\n\t\t}\r\n\t}\r\n\r\n\tremoveRipple(button: any, ripple: any) {\r\n\t\tripple.classList.remove('waves-rippling');\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tripple.style.opacity = '0';\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tbutton.removeChild(ripple);\r\n\t\t\t}, 750);\r\n\t\t}, 200);\r\n\r\n\r\n\r\n\t}\r\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\r\n\tselector: '[ripple-radius]',\r\n\thost: {\r\n\t\t'(click)': 'click($event)'\r\n\t}\r\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n];\n}\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n"]} |