@cauca-911/material 21.2.2 → 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,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: 9, 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,18 @@ class BadgeComponent {
|
|
|
1970
1972
|
i0.ɵɵpipe(6, "translate");
|
|
1971
1973
|
i0.ɵɵelementEnd()()();
|
|
1972
1974
|
} if (rf & 2) {
|
|
1975
|
+
i0.ɵɵstyleProp("background-color", ctx.customColor())("color", ctx.customTextColor());
|
|
1973
1976
|
i0.ɵɵproperty("color", ctx.color());
|
|
1974
1977
|
i0.ɵɵadvance(3);
|
|
1975
1978
|
i0.ɵɵtextInterpolate(ctx.icon());
|
|
1976
1979
|
i0.ɵɵadvance(2);
|
|
1977
|
-
i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6,
|
|
1980
|
+
i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 7, ctx.label()) : ctx.label());
|
|
1978
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 }); }
|
|
1979
1982
|
}
|
|
1980
1983
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1981
1984
|
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 }] }] }); })();
|
|
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 }] }] }); })();
|
|
1984
1987
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
1985
1988
|
|
|
1986
1989
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|