@leanix/components 0.4.145 → 0.4.147
Sign up to get free protection for your applications and to get access to all the features.
@@ -32,11 +32,11 @@ export class BadgeComponent {
|
|
32
32
|
this.textColor = `hsl(${hash % 360}, 100%, 28%)`;
|
33
33
|
}
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color", calculateColorsDynamically: "calculateColorsDynamically" }, ngImport: i0, template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content}.gray{background-color:#
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color", calculateColorsDynamically: "calculateColorsDynamically" }, ngImport: i0, template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content;font-weight:400}.gray{background-color:#61779d1a;color:#61779d}.blue{background-color:#1666ee1a;color:#1666ee}.green{background-color:#33cc581a;color:#33cc58}.red{background-color:#f964641a;color:#f96464}.yellow{background-color:#ffb62a1a;color:#ffb62a}.purple{background-color:#774fcc1a;color:#774fcc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
36
36
|
}
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
38
38
|
type: Component,
|
39
|
-
args: [{ selector: 'lx-badge', standalone: true, imports: [CommonModule], template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content}.gray{background-color:#
|
39
|
+
args: [{ selector: 'lx-badge', standalone: true, imports: [CommonModule], template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content;font-weight:400}.gray{background-color:#61779d1a;color:#61779d}.blue{background-color:#1666ee1a;color:#1666ee}.green{background-color:#33cc581a;color:#33cc58}.red{background-color:#f964641a;color:#f96464}.yellow{background-color:#ffb62a1a;color:#ffb62a}.purple{background-color:#774fcc1a;color:#774fcc}\n"] }]
|
40
40
|
}], propDecorators: { content: [{
|
41
41
|
type: Input,
|
42
42
|
args: [{ required: true }]
|
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
45
45
|
}], calculateColorsDynamically: [{
|
46
46
|
type: Input
|
47
47
|
}] } });
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVMvQyxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQVlFLFVBQUssR0FBNEQsTUFBTSxDQUFDO1FBR3hFLCtCQUEwQixHQUFZLEtBQUssQ0FBQztRQUU1QyxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2Ysb0JBQWUsR0FBRyxFQUFFLENBQUM7S0F5QnRCO0lBdkJDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQywwQkFBMEIsRUFBRTtZQUNuQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixJQUFJLElBQUksQ0FBQywwQkFBMEIsRUFBRTtZQUNuQyxPQUFPLEVBQUUsQ0FBQztTQUNYO2FBQU07WUFDTCxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVPLHVCQUF1QjtRQUM3QixJQUFJLElBQUksR0FBRyxDQUFDLENBQUM7UUFDYixNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzdDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxlQUFlLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9DLElBQUksR0FBRyxlQUFlLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7U0FDN0Q7UUFDRCxJQUFJLENBQUMsZUFBZSxHQUFHLFFBQVEsSUFBSSxHQUFHLEdBQUcsb0JBQW9CLENBQUM7UUFDOUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLElBQUksR0FBRyxHQUFHLGNBQWMsQ0FBQztJQUNuRCxDQUFDOzhHQW5DVSxjQUFjO2tHQUFkLGNBQWMsOEtDVjNCLDRSQVNBLHdhREhZLFlBQVk7OzJGQUlYLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNdkIsT0FBTztzQkFETixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFJekIsS0FBSztzQkFESixLQUFLO2dCQUlOLDBCQUEwQjtzQkFEekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtYmFkZ2UnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIGNvbnRlbnQhOiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgY29sb3I6ICdibHVlJyB8ICdncmF5JyB8ICdyZWQnIHwgJ3llbGxvdycgfCAnZ3JlZW4nIHwgJ3B1cnBsZScgPSAnYmx1ZSc7XG5cbiAgQElucHV0KClcbiAgY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICB0ZXh0Q29sb3IgPSAnJztcbiAgYmFja0dyb3VuZENvbG9yID0gJyc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHkpIHtcbiAgICAgIHRoaXMuY2FsY3VsYXRlQ29sb3JzRnJvbVRleHQoKTtcbiAgICB9XG4gIH1cblxuICBnZXQgY29sb3JDbGFzcygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmNhbGN1bGF0ZUNvbG9yc0R5bmFtaWNhbGx5KSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBgJHt0aGlzLmNvbG9yfWA7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjYWxjdWxhdGVDb2xvcnNGcm9tVGV4dCgpOiB2b2lkIHtcbiAgICBsZXQgaGFzaCA9IDA7XG4gICAgY29uc3QgY29udGVudEFzU3RyaW5nID0gU3RyaW5nKHRoaXMuY29udGVudCk7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBjb250ZW50QXNTdHJpbmcubGVuZ3RoOyBpKyspIHtcbiAgICAgIGhhc2ggPSBjb250ZW50QXNTdHJpbmcuY2hhckNvZGVBdChpKSArICgoaGFzaCA8PCA1KSAtIGhhc2gpO1xuICAgIH1cbiAgICB0aGlzLmJhY2tHcm91bmRDb2xvciA9IGBoc2xhKCR7aGFzaCAlIDM2MH0sIDEwMCUsIDU4JSwgMC4xMilgO1xuICAgIHRoaXMudGV4dENvbG9yID0gYGhzbCgke2hhc2ggJSAzNjB9LCAxMDAlLCAyOCUpYDtcbiAgfVxufVxuIiwiQGlmIChjYWxjdWxhdGVDb2xvcnNEeW5hbWljYWxseSkge1xuICA8ZGl2IGNsYXNzPVwiYmFkZ2VcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiYWNrR3JvdW5kQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwidGV4dENvbG9yXCI+XG4gICAgPHNwYW4+e3sgY29udGVudCB9fTwvc3Bhbj5cbiAgPC9kaXY+XG59IEBlbHNlIHtcbiAgPGRpdiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwiY29sb3JDbGFzc1wiPlxuICAgIDxzcGFuPnt7IGNvbnRlbnQgfX08L3NwYW4+XG4gIDwvZGl2PlxufVxuIl19
|
@@ -1877,11 +1877,11 @@ class BadgeComponent {
|
|
1877
1877
|
this.textColor = `hsl(${hash % 360}, 100%, 28%)`;
|
1878
1878
|
}
|
1879
1879
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
1880
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color", calculateColorsDynamically: "calculateColorsDynamically" }, ngImport: i0, template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content}.gray{background-color:#
|
1880
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color", calculateColorsDynamically: "calculateColorsDynamically" }, ngImport: i0, template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content;font-weight:400}.gray{background-color:#61779d1a;color:#61779d}.blue{background-color:#1666ee1a;color:#1666ee}.green{background-color:#33cc581a;color:#33cc58}.red{background-color:#f964641a;color:#f96464}.yellow{background-color:#ffb62a1a;color:#ffb62a}.purple{background-color:#774fcc1a;color:#774fcc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
1881
1881
|
}
|
1882
1882
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
1883
1883
|
type: Component,
|
1884
|
-
args: [{ selector: 'lx-badge', standalone: true, imports: [CommonModule], template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content}.gray{background-color:#
|
1884
|
+
args: [{ selector: 'lx-badge', standalone: true, imports: [CommonModule], template: "@if (calculateColorsDynamically) {\n <div class=\"badge\" [style.background-color]=\"backGroundColor\" [style.color]=\"textColor\">\n <span>{{ content }}</span>\n </div>\n} @else {\n <div class=\"badge\" [ngClass]=\"colorClass\">\n <span>{{ content }}</span>\n </div>\n}\n", styles: [".badge{border-radius:.3rem;padding:.3rem;max-width:max-content;font-weight:400}.gray{background-color:#61779d1a;color:#61779d}.blue{background-color:#1666ee1a;color:#1666ee}.green{background-color:#33cc581a;color:#33cc58}.red{background-color:#f964641a;color:#f96464}.yellow{background-color:#ffb62a1a;color:#ffb62a}.purple{background-color:#774fcc1a;color:#774fcc}\n"] }]
|
1885
1885
|
}], propDecorators: { content: [{
|
1886
1886
|
type: Input,
|
1887
1887
|
args: [{ required: true }]
|