Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

judsonmusic-keypad

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

judsonmusic-keypad - npm Package Compare versions

Comparing version 1.6.0 to 1.7.0

2

bundles/judsonmusic-keypad.umd.js

@@ -160,3 +160,3 @@ (function (global, factory) {

changeDetection: i0.ChangeDetectionStrategy.OnPush,
styles: ["judsonmusic-keypad .keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}judsonmusic-keypad .keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}judsonmusic-keypad .keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
styles: [".keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}.keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}.keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}.keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}.keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}.keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
},] }

@@ -163,0 +163,0 @@ ];

2

bundles/judsonmusic-keypad.umd.min.js

@@ -1,2 +0,2 @@

!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("judsonmusic-keypad",["exports","@angular/core","@angular/common","@angular/platform-browser"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self)["judsonmusic-keypad"]={},e.ng.core,e.ng.common,e.ng.platformBrowser)}(this,(function(e,o,n,t){"use strict";var i=function(){};i.ɵprov=o.ɵɵdefineInjectable({factory:function(){return new i},token:i,providedIn:"root"}),i.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[]};var r=function(e){return a(e,"(any-pointer:coarse)")},c=function(e){return!r(e)},a=function(e,o){return e.matchMedia(o).matches},l=function(){function e(e){this.elementRef=e,this.clickEvent$=new o.EventEmitter,this.clearEvent$=new o.EventEmitter,this.delEvent$=new o.EventEmitter,this.isDesktop=c(window),this.showKeyPad=!this.isDesktop}return e.prototype.ngOnInit=function(){console.warn("Keypad Init!"),this.showKeyPad=!this.isDesktop},e.prototype.toggleKeyPad=function(){this.showKeyPad=!this.showKeyPad},e.prototype.doClick=function(e){this.clickEvent$.next(e.target.getAttribute("value")),this.toggleColor(e)},e.prototype.clearPin=function(e){e&&this.toggleColor(e),this.clearEvent$.next()},e.prototype.deleteLastChar=function(e){this.toggleColor(e),this.delEvent$.next()},e.prototype.toggleColor=function(e){this.elementRef.nativeElement.querySelectorAll(".key").forEach((function(e){e.classList.remove("active")})),e.target.classList.add("active");var o=setTimeout((function(){e.target.classList.remove("active"),clearTimeout(o)}),200)},e.prototype.ngOnDestroy=function(){},e}();l.decorators=[{type:o.Component,args:[{selector:"judsonmusic-keypad",template:'<div class="keypad-wrapper" *ngIf="!isDesktop">\n <ion-grid class="keypad">\n <ion-row>\n <ion-col class="key" key="1" value="1" (click)="doClick($event)">1</ion-col>\n <ion-col class="key" key="2" value="2" (click)="doClick($event)">2</ion-col>\n <ion-col class="key" key="3" value="3" (click)="doClick($event)">3</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="4" value="4" (click)="doClick($event)">4</ion-col>\n <ion-col class="key" key="5" value="5" (click)="doClick($event)">5</ion-col>\n <ion-col class="key" key="6" value="6" (click)="doClick($event)">6</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="7" value="7" (click)="doClick($event)">7</ion-col>\n <ion-col class="key" key="8" value="8" (click)="doClick($event)">8</ion-col>\n <ion-col class="key" key="9" value="9" (click)="doClick($event)">9</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="clear" (click)="clearPin($event)"><ion-icon name="close-circle-outline"></ion-icon></ion-col>\n <ion-col class="key" key="0" value="0" (click)="doClick($event)">0</ion-col>\n <ion-col class="key" key="delete" (click)="deleteLastChar($event)"><ion-icon name="backspace-outline"></ion-icon></ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key-footer ion-padding"></ion-col>\n </ion-row>\n </ion-grid>\n</div>\n',changeDetection:o.ChangeDetectionStrategy.OnPush,styles:["judsonmusic-keypad .keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}judsonmusic-keypad .keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}judsonmusic-keypad .keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]}]}],l.ctorParameters=function(){return[{type:o.ElementRef}]},l.propDecorators={formGroup:[{type:o.Input}],controlName:[{type:o.Input}],clickEvent$:[{type:o.Output}],clearEvent$:[{type:o.Output}],delEvent$:[{type:o.Output}]};var s=function(){};s.decorators=[{type:o.NgModule,args:[{declarations:[l],imports:[n.CommonModule,t.BrowserModule],exports:[l]}]}],e.JudsonmusicKeypadComponent=l,e.JudsonmusicKeypadModule=s,e.JudsonmusicKeypadService=i,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("judsonmusic-keypad",["exports","@angular/core","@angular/common","@angular/platform-browser"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self)["judsonmusic-keypad"]={},e.ng.core,e.ng.common,e.ng.platformBrowser)}(this,(function(e,o,n,t){"use strict";var i=function(){};i.ɵprov=o.ɵɵdefineInjectable({factory:function(){return new i},token:i,providedIn:"root"}),i.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[]};var r=function(e){return a(e,"(any-pointer:coarse)")},c=function(e){return!r(e)},a=function(e,o){return e.matchMedia(o).matches},l=function(){function e(e){this.elementRef=e,this.clickEvent$=new o.EventEmitter,this.clearEvent$=new o.EventEmitter,this.delEvent$=new o.EventEmitter,this.isDesktop=c(window),this.showKeyPad=!this.isDesktop}return e.prototype.ngOnInit=function(){console.warn("Keypad Init!"),this.showKeyPad=!this.isDesktop},e.prototype.toggleKeyPad=function(){this.showKeyPad=!this.showKeyPad},e.prototype.doClick=function(e){this.clickEvent$.next(e.target.getAttribute("value")),this.toggleColor(e)},e.prototype.clearPin=function(e){e&&this.toggleColor(e),this.clearEvent$.next()},e.prototype.deleteLastChar=function(e){this.toggleColor(e),this.delEvent$.next()},e.prototype.toggleColor=function(e){this.elementRef.nativeElement.querySelectorAll(".key").forEach((function(e){e.classList.remove("active")})),e.target.classList.add("active");var o=setTimeout((function(){e.target.classList.remove("active"),clearTimeout(o)}),200)},e.prototype.ngOnDestroy=function(){},e}();l.decorators=[{type:o.Component,args:[{selector:"judsonmusic-keypad",template:'<div class="keypad-wrapper" *ngIf="!isDesktop">\n <ion-grid class="keypad">\n <ion-row>\n <ion-col class="key" key="1" value="1" (click)="doClick($event)">1</ion-col>\n <ion-col class="key" key="2" value="2" (click)="doClick($event)">2</ion-col>\n <ion-col class="key" key="3" value="3" (click)="doClick($event)">3</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="4" value="4" (click)="doClick($event)">4</ion-col>\n <ion-col class="key" key="5" value="5" (click)="doClick($event)">5</ion-col>\n <ion-col class="key" key="6" value="6" (click)="doClick($event)">6</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="7" value="7" (click)="doClick($event)">7</ion-col>\n <ion-col class="key" key="8" value="8" (click)="doClick($event)">8</ion-col>\n <ion-col class="key" key="9" value="9" (click)="doClick($event)">9</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key" key="clear" (click)="clearPin($event)"><ion-icon name="close-circle-outline"></ion-icon></ion-col>\n <ion-col class="key" key="0" value="0" (click)="doClick($event)">0</ion-col>\n <ion-col class="key" key="delete" (click)="deleteLastChar($event)"><ion-icon name="backspace-outline"></ion-icon></ion-col>\n </ion-row>\n <ion-row>\n <ion-col class="key-footer ion-padding"></ion-col>\n </ion-row>\n </ion-grid>\n</div>\n',changeDetection:o.ChangeDetectionStrategy.OnPush,styles:[".keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}.keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}.keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}.keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}.keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}.keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]}]}],l.ctorParameters=function(){return[{type:o.ElementRef}]},l.propDecorators={formGroup:[{type:o.Input}],controlName:[{type:o.Input}],clickEvent$:[{type:o.Output}],clearEvent$:[{type:o.Output}],delEvent$:[{type:o.Output}]};var s=function(){};s.decorators=[{type:o.NgModule,args:[{declarations:[l],imports:[n.CommonModule,t.BrowserModule],exports:[l]}]}],e.JudsonmusicKeypadComponent=l,e.JudsonmusicKeypadModule=s,e.JudsonmusicKeypadService=i,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=judsonmusic-keypad.umd.min.js.map

2

esm2015/lib/judsonmusic-keypad.component.js

@@ -55,3 +55,3 @@ import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, } from '@angular/core';

changeDetection: ChangeDetectionStrategy.OnPush,
styles: ["judsonmusic-keypad .keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}judsonmusic-keypad .keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}judsonmusic-keypad .keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
styles: [".keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}.keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}.keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}.keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}.keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}.keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
},] }

@@ -58,0 +58,0 @@ ];

2

fesm2015/judsonmusic-keypad.js

@@ -155,3 +155,3 @@ import { ɵɵdefineInjectable, Injectable, EventEmitter, Component, ChangeDetectionStrategy, ElementRef, Input, Output, NgModule } from '@angular/core';

changeDetection: ChangeDetectionStrategy.OnPush,
styles: ["judsonmusic-keypad .keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}judsonmusic-keypad .keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}judsonmusic-keypad .keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
styles: [".keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}.keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}.keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}.keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}.keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}.keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]
},] }

@@ -158,0 +158,0 @@ ];

2

judsonmusic-keypad.metadata.json

@@ -1,1 +0,1 @@

{"__symbolic":"module","version":4,"metadata":{"JudsonmusicKeypadService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"JudsonmusicKeypadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"judsonmusic-keypad","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<div class=\"keypad-wrapper\" *ngIf=\"!isDesktop\">\n <ion-grid class=\"keypad\">\n <ion-row>\n <ion-col class=\"key\" key=\"1\" value=\"1\" (click)=\"doClick($event)\">1</ion-col>\n <ion-col class=\"key\" key=\"2\" value=\"2\" (click)=\"doClick($event)\">2</ion-col>\n <ion-col class=\"key\" key=\"3\" value=\"3\" (click)=\"doClick($event)\">3</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"4\" value=\"4\" (click)=\"doClick($event)\">4</ion-col>\n <ion-col class=\"key\" key=\"5\" value=\"5\" (click)=\"doClick($event)\">5</ion-col>\n <ion-col class=\"key\" key=\"6\" value=\"6\" (click)=\"doClick($event)\">6</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"7\" value=\"7\" (click)=\"doClick($event)\">7</ion-col>\n <ion-col class=\"key\" key=\"8\" value=\"8\" (click)=\"doClick($event)\">8</ion-col>\n <ion-col class=\"key\" key=\"9\" value=\"9\" (click)=\"doClick($event)\">9</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"clear\" (click)=\"clearPin($event)\"><ion-icon name=\"close-circle-outline\"></ion-icon></ion-col>\n <ion-col class=\"key\" key=\"0\" value=\"0\" (click)=\"doClick($event)\">0</ion-col>\n <ion-col class=\"key\" key=\"delete\" (click)=\"deleteLastChar($event)\"><ion-icon name=\"backspace-outline\"></ion-icon></ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key-footer ion-padding\"></ion-col>\n </ion-row>\n </ion-grid>\n</div>\n","styles":["judsonmusic-keypad .keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}judsonmusic-keypad .keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}judsonmusic-keypad .keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}judsonmusic-keypad .keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]}]}],"members":{"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"clickEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"clearEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"delEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleKeyPad":[{"__symbolic":"method"}],"doClick":[{"__symbolic":"method"}],"clearPin":[{"__symbolic":"method"}],"deleteLastChar":[{"__symbolic":"method"}],"toggleColor":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"JudsonmusicKeypadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"JudsonmusicKeypadComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":7,"character":26}],"exports":[{"__symbolic":"reference","name":"JudsonmusicKeypadComponent"}]}]}],"members":{}}},"origins":{"JudsonmusicKeypadService":"./lib/judsonmusic-keypad.service","JudsonmusicKeypadComponent":"./lib/judsonmusic-keypad.component","JudsonmusicKeypadModule":"./lib/judsonmusic-keypad.module"},"importAs":"judsonmusic-keypad"}
{"__symbolic":"module","version":4,"metadata":{"JudsonmusicKeypadService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"JudsonmusicKeypadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"judsonmusic-keypad","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<div class=\"keypad-wrapper\" *ngIf=\"!isDesktop\">\n <ion-grid class=\"keypad\">\n <ion-row>\n <ion-col class=\"key\" key=\"1\" value=\"1\" (click)=\"doClick($event)\">1</ion-col>\n <ion-col class=\"key\" key=\"2\" value=\"2\" (click)=\"doClick($event)\">2</ion-col>\n <ion-col class=\"key\" key=\"3\" value=\"3\" (click)=\"doClick($event)\">3</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"4\" value=\"4\" (click)=\"doClick($event)\">4</ion-col>\n <ion-col class=\"key\" key=\"5\" value=\"5\" (click)=\"doClick($event)\">5</ion-col>\n <ion-col class=\"key\" key=\"6\" value=\"6\" (click)=\"doClick($event)\">6</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"7\" value=\"7\" (click)=\"doClick($event)\">7</ion-col>\n <ion-col class=\"key\" key=\"8\" value=\"8\" (click)=\"doClick($event)\">8</ion-col>\n <ion-col class=\"key\" key=\"9\" value=\"9\" (click)=\"doClick($event)\">9</ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key\" key=\"clear\" (click)=\"clearPin($event)\"><ion-icon name=\"close-circle-outline\"></ion-icon></ion-col>\n <ion-col class=\"key\" key=\"0\" value=\"0\" (click)=\"doClick($event)\">0</ion-col>\n <ion-col class=\"key\" key=\"delete\" (click)=\"deleteLastChar($event)\"><ion-icon name=\"backspace-outline\"></ion-icon></ion-col>\n </ion-row>\n <ion-row>\n <ion-col class=\"key-footer ion-padding\"></ion-col>\n </ion-row>\n </ion-grid>\n</div>\n","styles":[".keypad-wrapper{position:absolute;margin:0 auto;bottom:0;left:0;right:0;z-index:999;border-radius:6px;max-width:600px}.keypad-wrapper div.toggler{background:#fff;width:100px;margin:0 auto;border-radius:5px 5px 0 0;padding-top:5px;color:#006f97;font-size:22px;line-height:0}.keypad-wrapper .keypad{border-radius:4px;background:#fff;max-height:44vh}.keypad-wrapper .keypad ion-row ion-col.key{display:flex!important;justify-content:center!important;align-items:center!important;height:100%;height:8vh;font-size:1.2em;line-height:2em;color:#006e96;cursor:pointer;margin:5px;border-radius:6px;border-bottom:1px solid #add8e6;background:#fff}.keypad-wrapper .keypad ion-row ion-col.key.active{background:#63d5ff!important}.keypad-wrapper .keypad ion-row ion-col.key ion-icon{margin-top:8px}"]}]}],"members":{"formGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"clickEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"clearEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"delEvent$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleKeyPad":[{"__symbolic":"method"}],"doClick":[{"__symbolic":"method"}],"clearPin":[{"__symbolic":"method"}],"deleteLastChar":[{"__symbolic":"method"}],"toggleColor":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"JudsonmusicKeypadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"JudsonmusicKeypadComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":7,"character":26}],"exports":[{"__symbolic":"reference","name":"JudsonmusicKeypadComponent"}]}]}],"members":{}}},"origins":{"JudsonmusicKeypadService":"./lib/judsonmusic-keypad.service","JudsonmusicKeypadComponent":"./lib/judsonmusic-keypad.component","JudsonmusicKeypadModule":"./lib/judsonmusic-keypad.module"},"importAs":"judsonmusic-keypad"}

2

package.json
{
"name": "judsonmusic-keypad",
"version": "1.6.0",
"version": "1.7.0",
"peerDependencies": {},

@@ -5,0 +5,0 @@ "dependencies": {

bundles/judsonmusic-keypad.umd.min.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc