codefoxui - npm Package Compare versions

Comparing version 0.0.15 to 0.0.16

bundles/codefoxui.umd.js

@@ -76,3 +76,3 @@ (function (global, factory) {
                     template: "\n        <div #checkbox class=\"checkbox\" [ngClass]=\"{'checked': value, 'disabled': disabled, 'readonly': readonly, 'focused': focused}\" (click)=\"toggleValue()\">\n            <input type=\"text\" (focus)=\"focus($event)\" (keypress)=\"keypress($event)\" (blur)=\"blur($event)\" />\n            <span class=\"check\">\n              <span *ngIf=\"value\" class=\"remixicon\" [ngClass]=\"icon\"></span>\n            </span>\n            <span *ngIf=\"label !== null\" class=\"label\">{{label}}</span>\n        </div>\n    ",
-                    styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.check{background:#ff0!important}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
+                    styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.label{color:#ff0}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
                 },] }
@@ -79,0 +79,0 @@ ];

bundles/codefoxui.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/common"),require("@angular/core"),require("@angular/forms")):"function"==typeof define&&define.amd?define("codefoxui",["exports","@angular/common","@angular/core","@angular/forms"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).codefoxui={},e.ng.common,e.ng.core,e.ng.forms)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.label=null,this.disabled=!1,this.readonly=!1,this.value=!1,this.icon="check-fill",this.onChanged=new t.EventEmitter,this.onFocus=new t.EventEmitter,this.onBlur=new t.EventEmitter,this.onChangeFn=null,this.onTouchedFn=null,this.focused=!1}return e.prototype.toggleValue=function(){this.disabled||this.readonly||(this.value=!this.value,null!==this.onChangeFn&&this.onChangeFn(this.value),null!==this.onTouchedFn&&this.onTouchedFn(this.value),this.onChanged.emit(this.value))},e.prototype.registerOnChange=function(e){this.onChangeFn=e},e.prototype.registerOnTouched=function(e){this.onTouchedFn=e},e.prototype.writeValue=function(e){this.value=e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype.focus=function(e){this.onFocus.emit(e),this.focused=!0},e.prototype.blur=function(e){this.onBlur.emit(e),this.focused=!1},e.prototype.keypress=function(e){"enter"===e.code.toLowerCase()&&this.toggleValue(),"space"===e.code.toLowerCase()&&this.toggleValue(),e.preventDefault()},e}();c.decorators=[{type:t.Component,args:[{selector:"cf-chexkbox",providers:[{provide:n.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return c})),multi:!0}],template:'\n        <div #checkbox class="checkbox" [ngClass]="{\'checked\': value, \'disabled\': disabled, \'readonly\': readonly, \'focused\': focused}" (click)="toggleValue()">\n            <input type="text" (focus)="focus($event)" (keypress)="keypress($event)" (blur)="blur($event)" />\n            <span class="check">\n              <span *ngIf="value" class="remixicon" [ngClass]="icon"></span>\n            </span>\n            <span *ngIf="label !== null" class="label">{{label}}</span>\n        </div>\n    ',styles:[".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.check{background:#ff0!important}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]}]}],c.propDecorators={label:[{type:t.Input}],disabled:[{type:t.Input}],readonly:[{type:t.Input}],value:[{type:t.Input}],icon:[{type:t.Input}],onChanged:[{type:t.Output}],onFocus:[{type:t.Output}],onBlur:[{type:t.Output}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule],exports:[c]}]}];var i=function(){};i.decorators=[{type:t.NgModule,args:[{}]}],e.CheckboxModule=s,e.InputTextModule=i,e["ɵa"]=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/common"),require("@angular/core"),require("@angular/forms")):"function"==typeof define&&define.amd?define("codefoxui",["exports","@angular/common","@angular/core","@angular/forms"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).codefoxui={},e.ng.common,e.ng.core,e.ng.forms)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.label=null,this.disabled=!1,this.readonly=!1,this.value=!1,this.icon="check-fill",this.onChanged=new t.EventEmitter,this.onFocus=new t.EventEmitter,this.onBlur=new t.EventEmitter,this.onChangeFn=null,this.onTouchedFn=null,this.focused=!1}return e.prototype.toggleValue=function(){this.disabled||this.readonly||(this.value=!this.value,null!==this.onChangeFn&&this.onChangeFn(this.value),null!==this.onTouchedFn&&this.onTouchedFn(this.value),this.onChanged.emit(this.value))},e.prototype.registerOnChange=function(e){this.onChangeFn=e},e.prototype.registerOnTouched=function(e){this.onTouchedFn=e},e.prototype.writeValue=function(e){this.value=e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype.focus=function(e){this.onFocus.emit(e),this.focused=!0},e.prototype.blur=function(e){this.onBlur.emit(e),this.focused=!1},e.prototype.keypress=function(e){"enter"===e.code.toLowerCase()&&this.toggleValue(),"space"===e.code.toLowerCase()&&this.toggleValue(),e.preventDefault()},e}();c.decorators=[{type:t.Component,args:[{selector:"cf-chexkbox",providers:[{provide:n.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return c})),multi:!0}],template:'\n        <div #checkbox class="checkbox" [ngClass]="{\'checked\': value, \'disabled\': disabled, \'readonly\': readonly, \'focused\': focused}" (click)="toggleValue()">\n            <input type="text" (focus)="focus($event)" (keypress)="keypress($event)" (blur)="blur($event)" />\n            <span class="check">\n              <span *ngIf="value" class="remixicon" [ngClass]="icon"></span>\n            </span>\n            <span *ngIf="label !== null" class="label">{{label}}</span>\n        </div>\n    ',styles:[".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.label{color:#ff0}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]}]}],c.propDecorators={label:[{type:t.Input}],disabled:[{type:t.Input}],readonly:[{type:t.Input}],value:[{type:t.Input}],icon:[{type:t.Input}],onChanged:[{type:t.Output}],onFocus:[{type:t.Output}],onBlur:[{type:t.Output}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule],exports:[c]}]}];var i=function(){};i.decorators=[{type:t.NgModule,args:[{}]}],e.CheckboxModule=s,e.InputTextModule=i,e["ɵa"]=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=codefoxui.umd.min.js.map

codefoxui.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"InputTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":2,"character":1},"arguments":[{}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"cf-chexkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":7,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}],"template":"\n        <div #checkbox class=\"checkbox\" [ngClass]=\"{'checked': value, 'disabled': disabled, 'readonly': readonly, 'focused': focused}\" (click)=\"toggleValue()\">\n            <input type=\"text\" (focus)=\"focus($event)\" (keypress)=\"keypress($event)\" (blur)=\"blur($event)\" />\n            <span class=\"check\">\n              <span *ngIf=\"value\" class=\"remixicon\" [ngClass]=\"icon\"></span>\n            </span>\n            <span *ngIf=\"label !== null\" class=\"label\">{{label}}</span>\n        </div>\n    ","styles":[".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.check{background:#ff0!important}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"onChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"toggleValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"keypress":[{"__symbolic":"method"}]}}},"origins":{"CheckboxModule":"./lib/checkbox/checkbox.module","InputTextModule":"./lib/inputtext/inputtext.module","ɵa":"./lib/checkbox/checkbox.component"},"importAs":"codefoxui"}
+{"__symbolic":"module","version":4,"metadata":{"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"InputTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":2,"character":1},"arguments":[{}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"cf-chexkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":7,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}],"template":"\n        <div #checkbox class=\"checkbox\" [ngClass]=\"{'checked': value, 'disabled': disabled, 'readonly': readonly, 'focused': focused}\" (click)=\"toggleValue()\">\n            <input type=\"text\" (focus)=\"focus($event)\" (keypress)=\"keypress($event)\" (blur)=\"blur($event)\" />\n            <span class=\"check\">\n              <span *ngIf=\"value\" class=\"remixicon\" [ngClass]=\"icon\"></span>\n            </span>\n            <span *ngIf=\"label !== null\" class=\"label\">{{label}}</span>\n        </div>\n    ","styles":[".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.label{color:#ff0}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"onChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"toggleValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"keypress":[{"__symbolic":"method"}]}}},"origins":{"CheckboxModule":"./lib/checkbox/checkbox.module","InputTextModule":"./lib/inputtext/inputtext.module","ɵa":"./lib/checkbox/checkbox.component"},"importAs":"codefoxui"}

esm2015/lib/checkbox/checkbox.component.js

@@ -79,3 +79,3 @@ import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
     `,
-                styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.check{background:#ff0!important}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
+                styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.label{color:#ff0}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
             },] }
@@ -82,0 +82,0 @@ ];

fesm2015/codefoxui.js

@@ -81,3 +81,3 @@ import { CommonModule } from '@angular/common';
     `,
-                styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.check{background:#ff0!important}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
+                styles: [".checkbox{display:flex;align-items:center;cursor:pointer}.checkbox>.check{width:18px;height:18px;display:inline-block;border:1px solid #757575;border-radius:4px;background:#fff;margin-right:8px;line-height:18px;text-align:center;flex:0 0 18px;font-size:18px}.checkbox>.check span{opacity:0;color:#fff}.checkbox .label{font-size:16px}.checkbox.focused>.label{color:#ff0}.checkbox.checked>.check{background:#3f51b5;border:1px solid #3f51b5;color:#fff}.checkbox.checked>.check span{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled>.check{background:#acacac;opacity:.5}.checkbox.disabled.checked>.check{filter:saturate(25%)}.checkbox.readonly{background:#ededed}"]
             },] }
@@ -84,0 +84,0 @@ ];

package.json

 {
   "name": "codefoxui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^11.0.9",

No alert changes

Worsened metrics

Total package byte prevSize

585186

decreased by-0.01%

No dependency changes