@cauca-911/material 21.2.1 → 21.2.3
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.
|
@@ -1958,9 +1958,12 @@ class BadgeComponent {
|
|
|
1958
1958
|
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
1959
1959
|
this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
1960
1960
|
this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
1961
|
+
this.customColor = input(undefined, ...(ngDevMode ? [{ debugName: "customColor" }] : []));
|
|
1962
|
+
this.customTextColor = input(undefined, ...(ngDevMode ? [{ debugName: "customTextColor" }] : []));
|
|
1963
|
+
this.autoTranslate = input(true, ...(ngDevMode ? [{ debugName: "autoTranslate" }] : []));
|
|
1961
1964
|
}
|
|
1962
1965
|
static { this.ɵfac = function BadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BadgeComponent)(); }; }
|
|
1963
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"] }, decls: 7, vars:
|
|
1966
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"], customColor: [1, "customColor"], customTextColor: [1, "customTextColor"], autoTranslate: [1, "autoTranslate"] }, decls: 7, vars: 9, consts: [["highlighted", "", "disableRipple", "", 3, "color"], [1, "mat-chip-content"], [1, "chip-label"]], template: function BadgeComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1964
1967
|
i0.ɵɵelementStart(0, "mat-chip", 0)(1, "div", 1)(2, "mat-icon");
|
|
1965
1968
|
i0.ɵɵtext(3);
|
|
1966
1969
|
i0.ɵɵelementEnd();
|
|
@@ -1969,17 +1972,18 @@ class BadgeComponent {
|
|
|
1969
1972
|
i0.ɵɵpipe(6, "translate");
|
|
1970
1973
|
i0.ɵɵelementEnd()()();
|
|
1971
1974
|
} if (rf & 2) {
|
|
1975
|
+
i0.ɵɵstyleProp("background-color", ctx.customColor())("color", ctx.customTextColor());
|
|
1972
1976
|
i0.ɵɵproperty("color", ctx.color());
|
|
1973
1977
|
i0.ɵɵadvance(3);
|
|
1974
1978
|
i0.ɵɵtextInterpolate(ctx.icon());
|
|
1975
1979
|
i0.ɵɵadvance(2);
|
|
1976
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6,
|
|
1980
|
+
i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 7, ctx.label()) : ctx.label());
|
|
1977
1981
|
} }, dependencies: [TranslateModule, MatChipsModule, i1$7.MatChip, MatIcon, i1.TranslatePipe], styles: [".mat-chip-content[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
|
|
1978
1982
|
}
|
|
1979
1983
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1980
1984
|
type: Component,
|
|
1981
|
-
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n <div class=\"mat-chip-content\">\n <mat-icon>{{icon()}}</mat-icon>\n <div class=\"chip-label\">{{label() | translate}}</div>\n </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
1982
|
-
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
|
|
1985
|
+
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\" [style.backgroundColor]=\"customColor()\" [style.color]=\"customTextColor()\">\n <div class=\"mat-chip-content\">\n <mat-icon>{{icon()}}</mat-icon>\n <div class=\"chip-label\">{{autoTranslate() ? (label() | translate) : label()}}</div>\n </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
1986
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], customColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customColor", required: false }] }], customTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTextColor", required: false }] }], autoTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslate", required: false }] }] }); })();
|
|
1983
1987
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
1984
1988
|
|
|
1985
1989
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|