@leanix/components 0.4.922 → 0.4.923
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.
|
@@ -109,11 +109,11 @@ class BadgeComponent {
|
|
|
109
109
|
return `${this.color}`;
|
|
110
110
|
}
|
|
111
111
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
112
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color" }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)) .wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}:host:where(:not(.lxFioriReskin)) .gray{background-color:#f0f2f5;color:#3e495b}:host:where(:not(.lxFioriReskin)) .blue{background-color:#e9f3ff;color:#0a3e6b}:host:where(:not(.lxFioriReskin)) .green{background-color:#ebfaee;color:#145027}:host:where(:not(.lxFioriReskin)) .red{background-color:#feefef;color:#731616}:host:where(:not(.lxFioriReskin)) .yellow{background-color:#fff8ea;color:#78350f}:host:where(:not(.lxFioriReskin)) .purple{background-color:#f4efff;color:#531991}:host:where(:not(.lxFioriReskin)) .white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}:host(.lxFioriReskin){display:inline-block}:host(.lxFioriReskin) .wrapper{border-radius:var(--sapButton_BorderCornerRadius);padding:.1875rem .25rem;line-height:1rem;max-width:max-content;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSmallSize);border:var(--sapButton_BorderWidth) solid transparent;text-shadow:var(--sapContent_TextShadow)}:host(.lxFioriReskin) .blue{color:var(--
|
|
112
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: BadgeComponent, isStandalone: true, selector: "lx-badge", inputs: { content: "content", color: "color" }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)) .wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}:host:where(:not(.lxFioriReskin)) .gray{background-color:#f0f2f5;color:#3e495b}:host:where(:not(.lxFioriReskin)) .blue{background-color:#e9f3ff;color:#0a3e6b}:host:where(:not(.lxFioriReskin)) .green{background-color:#ebfaee;color:#145027}:host:where(:not(.lxFioriReskin)) .red{background-color:#feefef;color:#731616}:host:where(:not(.lxFioriReskin)) .yellow{background-color:#fff8ea;color:#78350f}:host:where(:not(.lxFioriReskin)) .purple{background-color:#f4efff;color:#531991}:host:where(:not(.lxFioriReskin)) .white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}:host(.lxFioriReskin){display:inline-block}:host(.lxFioriReskin) .wrapper{border-radius:var(--sapButton_BorderCornerRadius);padding:.1875rem .25rem;line-height:1rem;max-width:max-content;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSmallSize);border:var(--sapButton_BorderWidth) solid transparent;text-shadow:var(--sapContent_TextShadow)}:host(.lxFioriReskin) .blue{color:var(--sapButton_Information_TextColor);background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor)}:host(.lxFioriReskin) .gray{color:var(--sapNeutralTextColor);background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor)}:host(.lxFioriReskin) .red,:host(.lxFioriReskin) .yellow,:host(.lxFioriReskin) .green{text-shadow:var(--sapContent_ContrastTextShadow)}:host(.lxFioriReskin) .red{color:var(--sapButton_Negative_TextColor);background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor)}:host(.lxFioriReskin) .yellow{color:var(--sapButton_Critical_TextColor);background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor)}:host(.lxFioriReskin) .green{color:var(--sapButton_Success_TextColor);background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor)}:host(.lxFioriReskin) .purple{color:var(--sapIndicationColor_7b_TextColor);background-color:var(--sapIndicationColor_7b_Background);border-color:var(--sapIndicationColor_7b_BorderColor)}:host(.lxFioriReskin) .white{color:var(--sapIndicationColor_9b_TextColor);background-color:var(--sapIndicationColor_9b_Background);border-color:var(--sapIndicationColor_9b_BorderColor)}\n"] }); }
|
|
113
113
|
}
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
|
-
args: [{ selector: 'lx-badge', hostDirectives: [{ directive: FioriReskinAwareDirective }], template: "<div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)) .wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}:host:where(:not(.lxFioriReskin)) .gray{background-color:#f0f2f5;color:#3e495b}:host:where(:not(.lxFioriReskin)) .blue{background-color:#e9f3ff;color:#0a3e6b}:host:where(:not(.lxFioriReskin)) .green{background-color:#ebfaee;color:#145027}:host:where(:not(.lxFioriReskin)) .red{background-color:#feefef;color:#731616}:host:where(:not(.lxFioriReskin)) .yellow{background-color:#fff8ea;color:#78350f}:host:where(:not(.lxFioriReskin)) .purple{background-color:#f4efff;color:#531991}:host:where(:not(.lxFioriReskin)) .white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}:host(.lxFioriReskin){display:inline-block}:host(.lxFioriReskin) .wrapper{border-radius:var(--sapButton_BorderCornerRadius);padding:.1875rem .25rem;line-height:1rem;max-width:max-content;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSmallSize);border:var(--sapButton_BorderWidth) solid transparent;text-shadow:var(--sapContent_TextShadow)}:host(.lxFioriReskin) .blue{color:var(--
|
|
116
|
+
args: [{ selector: 'lx-badge', hostDirectives: [{ directive: FioriReskinAwareDirective }], template: "<div class=\"wrapper\" [class]=\"colorClass\">\n <span>{{ content }}</span>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)) .wrapper{border-radius:2px;padding:2px 4px;height:20px;max-width:max-content;font-weight:var(--lxFontSemibold, 600);font-size:var(--lxFontSmallSize, 12px);letter-spacing:.3px}:host:where(:not(.lxFioriReskin)) .gray{background-color:#f0f2f5;color:#3e495b}:host:where(:not(.lxFioriReskin)) .blue{background-color:#e9f3ff;color:#0a3e6b}:host:where(:not(.lxFioriReskin)) .green{background-color:#ebfaee;color:#145027}:host:where(:not(.lxFioriReskin)) .red{background-color:#feefef;color:#731616}:host:where(:not(.lxFioriReskin)) .yellow{background-color:#fff8ea;color:#78350f}:host:where(:not(.lxFioriReskin)) .purple{background-color:#f4efff;color:#531991}:host:where(:not(.lxFioriReskin)) .white{background-color:#fff;color:#2a303d;border:1px solid #c2c9d6}:host(.lxFioriReskin){display:inline-block}:host(.lxFioriReskin) .wrapper{border-radius:var(--sapButton_BorderCornerRadius);padding:.1875rem .25rem;line-height:1rem;max-width:max-content;font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSmallSize);border:var(--sapButton_BorderWidth) solid transparent;text-shadow:var(--sapContent_TextShadow)}:host(.lxFioriReskin) .blue{color:var(--sapButton_Information_TextColor);background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor)}:host(.lxFioriReskin) .gray{color:var(--sapNeutralTextColor);background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor)}:host(.lxFioriReskin) .red,:host(.lxFioriReskin) .yellow,:host(.lxFioriReskin) .green{text-shadow:var(--sapContent_ContrastTextShadow)}:host(.lxFioriReskin) .red{color:var(--sapButton_Negative_TextColor);background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor)}:host(.lxFioriReskin) .yellow{color:var(--sapButton_Critical_TextColor);background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor)}:host(.lxFioriReskin) .green{color:var(--sapButton_Success_TextColor);background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor)}:host(.lxFioriReskin) .purple{color:var(--sapIndicationColor_7b_TextColor);background-color:var(--sapIndicationColor_7b_Background);border-color:var(--sapIndicationColor_7b_BorderColor)}:host(.lxFioriReskin) .white{color:var(--sapIndicationColor_9b_TextColor);background-color:var(--sapIndicationColor_9b_Background);border-color:var(--sapIndicationColor_9b_BorderColor)}\n"] }]
|
|
117
117
|
}], propDecorators: { content: [{
|
|
118
118
|
type: Input,
|
|
119
119
|
args: [{ required: true }]
|