@firestitch/badge
Advanced tools
Comparing version 0.1.8 to 0.1.9
@@ -20,4 +20,6 @@ "use strict"; | ||
} | ||
FsBadgeComponent.prototype.ngOnInit = function () { | ||
FsBadgeComponent.prototype.ngOnInit = function () { }; | ||
FsBadgeComponent.prototype.ngOnChanges = function (changes) { | ||
this.type = this.image ? 'image' : 'text'; | ||
this.styles = {}; | ||
this.iconStyle = {}; | ||
@@ -30,5 +32,2 @@ if (this.iconSize) { | ||
} | ||
}; | ||
FsBadgeComponent.prototype.ngOnChanges = function (changes) { | ||
this.styles = {}; | ||
if (this.color) { | ||
@@ -53,3 +52,3 @@ this.styles['background-color'] = this.color; | ||
__decorate([ | ||
core_1.Input('color'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
@@ -62,27 +61,27 @@ ], FsBadgeComponent.prototype, "color", void 0); | ||
__decorate([ | ||
core_1.Input('tooltip'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "tooltip", void 0); | ||
__decorate([ | ||
core_1.Input('size'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "size", void 0); | ||
__decorate([ | ||
core_1.Input('shape'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "shape", void 0); | ||
__decorate([ | ||
core_1.Input('image'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "image", void 0); | ||
__decorate([ | ||
core_1.Input('icon'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "icon", void 0); | ||
__decorate([ | ||
core_1.Input('iconSize'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "iconSize", void 0); | ||
__decorate([ | ||
core_1.Input('iconColor'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
@@ -89,0 +88,0 @@ ], FsBadgeComponent.prototype, "iconColor", void 0); |
@@ -1,1 +0,1 @@ | ||
[{"__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"}]}}}}] | ||
[{"__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}}]}],"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}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"iconSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}] |
25
index.js
@@ -179,3 +179,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
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 <ng-container *ngIf=\"!image && text\">{{ text }}</ng-container>\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 <ng-container *ngIf=\"!image && text\">{{ text }}</ng-container>\n</div>\n" | ||
@@ -222,4 +222,6 @@ /***/ }), | ||
} | ||
FsBadgeComponent.prototype.ngOnInit = function () { | ||
FsBadgeComponent.prototype.ngOnInit = function () { }; | ||
FsBadgeComponent.prototype.ngOnChanges = function (changes) { | ||
this.type = this.image ? 'image' : 'text'; | ||
this.styles = {}; | ||
this.iconStyle = {}; | ||
@@ -232,5 +234,2 @@ if (this.iconSize) { | ||
} | ||
}; | ||
FsBadgeComponent.prototype.ngOnChanges = function (changes) { | ||
this.styles = {}; | ||
if (this.color) { | ||
@@ -255,3 +254,3 @@ this.styles['background-color'] = this.color; | ||
__decorate([ | ||
core_1.Input('color'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
@@ -264,27 +263,27 @@ ], FsBadgeComponent.prototype, "color", void 0); | ||
__decorate([ | ||
core_1.Input('tooltip'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "tooltip", void 0); | ||
__decorate([ | ||
core_1.Input('size'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "size", void 0); | ||
__decorate([ | ||
core_1.Input('shape'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "shape", void 0); | ||
__decorate([ | ||
core_1.Input('image'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "image", void 0); | ||
__decorate([ | ||
core_1.Input('icon'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "icon", void 0); | ||
__decorate([ | ||
core_1.Input('iconSize'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
], FsBadgeComponent.prototype, "iconSize", void 0); | ||
__decorate([ | ||
core_1.Input('iconColor'), | ||
core_1.Input(), | ||
__metadata("design:type", Object) | ||
@@ -291,0 +290,0 @@ ], FsBadgeComponent.prototype, "iconColor", void 0); |
@@ -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:["/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 <ng-container *ngIf="!image && text">{{ text }}</ng-container>\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")}})}); | ||
!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 <ng-container *ngIf="!image && text">{{ text }}</ng-container>\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(){},e.prototype.ngOnChanges=function(e){this.type=this.image?"image":"text",this.styles={},this.iconStyle={},this.iconSize&&(this.iconStyle.transform="scale("+this.iconSize+")"),this.iconColor&&(this.iconStyle.color=this.iconColor),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(),s("design:type",Object)],e.prototype,"color",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"text",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"tooltip",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"size",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"shape",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"image",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"icon",void 0),o([i.Input(),s("design:type",Object)],e.prototype,"iconSize",void 0),o([i.Input(),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")}})}); |
{ | ||
"name": "@firestitch/badge", | ||
"description": "@firestitch/fs-badge", | ||
"version": "0.1.8", | ||
"version": "0.1.9", | ||
"repository": { | ||
@@ -6,0 +6,0 @@ "type": "git", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
68559
551