@firestitch/badge - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

components/fs-badge/fs-badge.component.d.ts

 import { OnInit, OnChanges } from '@angular/core';
 export declare class FsBadgeComponent implements OnInit, OnChanges {
     color: any;
-    label: any;
+    text: string;
     tooltip: any;
@@ -12,5 +12,5 @@ size: any;
     iconColor: any;
-    styles: {};
+    styles: any;
     type: string;
-    iconStyle: {};
+    iconStyle: any;
     constructor();
@@ -17,0 +17,0 @@ ngOnInit(): void;

components/fs-badge/fs-badge.component.js

@@ -15,2 +15,3 @@ "use strict";
     function FsBadgeComponent() {
+        this.text = '';
         this.shape = 'circle';
@@ -24,6 +25,6 @@ this.styles = {};
         if (this.iconSize) {
-            this.iconStyle['transform'] = 'scale(' + this.iconSize + ')';
+            this.iconStyle.transform = 'scale(' + this.iconSize + ')';
         }
         if (this.iconColor) {
-            this.iconStyle['color'] = this.iconColor;
+            this.iconStyle.color = this.iconColor;
         }
@@ -37,8 +38,11 @@ };
         if (this.size) {
-            this.styles['width'] = this.size + 'px';
+            this.styles.width = this.size + 'px';
             this.styles['min-width'] = this.size + 'px';
             if (this.shape === 'circle') {
-                this.styles['height'] = this.size + 'px';
+                this.styles.height = this.size + 'px';
                 this.styles['line-height'] = this.size + 'px';
             }
+            if (this.text) {
+                this.styles['font-size'] = (this.size / 2.5) + 'px';
+            }
         }
@@ -54,5 +58,5 @@ if (this.image) {
     __decorate([
-        core_1.Input('label'),
+        core_1.Input(),
         __metadata("design:type", Object)
-    ], FsBadgeComponent.prototype, "label", void 0);
+    ], FsBadgeComponent.prototype, "text", void 0);
     __decorate([
@@ -59,0 +63,0 @@ core_1.Input('tooltip'),

components/fs-badge/fs-badge.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"FsBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"fs-badge","templateUrl":"./fs-badge.component.html","styleUrls":["./fs-badge.component.css"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3},"arguments":["color"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["label"]}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["tooltip"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["size"]}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["shape"]}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["image"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["icon"]}]}],"iconSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["iconSize"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["iconColor"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"FsBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fs-badge","templateUrl":"./fs-badge.component.html","styleUrls":["./fs-badge.component.css"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["color"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["tooltip"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["size"]}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["shape"]}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["image"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["icon"]}]}],"iconSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["iconSize"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["iconColor"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]

components/fs-badge/index.d.ts

 export * from './fs-badge.component';

components/fs-badge/index.js

@@ -0,0 +0,0 @@ "use strict";

fs-badge.module.d.ts

@@ -0,0 +0,0 @@ import { ModuleWithProviders } from '@angular/core';

fs-badge.module.js

@@ -0,0 +0,0 @@ "use strict";

index.d.ts

 export * from './fs-badge.module';
 export * from './components/fs-badge';

index.js

@@ -86,3 +86,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 // module
-exports.push([module.i, ".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n", "", {"version":3,"sources":["C:/Projects/fs-badge/src/components/fs-badge/C:/Projects/fs-badge/src/components/fs-badge/src/components/fs-badge/fs-badge.component.scss","C:/Projects/fs-badge/src/components/fs-badge/C:/Projects/fs-badge/fs-badge.component.scss"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EAEA,mBAAA;CCAD;;ADEC;EACE,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;CCCH;;ADdD;EAiBI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;CCCH;;ADvBD;EA0BI,6BAAA;EACA,uBAAA;EACA,6BAAA;CCCH;;AD7BD;EAgCI,iBAAA;EACA,uBAAA;CCCH","file":"fs-badge.component.scss","sourcesContent":[".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n\n  text-align: center;\n\n  &.fs-badge-text {\n    line-height: 20px;\n    text-transform: uppercase;\n    padding: 1px 4px 1px 3px;\n    min-width: 45px;\n    color: #fff;\n    font-size: 14px;\n  }\n\n  &.fs-badge-circle {\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0;\n    line-height: 32px;\n    border-radius: 50%;\n  }\n\n  &.fs-badge-image {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 50% 50%;\n  }\n\n  .material-icons {\n    line-height: 95%;\n    vertical-align: middle;\n  }\n}\n",".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n"],"sourceRoot":""}]);
+exports.push([module.i, ".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n", "", {"version":3,"sources":["/Users/mendor/work/fs-badge/src/components/fs-badge/src/components/fs-badge/fs-badge.component.scss","/Users/mendor/work/fs-badge/fs-badge.component.scss"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EAEA,mBAAA;CCAD;;ADEC;EACE,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;CCCH;;ADdD;EAiBI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;CCCH;;ADvBD;EA0BI,6BAAA;EACA,uBAAA;EACA,6BAAA;CCCH;;AD7BD;EAgCI,iBAAA;EACA,uBAAA;CCCH","file":"fs-badge.component.scss","sourcesContent":[".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n\n  text-align: center;\n\n  &.fs-badge-text {\n    line-height: 20px;\n    text-transform: uppercase;\n    padding: 1px 4px 1px 3px;\n    min-width: 45px;\n    color: #fff;\n    font-size: 14px;\n  }\n\n  &.fs-badge-circle {\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0;\n    line-height: 32px;\n    border-radius: 50%;\n  }\n\n  &.fs-badge-image {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 50% 50%;\n  }\n\n  .material-icons {\n    line-height: 95%;\n    vertical-align: middle;\n  }\n}\n",".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n"],"sourceRoot":""}]);
 
@@ -180,3 +180,3 @@ // exports
 
-module.exports = "<div class=\"fs-badge\"\n  [ngClass]=\"{ 'fs-badge-circle': shape=='circle', 'fs-badge-image': type=='image', 'fs-badge-text': type=='text' }\"\n  [ngStyle]=\"styles\"\n  [matTooltip]=\"tooltip\">\n  <mat-icon *ngIf=\"!image && icon\" [ngStyle]=\"iconStyle\">{{ icon }}</mat-icon>\n  {{ label }}\n</div>\n"
+module.exports = "<div class=\"fs-badge\"\n  [ngClass]=\"{ 'fs-badge-circle': shape=='circle', 'fs-badge-image': type=='image', 'fs-badge-text': type=='text' }\"\n  [ngStyle]=\"styles\"\n  [matTooltip]=\"tooltip\">\n  <mat-icon *ngIf=\"!image && icon\" [ngStyle]=\"iconStyle\">{{ icon }}</mat-icon>\n  {{ text }}\n</div>\n"
 
@@ -218,2 +218,3 @@ /***/ }),
     function FsBadgeComponent() {
+        this.text = '';
         this.shape = 'circle';
@@ -227,6 +228,6 @@ this.styles = {};
         if (this.iconSize) {
-            this.iconStyle['transform'] = 'scale(' + this.iconSize + ')';
+            this.iconStyle.transform = 'scale(' + this.iconSize + ')';
         }
         if (this.iconColor) {
-            this.iconStyle['color'] = this.iconColor;
+            this.iconStyle.color = this.iconColor;
         }
@@ -240,8 +241,11 @@ };
         if (this.size) {
-            this.styles['width'] = this.size + 'px';
+            this.styles.width = this.size + 'px';
             this.styles['min-width'] = this.size + 'px';
             if (this.shape === 'circle') {
-                this.styles['height'] = this.size + 'px';
+                this.styles.height = this.size + 'px';
                 this.styles['line-height'] = this.size + 'px';
             }
+            if (this.text) {
+                this.styles['font-size'] = (this.size / 2.5) + 'px';
+            }
         }
@@ -257,5 +261,5 @@ if (this.image) {
     __decorate([
-        core_1.Input('label'),
+        core_1.Input(),
         __metadata("design:type", Object)
-    ], FsBadgeComponent.prototype, "label", void 0);
+    ], FsBadgeComponent.prototype, "text", void 0);
     __decorate([
@@ -262,0 +266,0 @@ core_1.Input('tooltip'),

index.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("@firestitch/badge",[],n):"object"==typeof exports?exports["@firestitch/badge"]=n():e["@firestitch/badge"]=n()}("undefined"!=typeof self?self:this,function(){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var s=n[o]={i:o,l:!1,exports:{}};return e[o].call(s.exports,s,s.exports,t),s.l=!0,s.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s="./index.ts")}({'../node_modules/css-loader/index.js?{"sourceMap":true}!../node_modules/postcss-loader/lib/index.js?{"sourceMap":true}!../node_modules/resolve-url-loader/index.js?{"sourceMap":true}!../node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./components/fs-badge/fs-badge.component.scss':function(e,n,t){(e.exports=t("../node_modules/css-loader/lib/css-base.js")(!0)).push([e.i,".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n","",{version:3,sources:["C:/Projects/fs-badge/src/components/fs-badge/C:/Projects/fs-badge/src/components/fs-badge/src/components/fs-badge/fs-badge.component.scss","C:/Projects/fs-badge/src/components/fs-badge/C:/Projects/fs-badge/fs-badge.component.scss"],names:[],mappings:"AAAA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EAEA,mBAAA;CCAD;;ADEC;EACE,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;CCCH;;ADdD;EAiBI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;CCCH;;ADvBD;EA0BI,6BAAA;EACA,uBAAA;EACA,6BAAA;CCCH;;AD7BD;EAgCI,iBAAA;EACA,uBAAA;CCCH",file:"fs-badge.component.scss",sourcesContent:[".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n\n  text-align: center;\n\n  &.fs-badge-text {\n    line-height: 20px;\n    text-transform: uppercase;\n    padding: 1px 4px 1px 3px;\n    min-width: 45px;\n    color: #fff;\n    font-size: 14px;\n  }\n\n  &.fs-badge-circle {\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0;\n    line-height: 32px;\n    border-radius: 50%;\n  }\n\n  &.fs-badge-image {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 50% 50%;\n  }\n\n  .material-icons {\n    line-height: 95%;\n    vertical-align: middle;\n  }\n}\n",".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n"],sourceRoot:""}])},"../node_modules/css-loader/lib/css-base.js":function(e,n){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t=function(e,n){var t=e[1]||"",o=e[3];if(!o)return t;if(n&&"function"==typeof btoa){var s=(r=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),i=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[t].concat(i).concat([s]).join("\n")}var r;return[t].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+t+"}":t}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},s=0;s<this.length;s++){var i=this[s][0];"number"==typeof i&&(o[i]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&o[r[0]]||(t&&!r[2]?r[2]=t:t&&(r[2]="("+r[2]+") and ("+t+")"),n.push(r))}},n}},"./components/fs-badge/fs-badge.component.html":function(e,n){e.exports="<div class=\"fs-badge\"\n  [ngClass]=\"{ 'fs-badge-circle': shape=='circle', 'fs-badge-image': type=='image', 'fs-badge-text': type=='text' }\"\n  [ngStyle]=\"styles\"\n  [matTooltip]=\"tooltip\">\n  <mat-icon *ngIf=\"!image && icon\" [ngStyle]=\"iconStyle\">{{ icon }}</mat-icon>\n  {{ label }}\n</div>\n"},"./components/fs-badge/fs-badge.component.scss":function(e,n,t){var o=t('../node_modules/css-loader/index.js?{"sourceMap":true}!../node_modules/postcss-loader/lib/index.js?{"sourceMap":true}!../node_modules/resolve-url-loader/index.js?{"sourceMap":true}!../node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./components/fs-badge/fs-badge.component.scss');e.exports="string"==typeof o?o:o.toString()},"./components/fs-badge/fs-badge.component.ts":function(e,n,t){"use strict";var o=this&&this.__decorate||function(e,n,t,o){var s,i=arguments.length,r=i<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(i<3?s(r):i>3?s(n,t,r):s(n,t))||r);return i>3&&r&&Object.defineProperty(n,t,r),r},s=this&&this.__metadata||function(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)};Object.defineProperty(n,"__esModule",{value:!0});var i=t("@angular/core"),r=function(){function e(){this.shape="circle",this.styles={},this.iconStyle={}}return e.prototype.ngOnInit=function(){this.type=this.image?"image":"text",this.iconStyle={},this.iconSize&&(this.iconStyle.transform="scale("+this.iconSize+")"),this.iconColor&&(this.iconStyle.color=this.iconColor)},e.prototype.ngOnChanges=function(e){this.styles={},this.color&&(this.styles["background-color"]=this.color),this.size&&(this.styles.width=this.size+"px",this.styles["min-width"]=this.size+"px","circle"===this.shape&&(this.styles.height=this.size+"px",this.styles["line-height"]=this.size+"px")),this.image&&(this.styles["background-image"]="url("+this.image+")")},o([i.Input("color"),s("design:type",Object)],e.prototype,"color",void 0),o([i.Input("label"),s("design:type",Object)],e.prototype,"label",void 0),o([i.Input("tooltip"),s("design:type",Object)],e.prototype,"tooltip",void 0),o([i.Input("size"),s("design:type",Object)],e.prototype,"size",void 0),o([i.Input("shape"),s("design:type",Object)],e.prototype,"shape",void 0),o([i.Input("image"),s("design:type",Object)],e.prototype,"image",void 0),o([i.Input("icon"),s("design:type",Object)],e.prototype,"icon",void 0),o([i.Input("iconSize"),s("design:type",Object)],e.prototype,"iconSize",void 0),o([i.Input("iconColor"),s("design:type",Object)],e.prototype,"iconColor",void 0),e=o([i.Component({selector:"fs-badge",template:t("./components/fs-badge/fs-badge.component.html"),styles:[t("./components/fs-badge/fs-badge.component.scss")]}),s("design:paramtypes",[])],e)}();n.FsBadgeComponent=r},"./components/fs-badge/index.ts":function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}(t("./components/fs-badge/fs-badge.component.ts"))},"./fs-badge.module.ts":function(e,n,t){"use strict";var o=this&&this.__decorate||function(e,n,t,o){var s,i=arguments.length,r=i<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(i<3?s(r):i>3?s(n,t,r):s(n,t))||r);return i>3&&r&&Object.defineProperty(n,t,r),r};Object.defineProperty(n,"__esModule",{value:!0});var s=t("@angular/core"),i=t("@angular/common"),r=t("@angular/material"),a=t("./components/fs-badge/fs-badge.component.ts"),c=function(){function e(){}return n=e,e.forRoot=function(){return{ngModule:n,providers:[]}},e=n=o([s.NgModule({imports:[i.CommonModule,r.MatIconModule,r.MatTooltipModule],exports:[a.FsBadgeComponent],entryComponents:[],declarations:[a.FsBadgeComponent],providers:[]})],e);var n}();n.FsBadgeModule=c},"./index.ts":function(e,n,t){"use strict";function o(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}Object.defineProperty(n,"__esModule",{value:!0}),o(t("./fs-badge.module.ts")),o(t("./components/fs-badge/index.ts"))},"@angular/common":function(e,n){e.exports=require("@angular/common")},"@angular/core":function(e,n){e.exports=require("@angular/core")},"@angular/material":function(e,n){e.exports=require("@angular/material")}})});
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("@firestitch/badge",[],n):"object"==typeof exports?exports["@firestitch/badge"]=n():e["@firestitch/badge"]=n()}("undefined"!=typeof self?self:this,function(){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var s=n[o]={i:o,l:!1,exports:{}};return e[o].call(s.exports,s,s.exports,t),s.l=!0,s.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s="./index.ts")}({'../node_modules/css-loader/index.js?{"sourceMap":true}!../node_modules/postcss-loader/lib/index.js?{"sourceMap":true}!../node_modules/resolve-url-loader/index.js?{"sourceMap":true}!../node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./components/fs-badge/fs-badge.component.scss':function(e,n,t){(e.exports=t("../node_modules/css-loader/lib/css-base.js")(!0)).push([e.i,".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n","",{version:3,sources:["/Users/mendor/work/fs-badge/src/components/fs-badge/src/components/fs-badge/fs-badge.component.scss","/Users/mendor/work/fs-badge/fs-badge.component.scss"],names:[],mappings:"AAAA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EAEA,mBAAA;CCAD;;ADEC;EACE,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;CCCH;;ADdD;EAiBI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;CCCH;;ADvBD;EA0BI,6BAAA;EACA,uBAAA;EACA,6BAAA;CCCH;;AD7BD;EAgCI,iBAAA;EACA,uBAAA;CCCH",file:"fs-badge.component.scss",sourcesContent:[".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n\n  text-align: center;\n\n  &.fs-badge-text {\n    line-height: 20px;\n    text-transform: uppercase;\n    padding: 1px 4px 1px 3px;\n    min-width: 45px;\n    color: #fff;\n    font-size: 14px;\n  }\n\n  &.fs-badge-circle {\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0;\n    line-height: 32px;\n    border-radius: 50%;\n  }\n\n  &.fs-badge-image {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 50% 50%;\n  }\n\n  .material-icons {\n    line-height: 95%;\n    vertical-align: middle;\n  }\n}\n",".fs-badge {\n  display: inline-block;\n  height: 20px;\n  border-radius: 3px;\n  text-align: center;\n}\n\n.fs-badge.fs-badge-text {\n  line-height: 20px;\n  text-transform: uppercase;\n  padding: 1px 4px 1px 3px;\n  min-width: 45px;\n  color: #fff;\n  font-size: 14px;\n}\n\n.fs-badge.fs-badge-circle {\n  min-width: 32px;\n  height: 32px;\n  width: 32px;\n  padding: 0;\n  line-height: 32px;\n  border-radius: 50%;\n}\n\n.fs-badge.fs-badge-image {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%;\n}\n\n.fs-badge .material-icons {\n  line-height: 95%;\n  vertical-align: middle;\n}\n\n"],sourceRoot:""}])},"../node_modules/css-loader/lib/css-base.js":function(e,n){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t=function(e,n){var t=e[1]||"",o=e[3];if(!o)return t;if(n&&"function"==typeof btoa){var s=(r=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),i=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[t].concat(i).concat([s]).join("\n")}var r;return[t].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+t+"}":t}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},s=0;s<this.length;s++){var i=this[s][0];"number"==typeof i&&(o[i]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&o[r[0]]||(t&&!r[2]?r[2]=t:t&&(r[2]="("+r[2]+") and ("+t+")"),n.push(r))}},n}},"./components/fs-badge/fs-badge.component.html":function(e,n){e.exports="<div class=\"fs-badge\"\n  [ngClass]=\"{ 'fs-badge-circle': shape=='circle', 'fs-badge-image': type=='image', 'fs-badge-text': type=='text' }\"\n  [ngStyle]=\"styles\"\n  [matTooltip]=\"tooltip\">\n  <mat-icon *ngIf=\"!image && icon\" [ngStyle]=\"iconStyle\">{{ icon }}</mat-icon>\n  {{ text }}\n</div>\n"},"./components/fs-badge/fs-badge.component.scss":function(e,n,t){var o=t('../node_modules/css-loader/index.js?{"sourceMap":true}!../node_modules/postcss-loader/lib/index.js?{"sourceMap":true}!../node_modules/resolve-url-loader/index.js?{"sourceMap":true}!../node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./components/fs-badge/fs-badge.component.scss');e.exports="string"==typeof o?o:o.toString()},"./components/fs-badge/fs-badge.component.ts":function(e,n,t){"use strict";var o=this&&this.__decorate||function(e,n,t,o){var s,i=arguments.length,r=i<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(i<3?s(r):i>3?s(n,t,r):s(n,t))||r);return i>3&&r&&Object.defineProperty(n,t,r),r},s=this&&this.__metadata||function(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)};Object.defineProperty(n,"__esModule",{value:!0});var i=t("@angular/core"),r=function(){function e(){this.text="",this.shape="circle",this.styles={},this.iconStyle={}}return e.prototype.ngOnInit=function(){this.type=this.image?"image":"text",this.iconStyle={},this.iconSize&&(this.iconStyle.transform="scale("+this.iconSize+")"),this.iconColor&&(this.iconStyle.color=this.iconColor)},e.prototype.ngOnChanges=function(e){this.styles={},this.color&&(this.styles["background-color"]=this.color),this.size&&(this.styles.width=this.size+"px",this.styles["min-width"]=this.size+"px","circle"===this.shape&&(this.styles.height=this.size+"px",this.styles["line-height"]=this.size+"px"),this.text&&(this.styles["font-size"]=this.size/2.5+"px")),this.image&&(this.styles["background-image"]="url("+this.image+")")},o([i.Input("color"),s("design:type",Object)],e.prototype,"color",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"text",void 0),o([i.Input("tooltip"),s("design:type",Object)],e.prototype,"tooltip",void 0),o([i.Input("size"),s("design:type",Object)],e.prototype,"size",void 0),o([i.Input("shape"),s("design:type",Object)],e.prototype,"shape",void 0),o([i.Input("image"),s("design:type",Object)],e.prototype,"image",void 0),o([i.Input("icon"),s("design:type",Object)],e.prototype,"icon",void 0),o([i.Input("iconSize"),s("design:type",Object)],e.prototype,"iconSize",void 0),o([i.Input("iconColor"),s("design:type",Object)],e.prototype,"iconColor",void 0),e=o([i.Component({selector:"fs-badge",template:t("./components/fs-badge/fs-badge.component.html"),styles:[t("./components/fs-badge/fs-badge.component.scss")]}),s("design:paramtypes",[])],e)}();n.FsBadgeComponent=r},"./components/fs-badge/index.ts":function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}(t("./components/fs-badge/fs-badge.component.ts"))},"./fs-badge.module.ts":function(e,n,t){"use strict";var o=this&&this.__decorate||function(e,n,t,o){var s,i=arguments.length,r=i<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(i<3?s(r):i>3?s(n,t,r):s(n,t))||r);return i>3&&r&&Object.defineProperty(n,t,r),r};Object.defineProperty(n,"__esModule",{value:!0});var s=t("@angular/core"),i=t("@angular/common"),r=t("@angular/material"),a=t("./components/fs-badge/fs-badge.component.ts"),c=function(){function e(){}return n=e,e.forRoot=function(){return{ngModule:n,providers:[]}},e=n=o([s.NgModule({imports:[i.CommonModule,r.MatIconModule,r.MatTooltipModule],exports:[a.FsBadgeComponent],entryComponents:[],declarations:[a.FsBadgeComponent],providers:[]})],e);var n}();n.FsBadgeModule=c},"./index.ts":function(e,n,t){"use strict";function o(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}Object.defineProperty(n,"__esModule",{value:!0}),o(t("./fs-badge.module.ts")),o(t("./components/fs-badge/index.ts"))},"@angular/common":function(e,n){e.exports=require("@angular/common")},"@angular/core":function(e,n){e.exports=require("@angular/core")},"@angular/material":function(e,n){e.exports=require("@angular/material")}})});

package.json

 {
   "name": "@firestitch/badge",
   "description": "@firestitch/fs-badge",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "repository": {
@@ -41,3 +41,3 @@ "type": "git",
     "@firestitch/common": "^0.1.25",
-    "@firestitch/example": "^0.2.20",
+    "@firestitch/example": "^0.2.21",
     "@firestitch/iframe": "^0.1.5",
@@ -47,3 +47,2 @@ "@types/googlemaps": "^3.30.2",
     "@types/node": "^6.0.99",
-    "highlight.js": "^9.9.0",
     "angular-in-memory-web-api": "^0.3.2",
@@ -64,2 +63,3 @@ "angular-router-loader": "^0.8.2",
     "extract-text-webpack-plugin": "^3.0.2",
+    "filemanager-webpack-plugin": "^1.0.26",
     "gulp": "^3.9.1",
@@ -71,3 +71,5 @@ "gulp-babel": "^7.0.0",
     "gulp-rollup": "^2.15.0",
+    "highlight.js": "^9.9.0",
     "html-webpack-plugin": "^2.30.1",
+    "http-server": "^0.11.1",
     "inquirer": "^4.0.1",
@@ -93,2 +95,3 @@ "jasmine-core": "~2.6.2",
     "replace": "^0.3.0",
+    "replace-in-file": "^3.4.0",
     "resolve-url-loader": "^2.2.1",
@@ -104,2 +107,3 @@ "rollup": "^0.49.3",
     "tslint": "~5.7.0",
+    "tsmodels": "^0.2.7",
     "typescript": "~2.4.2",
@@ -112,6 +116,3 @@ "ucfirst": "^1.0.0",
     "webpack-node-externals": "^1.6.0",
-    "zone.js": "^0.8.14",
-    "http-server": "^0.11.1",
-    "tsmodels": "^0.2.7",
-    "replace-in-file": "^3.4.0"
+    "zone.js": "^0.8.14"
   },
@@ -118,0 +119,0 @@ "engines": {

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68860

increased by0.55%

Lines of code

553

increased by1.28%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

84

increased by1.2%

No dependency changes