@seniorsistemas/angular-components 16.10.7 → 16.10.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +15 -2
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/badge/badge.component.d.ts +4 -1
- package/components/badge/models/badge-types.d.ts +4 -0
- package/components/badge/models/index.d.ts +1 -0
- package/esm2015/components/badge/badge.component.js +12 -4
- package/esm2015/components/badge/models/badge-types.js +6 -0
- package/esm2015/components/badge/models/index.js +2 -1
- package/esm5/components/badge/badge.component.js +12 -4
- package/esm5/components/badge/models/badge-types.js +6 -0
- package/esm5/components/badge/models/index.js +2 -1
- package/fesm2015/seniorsistemas-angular-components.js +15 -2
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +15 -2
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
|
-
import { BadgeColors } from "./models";
|
|
2
|
+
import { BadgeColors } from "./models/badge-colors";
|
|
3
|
+
import { BadgeTypes } from "./models/badge-types";
|
|
3
4
|
export declare class BadgeComponent {
|
|
5
|
+
type: BadgeTypes;
|
|
4
6
|
color: BadgeColors;
|
|
7
|
+
title: string;
|
|
5
8
|
text: string;
|
|
6
9
|
selectable: boolean;
|
|
7
10
|
iconClass: string;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, EventEmitter, HostListener, Input, Output } from "@angular/core";
|
|
3
|
-
import { BadgeColors } from "./models";
|
|
3
|
+
import { BadgeColors } from "./models/badge-colors";
|
|
4
|
+
import { BadgeTypes } from "./models/badge-types";
|
|
4
5
|
let BadgeComponent = class BadgeComponent {
|
|
5
6
|
constructor() {
|
|
7
|
+
this.type = BadgeTypes.Pill;
|
|
6
8
|
this.color = BadgeColors.Blue;
|
|
7
9
|
this.selectable = false;
|
|
8
10
|
this.iconPosition = "left";
|
|
@@ -12,9 +14,15 @@ let BadgeComponent = class BadgeComponent {
|
|
|
12
14
|
this.selected.emit(this.text);
|
|
13
15
|
}
|
|
14
16
|
};
|
|
17
|
+
__decorate([
|
|
18
|
+
Input()
|
|
19
|
+
], BadgeComponent.prototype, "type", void 0);
|
|
15
20
|
__decorate([
|
|
16
21
|
Input()
|
|
17
22
|
], BadgeComponent.prototype, "color", void 0);
|
|
23
|
+
__decorate([
|
|
24
|
+
Input()
|
|
25
|
+
], BadgeComponent.prototype, "title", void 0);
|
|
18
26
|
__decorate([
|
|
19
27
|
Input()
|
|
20
28
|
], BadgeComponent.prototype, "text", void 0);
|
|
@@ -36,9 +44,9 @@ __decorate([
|
|
|
36
44
|
BadgeComponent = __decorate([
|
|
37
45
|
Component({
|
|
38
46
|
selector: "s-badge",
|
|
39
|
-
template: "<span\n class=\"badge\"\n [ngClass]=\"{ \n 'badge--red': color
|
|
40
|
-
styles: [".badge{-ms-flex-align:center;align-items:center;
|
|
47
|
+
template: "<span\n class=\"badge\"\n [ngClass]=\"{\n 'badge--pill': type === 'pill',\n 'badge--chip': type === 'chip', \n 'badge--red': color === 'red',\n 'badge--orange': color === 'orange',\n 'badge--yellow': color === 'yellow',\n 'badge--blue': color === 'blue',\n 'badge--green': color === 'green',\n 'badge--gray': color === 'gray',\n 'badge--selectable': selectable\n }\">\n <span\n *ngIf=\"iconClass\"\n [class]=\"'badge-icon ' + iconClass\"\n [ngClass]=\"{\n 'badge-icon--left': iconPosition === 'left' && text,\n 'badge-icon--right': iconPosition === 'right' && text\n }\">\n </span>\n <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n <span class=\"badge-text\">{{ text }}</span>\n</span>",
|
|
48
|
+
styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
|
|
41
49
|
})
|
|
42
50
|
], BadgeComponent);
|
|
43
51
|
export { BadgeComponent };
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBT2xELElBQWEsY0FBYyxHQUEzQixNQUFhLGNBQWM7SUFBM0I7UUFFVSxTQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztRQUd2QixVQUFLLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQztRQVN6QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBTW5CLGlCQUFZLEdBQXFCLE1BQU0sQ0FBQztRQUd4QyxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7SUFNOUQsQ0FBQztJQUhTLE9BQU87UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQztDQUNILENBQUE7QUEzQkU7SUFEQyxLQUFLLEVBQUU7NENBQ3NCO0FBRzlCO0lBREMsS0FBSyxFQUFFOzZDQUN3QjtBQUdoQztJQURDLEtBQUssRUFBRTs2Q0FDYTtBQUdyQjtJQURDLEtBQUssRUFBRTs0Q0FDWTtBQUdwQjtJQURDLEtBQUssRUFBRTtrREFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7aURBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFO29EQUN1QztBQUcvQztJQURDLE1BQU0sRUFBRTtnREFDa0Q7QUFHM0Q7SUFEQyxZQUFZLENBQUMsT0FBTyxDQUFDOzZDQUdyQjtBQTVCUyxjQUFjO0lBTDFCLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxTQUFTO1FBQ25CLDB5QkFBcUM7O0tBRXZDLENBQUM7R0FDVyxjQUFjLENBNkIxQjtTQTdCWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IEJhZGdlQ29sb3JzIH0gZnJvbSBcIi4vbW9kZWxzL2JhZGdlLWNvbG9yc1wiO1xuaW1wb3J0IHsgQmFkZ2VUeXBlcyB9IGZyb20gXCIuL21vZGVscy9iYWRnZS10eXBlc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtYmFkZ2VcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9iYWRnZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyB0eXBlID0gQmFkZ2VUeXBlcy5QaWxsO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvbG9yID0gQmFkZ2VDb2xvcnMuQmx1ZTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHRleHQ6IHN0cmluZztcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZWxlY3RhYmxlID0gZmFsc2U7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaWNvblBvc2l0aW9uOiBcImxlZnRcIiB8IFwicmlnaHRcIiA9IFwibGVmdFwiO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKVxuICAgcHVibGljIG9uQ2xpY2soKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkLmVtaXQodGhpcy50ZXh0KTtcbiAgIH1cbn0iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var BadgeTypes;
|
|
2
|
+
(function (BadgeTypes) {
|
|
3
|
+
BadgeTypes["Pill"] = "pill";
|
|
4
|
+
BadgeTypes["Chip"] = "chip";
|
|
5
|
+
})(BadgeTypes || (BadgeTypes = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtdHlwZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9iYWRnZS9tb2RlbHMvYmFkZ2UtdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksVUFHWDtBQUhELFdBQVksVUFBVTtJQUNsQiwyQkFBYSxDQUFBO0lBQ2IsMkJBQWEsQ0FBQTtBQUNqQixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVzIHtcbiAgICBQaWxsID0gXCJwaWxsXCIsXG4gICAgQ2hpcCA9IFwiY2hpcFwiLFxufVxuIl19
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export { BadgeColors } from "./badge-colors";
|
|
2
|
-
|
|
2
|
+
export { BadgeTypes } from "./badge-types";
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9iYWRnZS9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYWRnZUNvbG9ycyB9IGZyb20gXCIuL2JhZGdlLWNvbG9yc1wiO1xuZXhwb3J0IHsgQmFkZ2VUeXBlcyB9IGZyb20gXCIuL2JhZGdlLXR5cGVzXCI7XG4iXX0=
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, EventEmitter, HostListener, Input, Output } from "@angular/core";
|
|
3
|
-
import { BadgeColors } from "./models";
|
|
3
|
+
import { BadgeColors } from "./models/badge-colors";
|
|
4
|
+
import { BadgeTypes } from "./models/badge-types";
|
|
4
5
|
var BadgeComponent = /** @class */ (function () {
|
|
5
6
|
function BadgeComponent() {
|
|
7
|
+
this.type = BadgeTypes.Pill;
|
|
6
8
|
this.color = BadgeColors.Blue;
|
|
7
9
|
this.selectable = false;
|
|
8
10
|
this.iconPosition = "left";
|
|
@@ -11,9 +13,15 @@ var BadgeComponent = /** @class */ (function () {
|
|
|
11
13
|
BadgeComponent.prototype.onClick = function () {
|
|
12
14
|
this.selected.emit(this.text);
|
|
13
15
|
};
|
|
16
|
+
__decorate([
|
|
17
|
+
Input()
|
|
18
|
+
], BadgeComponent.prototype, "type", void 0);
|
|
14
19
|
__decorate([
|
|
15
20
|
Input()
|
|
16
21
|
], BadgeComponent.prototype, "color", void 0);
|
|
22
|
+
__decorate([
|
|
23
|
+
Input()
|
|
24
|
+
], BadgeComponent.prototype, "title", void 0);
|
|
17
25
|
__decorate([
|
|
18
26
|
Input()
|
|
19
27
|
], BadgeComponent.prototype, "text", void 0);
|
|
@@ -35,11 +43,11 @@ var BadgeComponent = /** @class */ (function () {
|
|
|
35
43
|
BadgeComponent = __decorate([
|
|
36
44
|
Component({
|
|
37
45
|
selector: "s-badge",
|
|
38
|
-
template: "<span\n class=\"badge\"\n [ngClass]=\"{ \n 'badge--red': color
|
|
39
|
-
styles: [".badge{-ms-flex-align:center;align-items:center;
|
|
46
|
+
template: "<span\n class=\"badge\"\n [ngClass]=\"{\n 'badge--pill': type === 'pill',\n 'badge--chip': type === 'chip', \n 'badge--red': color === 'red',\n 'badge--orange': color === 'orange',\n 'badge--yellow': color === 'yellow',\n 'badge--blue': color === 'blue',\n 'badge--green': color === 'green',\n 'badge--gray': color === 'gray',\n 'badge--selectable': selectable\n }\">\n <span\n *ngIf=\"iconClass\"\n [class]=\"'badge-icon ' + iconClass\"\n [ngClass]=\"{\n 'badge-icon--left': iconPosition === 'left' && text,\n 'badge-icon--right': iconPosition === 'right' && text\n }\">\n </span>\n <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n <span class=\"badge-text\">{{ text }}</span>\n</span>",
|
|
47
|
+
styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
|
|
40
48
|
})
|
|
41
49
|
], BadgeComponent);
|
|
42
50
|
return BadgeComponent;
|
|
43
51
|
}());
|
|
44
52
|
export { BadgeComponent };
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBT2xEO0lBQUE7UUFFVSxTQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztRQUd2QixVQUFLLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQztRQVN6QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBTW5CLGlCQUFZLEdBQXFCLE1BQU0sQ0FBQztRQUd4QyxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7SUFNOUQsQ0FBQztJQUhTLGdDQUFPLEdBQWQ7UUFDRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQTFCRDtRQURDLEtBQUssRUFBRTtnREFDc0I7SUFHOUI7UUFEQyxLQUFLLEVBQUU7aURBQ3dCO0lBR2hDO1FBREMsS0FBSyxFQUFFO2lEQUNhO0lBR3JCO1FBREMsS0FBSyxFQUFFO2dEQUNZO0lBR3BCO1FBREMsS0FBSyxFQUFFO3NEQUNrQjtJQUcxQjtRQURDLEtBQUssRUFBRTtxREFDaUI7SUFHekI7UUFEQyxLQUFLLEVBQUU7d0RBQ3VDO0lBRy9DO1FBREMsTUFBTSxFQUFFO29EQUNrRDtJQUczRDtRQURDLFlBQVksQ0FBQyxPQUFPLENBQUM7aURBR3JCO0lBNUJTLGNBQWM7UUFMMUIsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLFNBQVM7WUFDbkIsMHlCQUFxQzs7U0FFdkMsQ0FBQztPQUNXLGNBQWMsQ0E2QjFCO0lBQUQscUJBQUM7Q0FBQSxBQTdCRCxJQTZCQztTQTdCWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IEJhZGdlQ29sb3JzIH0gZnJvbSBcIi4vbW9kZWxzL2JhZGdlLWNvbG9yc1wiO1xuaW1wb3J0IHsgQmFkZ2VUeXBlcyB9IGZyb20gXCIuL21vZGVscy9iYWRnZS10eXBlc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtYmFkZ2VcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9iYWRnZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyB0eXBlID0gQmFkZ2VUeXBlcy5QaWxsO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvbG9yID0gQmFkZ2VDb2xvcnMuQmx1ZTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHRleHQ6IHN0cmluZztcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZWxlY3RhYmxlID0gZmFsc2U7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaWNvblBvc2l0aW9uOiBcImxlZnRcIiB8IFwicmlnaHRcIiA9IFwibGVmdFwiO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKVxuICAgcHVibGljIG9uQ2xpY2soKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkLmVtaXQodGhpcy50ZXh0KTtcbiAgIH1cbn0iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var BadgeTypes;
|
|
2
|
+
(function (BadgeTypes) {
|
|
3
|
+
BadgeTypes["Pill"] = "pill";
|
|
4
|
+
BadgeTypes["Chip"] = "chip";
|
|
5
|
+
})(BadgeTypes || (BadgeTypes = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtdHlwZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9iYWRnZS9tb2RlbHMvYmFkZ2UtdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksVUFHWDtBQUhELFdBQVksVUFBVTtJQUNsQiwyQkFBYSxDQUFBO0lBQ2IsMkJBQWEsQ0FBQTtBQUNqQixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVzIHtcbiAgICBQaWxsID0gXCJwaWxsXCIsXG4gICAgQ2hpcCA9IFwiY2hpcFwiLFxufVxuIl19
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export { BadgeColors } from "./badge-colors";
|
|
2
|
-
|
|
2
|
+
export { BadgeTypes } from "./badge-types";
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9iYWRnZS9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYWRnZUNvbG9ycyB9IGZyb20gXCIuL2JhZGdlLWNvbG9yc1wiO1xuZXhwb3J0IHsgQmFkZ2VUeXBlcyB9IGZyb20gXCIuL2JhZGdlLXR5cGVzXCI7XG4iXX0=
|
|
@@ -67,8 +67,15 @@ var BadgeColors;
|
|
|
67
67
|
BadgeColors["Gray"] = "gray";
|
|
68
68
|
})(BadgeColors || (BadgeColors = {}));
|
|
69
69
|
|
|
70
|
+
var BadgeTypes;
|
|
71
|
+
(function (BadgeTypes) {
|
|
72
|
+
BadgeTypes["Pill"] = "pill";
|
|
73
|
+
BadgeTypes["Chip"] = "chip";
|
|
74
|
+
})(BadgeTypes || (BadgeTypes = {}));
|
|
75
|
+
|
|
70
76
|
let BadgeComponent = class BadgeComponent {
|
|
71
77
|
constructor() {
|
|
78
|
+
this.type = BadgeTypes.Pill;
|
|
72
79
|
this.color = BadgeColors.Blue;
|
|
73
80
|
this.selectable = false;
|
|
74
81
|
this.iconPosition = "left";
|
|
@@ -78,9 +85,15 @@ let BadgeComponent = class BadgeComponent {
|
|
|
78
85
|
this.selected.emit(this.text);
|
|
79
86
|
}
|
|
80
87
|
};
|
|
88
|
+
__decorate([
|
|
89
|
+
Input()
|
|
90
|
+
], BadgeComponent.prototype, "type", void 0);
|
|
81
91
|
__decorate([
|
|
82
92
|
Input()
|
|
83
93
|
], BadgeComponent.prototype, "color", void 0);
|
|
94
|
+
__decorate([
|
|
95
|
+
Input()
|
|
96
|
+
], BadgeComponent.prototype, "title", void 0);
|
|
84
97
|
__decorate([
|
|
85
98
|
Input()
|
|
86
99
|
], BadgeComponent.prototype, "text", void 0);
|
|
@@ -102,8 +115,8 @@ __decorate([
|
|
|
102
115
|
BadgeComponent = __decorate([
|
|
103
116
|
Component({
|
|
104
117
|
selector: "s-badge",
|
|
105
|
-
template: "<span\n class=\"badge\"\n [ngClass]=\"{ \n 'badge--red': color
|
|
106
|
-
styles: [".badge{-ms-flex-align:center;align-items:center;
|
|
118
|
+
template: "<span\n class=\"badge\"\n [ngClass]=\"{\n 'badge--pill': type === 'pill',\n 'badge--chip': type === 'chip', \n 'badge--red': color === 'red',\n 'badge--orange': color === 'orange',\n 'badge--yellow': color === 'yellow',\n 'badge--blue': color === 'blue',\n 'badge--green': color === 'green',\n 'badge--gray': color === 'gray',\n 'badge--selectable': selectable\n }\">\n <span\n *ngIf=\"iconClass\"\n [class]=\"'badge-icon ' + iconClass\"\n [ngClass]=\"{\n 'badge-icon--left': iconPosition === 'left' && text,\n 'badge-icon--right': iconPosition === 'right' && text\n }\">\n </span>\n <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n <span class=\"badge-text\">{{ text }}</span>\n</span>",
|
|
119
|
+
styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
|
|
107
120
|
})
|
|
108
121
|
], BadgeComponent);
|
|
109
122
|
|