@harbor/ui
Version:
Harbor shared UI components based on Clarity and Angular6
46 lines (45 loc) • 4.59 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { LabelColor } from "../shared/shared.const";
export class LabelPieceComponent {
/**
* @return {?}
*/
ngOnChanges() {
if (this.label) {
/** @type {?} */
let color = this.label.color;
if (color === '') {
color = '#FFFFFF';
}
this.labelColor = LabelColor.find(data => data.color === color);
}
}
/**
* @return {?}
*/
ngOnInit() { }
}
LabelPieceComponent.decorators = [
{ type: Component, args: [{
selector: 'hbr-label-piece',
template: "<label class=\"label\" [ngStyle]=\"{'background-color': labelColor?.color, 'color': labelColor?.textColor, 'border': labelColor?.color == '#FFFFFF'? '1px solid #A1A1A1': 'none'}\" [style.max-width.px]=\"labelWidth\">\n <clr-icon *ngIf=\"label.scope=='p'\" shape=\"organization\"></clr-icon>\n <clr-icon *ngIf=\"label.scope=='g'\" shape=\"administrator\"></clr-icon>\n {{label.name}}\n</label>\n",
styles: [".label{border:none;color:#222;display:inline-block;justify-content:flex-start;margin:0;overflow:hidden;text-overflow:ellipsis;line-height:.875rem}.label clr-icon{margin-right:3px}.btn-group .dropdown-menu clr-icon{display:block}"]
}] }
];
LabelPieceComponent.propDecorators = {
label: [{ type: Input }],
labelWidth: [{ type: Input }]
};
if (false) {
/** @type {?} */
LabelPieceComponent.prototype.label;
/** @type {?} */
LabelPieceComponent.prototype.labelWidth;
/** @type {?} */
LabelPieceComponent.prototype.labelColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtcGllY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGhhcmJvci91aS8iLCJzb3VyY2VzIjpbInNyYy9sYWJlbC1waWVjZS9sYWJlbC1waWVjZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQWFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQU1sRSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFTbEQsTUFBTTs7OztJQUtGLFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7O1lBQ1osSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7WUFDN0IsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO2dCQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7YUFBRTtZQUN2QyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDO1NBQ25FO0tBQ0o7Ozs7SUFFRCxRQUFRLE1BQVk7OztZQW5CdkIsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLGdhQUEyQzs7YUFFOUM7OztvQkFHSSxLQUFLO3lCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMTcgVk13YXJlLCBJbmMuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4vL1xuLy8gTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbi8vIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbi8vIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuLy9cbi8vICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuLy9cbi8vIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbi8vIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbi8vIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuLy8gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuLy8gbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG5pbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5cblxuaW1wb3J0IHtMYWJlbH0gZnJvbSBcIi4uL3NlcnZpY2UvaW50ZXJmYWNlXCI7XG5pbXBvcnQge0xhYmVsQ29sb3J9IGZyb20gXCIuLi9zaGFyZWQvc2hhcmVkLmNvbnN0XCI7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdoYnItbGFiZWwtcGllY2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC1waWVjZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGFiZWwtcGllY2UuY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIExhYmVsUGllY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgbGFiZWw6IExhYmVsO1xuICAgIEBJbnB1dCgpIGxhYmVsV2lkdGg6IG51bWJlcjtcbiAgICBsYWJlbENvbG9yOiB7W2tleTogc3RyaW5nXTogc3RyaW5nfTtcblxuICAgIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sYWJlbCkge1xuICAgICAgICAgICAgbGV0IGNvbG9yID0gdGhpcy5sYWJlbC5jb2xvcjtcbiAgICAgICAgICAgIGlmIChjb2xvciA9PT0gJycpIHtjb2xvciA9ICcjRkZGRkZGJzsgfVxuICAgICAgICAgICAgdGhpcy5sYWJlbENvbG9yID0gTGFiZWxDb2xvci5maW5kKGRhdGEgPT4gZGF0YS5jb2xvciA9PT0gY29sb3IpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IH1cbn1cbiJdfQ==