systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
34 lines • 5.57 kB
JavaScript
import { Component } from '@angular/core';
import { ComboBoxInputRenderer } from '../combobox/renderer/combobox-input-renderer';
import { ColorUtilService } from '../utilities/color.util.service';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ColorCellRendererComponent extends ComboBoxInputRenderer {
constructor() {
super(...arguments);
this.border = '';
}
agInit(params) {
this.agGridParams = params;
if (params.data) {
this.id = params.data.id.toString();
this.description = params.data.id.toString();
this.border = '#' + ColorUtilService.darkColorFromHex(params.data.id.toString());
}
}
refresh(params) {
return true;
}
ngAfterViewInit() {
if (this.id && this.id !== null) {
this.border = '#' + ColorUtilService.darkColorFromHex(this.id.toString());
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ColorCellRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: ColorCellRendererComponent, selector: "systelab-cell-colorpicker", usesInheritance: true, ngImport: i0, template: "<div class=\"h-100 d-flex align-items-center\">\n <div class=\"slab-color-tag\" [ngClass]=\"{'slab-color-tag-border': id && id!==''}\" [style.background-color]=\"id\" [style.border-color]=\"border\"></div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ColorCellRendererComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-cell-colorpicker', template: "<div class=\"h-100 d-flex align-items-center\">\n <div class=\"slab-color-tag\" [ngClass]=\"{'slab-color-tag-border': id && id!==''}\" [style.background-color]=\"id\" [style.border-color]=\"border\"></div>\n</div>" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItY2VsbC1yZW5kZXJlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zeXN0ZWxhYi1jb21wb25lbnRzL3NyYy9saWIvY29sb3JwaWNrZXIvY29sb3ItY2VsbC1yZW5kZXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zeXN0ZWxhYi1jb21wb25lbnRzL3NyYy9saWIvY29sb3JwaWNrZXIvY29sb3ItcmVuZGVyZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQU1uRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEscUJBQXFCO0lBSnJFOztRQU1RLFdBQU0sR0FBRyxFQUFFLENBQUM7S0FxQm5CO0lBbkJPLE1BQU0sQ0FBQyxNQUFXO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDO1FBRTNCLElBQUksTUFBTSxDQUFDLElBQUksRUFBRTtZQUNoQixJQUFJLENBQUMsRUFBRSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLEdBQUcsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztTQUNqRjtJQUNGLENBQUM7SUFFTSxPQUFPLENBQUMsTUFBVztRQUN6QixPQUFPLElBQUksQ0FBQztJQUNiLENBQUM7SUFFTSxlQUFlO1FBQ3JCLElBQUksSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRTtZQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsR0FBRyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7U0FDMUU7SUFDRixDQUFDOzhHQXRCVywwQkFBMEI7a0dBQTFCLDBCQUEwQix3RkNUdkMsME5BRU07OzJGRE9PLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDSSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFnUmVuZGVyZXJDb21wb25lbnQgfSBmcm9tICdhZy1ncmlkLWFuZ3VsYXInO1xuaW1wb3J0IHsgQ29tYm9Cb3hJbnB1dFJlbmRlcmVyIH0gZnJvbSAnLi4vY29tYm9ib3gvcmVuZGVyZXIvY29tYm9ib3gtaW5wdXQtcmVuZGVyZXInO1xuaW1wb3J0IHsgQ29sb3JVdGlsU2VydmljZSB9IGZyb20gJy4uL3V0aWxpdGllcy9jb2xvci51dGlsLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICAgICdzeXN0ZWxhYi1jZWxsLWNvbG9ycGlja2VyJyxcblx0dGVtcGxhdGVVcmw6ICdjb2xvci1yZW5kZXJlci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JDZWxsUmVuZGVyZXJDb21wb25lbnQgZXh0ZW5kcyBDb21ib0JveElucHV0UmVuZGVyZXIgaW1wbGVtZW50cyBBZ1JlbmRlcmVyQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IHtcblx0cHVibGljIGFnR3JpZFBhcmFtczogYW55O1xuXHRwdWJsaWMgYm9yZGVyID0gJyc7XG5cblx0cHVibGljIGFnSW5pdChwYXJhbXM6IGFueSk6IHZvaWQge1xuXHRcdHRoaXMuYWdHcmlkUGFyYW1zID0gcGFyYW1zO1xuXG5cdFx0aWYgKHBhcmFtcy5kYXRhKSB7XG5cdFx0XHR0aGlzLmlkID0gcGFyYW1zLmRhdGEuaWQudG9TdHJpbmcoKTtcblx0XHRcdHRoaXMuZGVzY3JpcHRpb24gPSBwYXJhbXMuZGF0YS5pZC50b1N0cmluZygpO1xuXHRcdFx0dGhpcy5ib3JkZXIgPSAnIycgKyBDb2xvclV0aWxTZXJ2aWNlLmRhcmtDb2xvckZyb21IZXgocGFyYW1zLmRhdGEuaWQudG9TdHJpbmcoKSk7XG5cdFx0fVxuXHR9XG5cblx0cHVibGljIHJlZnJlc2gocGFyYW1zOiBhbnkpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdHJ1ZTtcblx0fVxuXG5cdHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG5cdFx0aWYgKHRoaXMuaWQgJiYgdGhpcy5pZCAhPT0gbnVsbCkge1xuXHRcdFx0dGhpcy5ib3JkZXIgPSAnIycgKyBDb2xvclV0aWxTZXJ2aWNlLmRhcmtDb2xvckZyb21IZXgodGhpcy5pZC50b1N0cmluZygpKTtcblx0XHR9XG5cdH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoLTEwMCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNsYWItY29sb3ItdGFnXCIgW25nQ2xhc3NdPVwieydzbGFiLWNvbG9yLXRhZy1ib3JkZXInOiBpZCAmJiBpZCE9PScnfVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImlkXCIgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJib3JkZXJcIj48L2Rpdj5cbjwvZGl2PiJdfQ==