@cauca-911/material 21.2.2 → 21.2.4
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,10 +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" }] : []));
|
|
1961
1963
|
this.autoTranslate = input(true, ...(ngDevMode ? [{ debugName: "autoTranslate" }] : []));
|
|
1962
1964
|
}
|
|
1963
1965
|
static { this.ɵfac = function BadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BadgeComponent)(); }; }
|
|
1964
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"], autoTranslate: [1, "autoTranslate"] }, 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: 11, consts: [["highlighted", "", "disableRipple", "", 3, "color"], [1, "mat-chip-content"], [1, "chip-label"]], template: function BadgeComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1965
1967
|
i0.ɵɵelementStart(0, "mat-chip", 0)(1, "div", 1)(2, "mat-icon");
|
|
1966
1968
|
i0.ɵɵtext(3);
|
|
1967
1969
|
i0.ɵɵelementEnd();
|
|
@@ -1970,17 +1972,22 @@ class BadgeComponent {
|
|
|
1970
1972
|
i0.ɵɵpipe(6, "translate");
|
|
1971
1973
|
i0.ɵɵelementEnd()()();
|
|
1972
1974
|
} if (rf & 2) {
|
|
1975
|
+
i0.ɵɵstyleProp("background-color", ctx.customColor());
|
|
1973
1976
|
i0.ɵɵproperty("color", ctx.color());
|
|
1974
|
-
i0.ɵɵadvance(3);
|
|
1975
|
-
i0.ɵɵtextInterpolate(ctx.icon());
|
|
1976
1977
|
i0.ɵɵadvance(2);
|
|
1977
|
-
i0.ɵɵ
|
|
1978
|
+
i0.ɵɵstyleProp("color", ctx.customTextColor());
|
|
1979
|
+
i0.ɵɵadvance();
|
|
1980
|
+
i0.ɵɵtextInterpolate(ctx.icon());
|
|
1981
|
+
i0.ɵɵadvance();
|
|
1982
|
+
i0.ɵɵstyleProp("color", ctx.customTextColor());
|
|
1983
|
+
i0.ɵɵadvance();
|
|
1984
|
+
i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 9, ctx.label()) : ctx.label());
|
|
1978
1985
|
} }, 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 }); }
|
|
1979
1986
|
}
|
|
1980
1987
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1981
1988
|
type: Component,
|
|
1982
|
-
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\">{{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"] }]
|
|
1983
|
-
}], 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 }] }], autoTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslate", required: false }] }] }); })();
|
|
1989
|
+
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\" [style.backgroundColor]=\"customColor()\" >\n <div class=\"mat-chip-content\">\n <mat-icon [style.color]=\"customTextColor()\">{{icon()}}</mat-icon>\n <div class=\"chip-label\" [style.color]=\"customTextColor()\">{{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"] }]
|
|
1990
|
+
}], 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 }] }] }); })();
|
|
1984
1991
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
1985
1992
|
|
|
1986
1993
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|