@leanix/components 0.4.921 → 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 }]
|
|
@@ -345,11 +345,11 @@ class ButtonComponent {
|
|
|
345
345
|
return this.disabled || this.showSpinner;
|
|
346
346
|
}
|
|
347
347
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
348
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ButtonComponent, isStandalone: true, selector: "button[lx-button]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: false, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, showSpinner: { classPropertyName: "showSpinner", publicName: "showSpinner", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.size": "this.size", "attr.color": "this.color", "attr.mode": "this.mode", "class.pressed": "this.pressed", "class.selected": "this.selected", "class.square": "this.square", "class.circle": "this.circle", "class.loading": "this.showSpinner", "disabled": "this.isDisabled" } }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"contentWrapper\">\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n } @else if (icon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"icon()\" data-testid=\"start-icon\" />\n }\n <span class=\"textContent\"><ng-content /></span>\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n</div>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}ui5-busy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.textContent:empty{display:none}:host:where(:not(.lxFioriReskin)){display:inline-block;line-height:normal}:host:where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host:where(:not(.lxFioriReskin)) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host:where(:not(.lxFioriReskin)) .ui5Icon{flex-shrink:0;width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host:where(:not(.lxFioriReskin)){border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host:where(:not(.lxFioriReskin))[disabled]:not(.loading){opacity:.5;cursor:default}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcoloractive) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected.loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid rgb(188.6956521739,7.3043478261,7.3043478261)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(188.6956521739,7.3043478261,7.3043478261) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid rgb(20.4,81.6,35.2)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(20.4,81.6,35.2) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[size=small]{height:20px;padding:0 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small].square{width:20px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:0 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium].square{width:24px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:0 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large].square{width:32px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].circle.square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin)).loading{position:relative;color:transparent!important}:host(.lxFioriReskin){display:inline-block;border-radius:var(--sapButton_BorderCornerRadius);font-family:var(--sapButton_FontFamily);cursor:pointer;border:var(--sapButton_BorderWidth) solid transparent;line-height:normal;vertical-align:middle;height:var(--sapElement_Compact_Height);padding:0 .4375rem;font-size:var(--sapFontSize);min-width:2rem}:host(.lxFioriReskin)[disabled]{cursor:default;pointer-events:unset}:host(.lxFioriReskin)[disabled]:active{pointer-events:none}:host(.lxFioriReskin)[disabled]:not(.loading){opacity:var(--sapContent_DisabledOpacity)}:host(.lxFioriReskin):focus-visible:not([disabled]),:host(.lxFioriReskin):focus-within:not([disabled]),:host(.lxFioriReskin):active:not([disabled]){outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.25rem}:host(.lxFioriReskin)[color=default][mode=solid],:host(.lxFioriReskin)[color=light][mode=solid]{background-color:var(--sapButton_Background);border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=default][mode=solid].pressed,:host(.lxFioriReskin)[color=light][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid].pressed{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid].loading,:host(.lxFioriReskin)[color=light][mode=solid].loading{background-color:rgb(from var(--sapButton_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=outline],:host(.lxFioriReskin)[color=light][mode=outline]{background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline].loading,:host(.lxFioriReskin)[color=light][mode=outline].loading{border-color:rgb(from var(--sapButton_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=ghost],:host(.lxFioriReskin)[color=light][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link],:host(.lxFioriReskin)[color=light][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=default][mode=link]:focus:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=default].selected,:host(.lxFioriReskin)[color=light].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=default].selected:hover:not([disabled]),:host(.lxFioriReskin)[color=light].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_Hover_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=solid].pressed{background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid].loading{background-color:rgb(from var(--sapButton_Emphasized_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=outline]{background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline].loading{border-color:rgb(from var(--sapButton_Emphasized_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=primary][mode=solid]{font-family:var(--sapButton_Emphasized_FontFamily)}:host(.lxFioriReskin)[color=primary][mode=solid]:focus-visible:not([disabled],:active),:host(.lxFioriReskin)[color=primary][mode=solid]:focus-within:not([disabled],:active){outline-color:var(--sapContent_ContrastFocusColor)}:host(.lxFioriReskin)[color=primary].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]{background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=solid].pressed{background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid].loading{background-color:rgb(from var(--sapButton_Reject_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=outline]{background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline].loading{border-color:rgb(from var(--sapButton_Reject_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=danger].selected{background-color:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=danger].selected:hover:not([disabled]){background-color:var(--sapButton_Reject_Selected_Hover_Background);border-color:var(--sapButton_Reject_Selected_Hover_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]{background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=success][mode=solid].pressed{background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid].loading{background-color:rgb(from var(--sapButton_Accept_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=outline]{background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline].loading{border-color:rgb(from var(--sapButton_Accept_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=success][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=success].selected{background-color:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin)[color=success].selected:hover:not([disabled]){background-color:var(--sapButton_Accept_Selected_Hover_Background);border-color:var(--sapButton_Accept_Selected_Hover_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin).square{width:var(--sapElement_Compact_Height);padding:0;text-align:center}:host(.lxFioriReskin).circle{border-radius:50%;min-width:var(--sapElement_Compact_Height);padding:0}:host(.lxFioriReskin)[size=auto]{height:auto;padding:0;font-size:inherit;min-width:unset}:host(.lxFioriReskin).loading{position:relative;color:transparent!important;pointer-events:unset}:host(.lxFioriReskin) .contentWrapper{display:flex;height:100%;width:100%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], outputs: ["ui5Click"], exportAs: ["ui5Icon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ui5-busy-indicator", inputs: ["text", "size", "active", "delay", "textPlacement"], exportAs: ["ui5BusyIndicator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
348
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ButtonComponent, isStandalone: true, selector: "button[lx-button]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: false, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, showSpinner: { classPropertyName: "showSpinner", publicName: "showSpinner", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.size": "this.size", "attr.color": "this.color", "attr.mode": "this.mode", "class.pressed": "this.pressed", "class.selected": "this.selected", "class.square": "this.square", "class.circle": "this.circle", "class.loading": "this.showSpinner", "disabled": "this.isDisabled" } }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"contentWrapper\">\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n } @else if (icon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"icon()\" data-testid=\"start-icon\" />\n }\n <span class=\"textContent\"><ng-content /></span>\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n</div>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}ui5-busy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.textContent:empty{display:none}:host:where(:not(.lxFioriReskin)){display:inline-block;line-height:normal}:host:where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host:where(:not(.lxFioriReskin)) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host:where(:not(.lxFioriReskin)) .ui5Icon{flex-shrink:0;width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host:where(:not(.lxFioriReskin)){border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host:where(:not(.lxFioriReskin))[disabled]:not(.loading){opacity:.5;cursor:default}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcoloractive) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected.loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid rgb(188.6956521739,7.3043478261,7.3043478261)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(188.6956521739,7.3043478261,7.3043478261) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid rgb(20.4,81.6,35.2)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(20.4,81.6,35.2) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[size=small]{height:20px;padding:0 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small].square{width:20px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:0 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium].square{width:24px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:0 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large].square{width:32px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].circle.square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin)).loading{position:relative;color:transparent!important}:host(.lxFioriReskin){display:inline-block;border-radius:var(--sapButton_BorderCornerRadius);font-family:var(--sapButton_FontFamily);cursor:pointer;border:var(--sapButton_BorderWidth) solid transparent;line-height:normal;vertical-align:middle;height:var(--sapElement_Compact_Height);padding:0 .4375rem;font-size:var(--sapFontSize);min-width:2rem}:host(.lxFioriReskin)[disabled]{cursor:default;pointer-events:unset}:host(.lxFioriReskin)[disabled]:active{pointer-events:none}:host(.lxFioriReskin)[disabled]:not(.loading){opacity:var(--sapContent_DisabledOpacity)}:host(.lxFioriReskin):focus-visible:not([disabled]),:host(.lxFioriReskin):focus-within:not([disabled]),:host(.lxFioriReskin):active:not([disabled]){outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.25rem}:host(.lxFioriReskin)[color=default][mode=solid],:host(.lxFioriReskin)[color=light][mode=solid]{background-color:var(--sapButton_Background);border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=default][mode=solid].pressed,:host(.lxFioriReskin)[color=light][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid].pressed{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid].loading,:host(.lxFioriReskin)[color=light][mode=solid].loading{background-color:rgb(from var(--sapButton_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=outline],:host(.lxFioriReskin)[color=light][mode=outline]{background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline].loading,:host(.lxFioriReskin)[color=light][mode=outline].loading{border-color:rgb(from var(--sapButton_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=ghost],:host(.lxFioriReskin)[color=light][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link],:host(.lxFioriReskin)[color=light][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=default][mode=link]:focus:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=default].selected,:host(.lxFioriReskin)[color=light].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=default].selected:hover:not([disabled]),:host(.lxFioriReskin)[color=light].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_Hover_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=solid].pressed{background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid].loading{background-color:rgb(from var(--sapButton_Emphasized_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=outline]{background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline].loading{border-color:rgb(from var(--sapButton_Emphasized_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=primary][mode=solid]{font-family:var(--sapButton_Emphasized_FontFamily)}:host(.lxFioriReskin)[color=primary][mode=solid]:focus-visible:not([disabled],:active),:host(.lxFioriReskin)[color=primary][mode=solid]:focus-within:not([disabled],:active){outline-color:var(--sapContent_ContrastFocusColor)}:host(.lxFioriReskin)[color=primary].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]{background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=solid].pressed{background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid].loading{background-color:rgb(from var(--sapButton_Reject_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=outline]{background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline].loading{border-color:rgb(from var(--sapButton_Reject_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=danger].selected{background-color:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=danger].selected:hover:not([disabled]){background-color:var(--sapButton_Reject_Selected_Hover_Background);border-color:var(--sapButton_Reject_Selected_Hover_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]{background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=success][mode=solid].pressed{background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid].loading{background-color:rgb(from var(--sapButton_Accept_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=outline]{background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline].loading{border-color:rgb(from var(--sapButton_Accept_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=success][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=success].selected{background-color:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin)[color=success].selected:hover:not([disabled]){background-color:var(--sapButton_Accept_Selected_Hover_Background);border-color:var(--sapButton_Accept_Selected_Hover_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin).square{width:var(--sapElement_Compact_Height);padding:0;text-align:center}:host(.lxFioriReskin).circle{border-radius:50%;min-width:var(--sapElement_Compact_Height);padding:0}:host(.lxFioriReskin)[size=auto]{height:auto;padding:0;font-size:inherit;min-width:unset}:host(.lxFioriReskin).loading{position:relative;color:transparent!important;pointer-events:unset}:host(.lxFioriReskin) .contentWrapper{display:flex;height:100%;width:100%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], outputs: ["ui5Click"], exportAs: ["ui5Icon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ui5-busy-indicator", inputs: ["text", "size", "active", "delay", "textPlacement"], exportAs: ["ui5BusyIndicator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
349
349
|
}
|
|
350
350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
351
351
|
type: Component,
|
|
352
|
-
args: [{ selector: 'button[lx-button]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: FioriReskinAwareDirective }], imports: [IconComponent, BusyIndicatorComponent], template: "<div class=\"contentWrapper\">\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n } @else if (icon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"icon()\" data-testid=\"start-icon\" />\n }\n <span class=\"textContent\"><ng-content /></span>\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n</div>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}ui5-busy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.textContent:empty{display:none}:host:where(:not(.lxFioriReskin)){display:inline-block;line-height:normal}:host:where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host:where(:not(.lxFioriReskin)) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host:where(:not(.lxFioriReskin)) .ui5Icon{flex-shrink:0;width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host:where(:not(.lxFioriReskin)){border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host:where(:not(.lxFioriReskin))[disabled]:not(.loading){opacity:.5;cursor:default}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcoloractive) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected.loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid rgb(188.6956521739,7.3043478261,7.3043478261)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(188.6956521739,7.3043478261,7.3043478261) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid rgb(20.4,81.6,35.2)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(20.4,81.6,35.2) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[size=small]{height:20px;padding:0 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small].square{width:20px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:0 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium].square{width:24px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:0 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large].square{width:32px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].circle.square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin)).loading{position:relative;color:transparent!important}:host(.lxFioriReskin){display:inline-block;border-radius:var(--sapButton_BorderCornerRadius);font-family:var(--sapButton_FontFamily);cursor:pointer;border:var(--sapButton_BorderWidth) solid transparent;line-height:normal;vertical-align:middle;height:var(--sapElement_Compact_Height);padding:0 .4375rem;font-size:var(--sapFontSize);min-width:2rem}:host(.lxFioriReskin)[disabled]{cursor:default;pointer-events:unset}:host(.lxFioriReskin)[disabled]:active{pointer-events:none}:host(.lxFioriReskin)[disabled]:not(.loading){opacity:var(--sapContent_DisabledOpacity)}:host(.lxFioriReskin):focus-visible:not([disabled]),:host(.lxFioriReskin):focus-within:not([disabled]),:host(.lxFioriReskin):active:not([disabled]){outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.25rem}:host(.lxFioriReskin)[color=default][mode=solid],:host(.lxFioriReskin)[color=light][mode=solid]{background-color:var(--sapButton_Background);border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=default][mode=solid].pressed,:host(.lxFioriReskin)[color=light][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid].pressed{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid].loading,:host(.lxFioriReskin)[color=light][mode=solid].loading{background-color:rgb(from var(--sapButton_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=outline],:host(.lxFioriReskin)[color=light][mode=outline]{background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline].loading,:host(.lxFioriReskin)[color=light][mode=outline].loading{border-color:rgb(from var(--sapButton_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=ghost],:host(.lxFioriReskin)[color=light][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link],:host(.lxFioriReskin)[color=light][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=default][mode=link]:focus:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=default].selected,:host(.lxFioriReskin)[color=light].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=default].selected:hover:not([disabled]),:host(.lxFioriReskin)[color=light].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_Hover_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=solid].pressed{background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid].loading{background-color:rgb(from var(--sapButton_Emphasized_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=outline]{background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline].loading{border-color:rgb(from var(--sapButton_Emphasized_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=primary][mode=solid]{font-family:var(--sapButton_Emphasized_FontFamily)}:host(.lxFioriReskin)[color=primary][mode=solid]:focus-visible:not([disabled],:active),:host(.lxFioriReskin)[color=primary][mode=solid]:focus-within:not([disabled],:active){outline-color:var(--sapContent_ContrastFocusColor)}:host(.lxFioriReskin)[color=primary].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]{background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=solid].pressed{background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid].loading{background-color:rgb(from var(--sapButton_Reject_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=outline]{background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline].loading{border-color:rgb(from var(--sapButton_Reject_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=danger].selected{background-color:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=danger].selected:hover:not([disabled]){background-color:var(--sapButton_Reject_Selected_Hover_Background);border-color:var(--sapButton_Reject_Selected_Hover_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]{background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=success][mode=solid].pressed{background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid].loading{background-color:rgb(from var(--sapButton_Accept_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=outline]{background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline].loading{border-color:rgb(from var(--sapButton_Accept_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=success][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=success].selected{background-color:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin)[color=success].selected:hover:not([disabled]){background-color:var(--sapButton_Accept_Selected_Hover_Background);border-color:var(--sapButton_Accept_Selected_Hover_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin).square{width:var(--sapElement_Compact_Height);padding:0;text-align:center}:host(.lxFioriReskin).circle{border-radius:50%;min-width:var(--sapElement_Compact_Height);padding:0}:host(.lxFioriReskin)[size=auto]{height:auto;padding:0;font-size:inherit;min-width:unset}:host(.lxFioriReskin).loading{position:relative;color:transparent!important;pointer-events:unset}:host(.lxFioriReskin) .contentWrapper{display:flex;height:100%;width:100%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}\n"] }]
|
|
352
|
+
args: [{ selector: 'button[lx-button]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: FioriReskinAwareDirective }], imports: [IconComponent, BusyIndicatorComponent], template: "<div class=\"contentWrapper\">\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n } @else if (icon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"icon()\" data-testid=\"start-icon\" />\n }\n <span class=\"textContent\"><ng-content /></span>\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n</div>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}ui5-busy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.textContent:empty{display:none}:host:where(:not(.lxFioriReskin)){display:inline-block;line-height:normal}:host:where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host:where(:not(.lxFioriReskin)) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host:where(:not(.lxFioriReskin)) .ui5Icon{flex-shrink:0;width:var(--lxFontSmallSize);height:var(--lxFontSmallSize);color:inherit}:host:where(:not(.lxFioriReskin)){border-radius:3px;font-weight:var(--lxFontNormal, 400);cursor:pointer;transition:color,background-color,border-color .18s;transition-delay:0s;transition-timing-function:ease}:host:where(:not(.lxFioriReskin))[disabled]:not(.loading){opacity:.5;cursor:default}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]{color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=default][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#f0f2f5;border:1px solid #f0f2f5}:host:where(:not(.lxFioriReskin))[color=default][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f0f2f5 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=default][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=default][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]{color:#2a303d;background-color:#fff;border:1px solid #99a5bb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]){color:#2a303d;background-color:#c2c9d6;border:1px solid #c2c9d6}:host:where(:not(.lxFioriReskin))[color=light][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #c2c9d6 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].pressed{background-color:#c2c9d6!important;border-color:#c2c9d6!important}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected{color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=solid].selected.loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]{color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]){color:#2a303d;background-color:#e1e5eb;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #e1e5eb r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]{color:#2a303d;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid #e1e5eb}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]){color:#2a303d;background-color:#fff;border:1px solid #fff}:host:where(:not(.lxFioriReskin))[color=light][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #fff r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]{color:#2a303d;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]){color:#2a303d;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=light][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=light][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcoloractive);border:1px solid var(--lx-primarybutton-backgroundcoloractive)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcoloractive) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].pressed{background-color:var(--lx-primarybutton-backgroundcoloractive)!important;border-color:var(--lx-primarybutton-backgroundcoloractive)!important}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected{color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=solid].selected.loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolorhover);border:1px solid var(--lx-primarybutton-backgroundcolorhover)}:host:where(:not(.lxFioriReskin))[color=primary][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolorhover) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]){color:var(--lx-primarybutton-fontcolor);background-color:var(--lx-primarybutton-backgroundcolor);border:1px solid var(--lx-primarybutton-backgroundcolor)}:host:where(:not(.lxFioriReskin))[color=primary][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from var(--lx-primarybutton-backgroundcolor) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]{color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]){color:var(--lx-primarybutton-backgroundcolor);background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=primary][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]{color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]){color:#fff;background-color:#bd0707;border:1px solid rgb(188.6956521739,7.3043478261,7.3043478261)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(188.6956521739,7.3043478261,7.3043478261) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].pressed{background-color:#bd0707!important;border-color:#bd0707!important}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected{color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]{color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]){color:#fff;background-color:#f61a1a;border:1px solid rgb(246.149068323,26.350931677,26.350931677)}:host:where(:not(.lxFioriReskin))[color=danger][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(246.149068323,26.350931677,26.350931677) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]{color:#f96464;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]){color:#f96464;background-color:transparent;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]){color:#fff;background-color:#f96464;border:1px solid #f96464}:host:where(:not(.lxFioriReskin))[color=danger][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #f96464 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]{color:#f96464;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]){color:#f96464;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=danger][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]{color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:focus:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]){color:#fff;background-color:#145223;border:1px solid rgb(20.4,81.6,35.2)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(20.4,81.6,35.2) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].pressed{background-color:#145223!important;border-color:#145223!important}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected{color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=solid].selected.loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]{color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]){color:#fff;background-color:#248f3e;border:1px solid rgb(35.7,142.8,61.6)}:host:where(:not(.lxFioriReskin))[color=success][mode=outline]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from rgb(35.7,142.8,61.6) r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]{color:#33cc58;background-color:transparent;border:1px solid transparent}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:hover:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]){color:#fff;background-color:#33cc58;border:1px solid #33cc58}:host:where(:not(.lxFioriReskin))[color=success][mode=ghost]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from #33cc58 r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]{color:#33cc58;background-color:transparent;border:1px solid transparent;padding:0;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link].loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]),:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]){color:#33cc58;background-color:transparent;border:1px solid transparent;text-decoration:underline;border:none}:host:where(:not(.lxFioriReskin))[color=success][mode=link]:focus:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:hover:not([disabled]).loading[mode=solid],:host:where(:not(.lxFioriReskin))[color=success][mode=link]:active:not([disabled]).loading[mode=solid]{background-color:rgb(from transparent r g b/.5);border:none}:host:where(:not(.lxFioriReskin))[size=small]{height:20px;padding:0 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small].square{width:20px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=small].circle{border-radius:10px;min-width:20px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:0 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium].square{width:24px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=medium].circle{border-radius:11px;min-width:24px;padding:0 3px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:0 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large].square{width:32px;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=large].circle{border-radius:15px;min-width:32px;padding:0 7px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{border-radius:unset;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto].circle.square{width:auto;text-align:center;padding:0}:host:where(:not(.lxFioriReskin))[size=auto].circle.circle{border-radius:10px;min-width:auto;padding:0}:host:where(:not(.lxFioriReskin)).loading{position:relative;color:transparent!important}:host(.lxFioriReskin){display:inline-block;border-radius:var(--sapButton_BorderCornerRadius);font-family:var(--sapButton_FontFamily);cursor:pointer;border:var(--sapButton_BorderWidth) solid transparent;line-height:normal;vertical-align:middle;height:var(--sapElement_Compact_Height);padding:0 .4375rem;font-size:var(--sapFontSize);min-width:2rem}:host(.lxFioriReskin)[disabled]{cursor:default;pointer-events:unset}:host(.lxFioriReskin)[disabled]:active{pointer-events:none}:host(.lxFioriReskin)[disabled]:not(.loading){opacity:var(--sapContent_DisabledOpacity)}:host(.lxFioriReskin):focus-visible:not([disabled]),:host(.lxFioriReskin):focus-within:not([disabled]),:host(.lxFioriReskin):active:not([disabled]){outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.25rem}:host(.lxFioriReskin)[color=default][mode=solid],:host(.lxFioriReskin)[color=light][mode=solid]{background-color:var(--sapButton_Background);border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=default][mode=solid].pressed,:host(.lxFioriReskin)[color=light][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=solid].pressed{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=solid].loading,:host(.lxFioriReskin)[color=light][mode=solid].loading{background-color:rgb(from var(--sapButton_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=outline],:host(.lxFioriReskin)[color=light][mode=outline]{background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(.lxFioriReskin)[color=default][mode=outline].loading,:host(.lxFioriReskin)[color=light][mode=outline].loading{border-color:rgb(from var(--sapButton_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=default][mode=ghost],:host(.lxFioriReskin)[color=light][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=ghost]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link],:host(.lxFioriReskin)[color=light][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:active:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_TextColor)}:host(.lxFioriReskin)[color=default][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=default][mode=link]:focus:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=light][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=default].selected,:host(.lxFioriReskin)[color=light].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=default].selected:hover:not([disabled]),:host(.lxFioriReskin)[color=light].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_Hover_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=solid].pressed{background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=solid].loading{background-color:rgb(from var(--sapButton_Emphasized_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=outline]{background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host(.lxFioriReskin)[color=primary][mode=outline].loading{border-color:rgb(from var(--sapButton_Emphasized_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=primary][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Lite_TextColor)}:host(.lxFioriReskin)[color=primary][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=primary][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=primary][mode=solid]{font-family:var(--sapButton_Emphasized_FontFamily)}:host(.lxFioriReskin)[color=primary][mode=solid]:focus-visible:not([disabled],:active),:host(.lxFioriReskin)[color=primary][mode=solid]:focus-within:not([disabled],:active){outline-color:var(--sapContent_ContrastFocusColor)}:host(.lxFioriReskin)[color=primary].selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=primary].selected:hover:not([disabled]){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]{background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=solid].pressed{background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=solid].loading{background-color:rgb(from var(--sapButton_Reject_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=outline]{background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host(.lxFioriReskin)[color=danger][mode=outline].loading{border-color:rgb(from var(--sapButton_Reject_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=danger][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_TextColor)}:host(.lxFioriReskin)[color=danger][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=danger][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=danger].selected{background-color:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=danger].selected:hover:not([disabled]){background-color:var(--sapButton_Reject_Selected_Hover_Background);border-color:var(--sapButton_Reject_Selected_Hover_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]{background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid]:active:not([disabled]),:host(.lxFioriReskin)[color=success][mode=solid].pressed{background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=solid].loading{background-color:rgb(from var(--sapButton_Accept_Background) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=outline]{background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:hover:not([disabled]){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline]:active:not([disabled]){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host(.lxFioriReskin)[color=success][mode=outline].loading{border-color:rgb(from var(--sapButton_Accept_BorderColor) r g b/var(--sapContent_DisabledOpacity))}:host(.lxFioriReskin)[color=success][mode=ghost]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:hover:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=ghost]:active:not([disabled]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]{background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]){background-color:transparent;border-color:transparent;color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:active:not([disabled]){background-color:transparent;border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_TextColor)}:host(.lxFioriReskin)[color=success][mode=link]:hover:not([disabled]),:host(.lxFioriReskin)[color=success][mode=link]:focus:not([disabled]){text-decoration:underline}:host(.lxFioriReskin)[color=success].selected{background-color:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin)[color=success].selected:hover:not([disabled]){background-color:var(--sapButton_Accept_Selected_Hover_Background);border-color:var(--sapButton_Accept_Selected_Hover_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host(.lxFioriReskin).square{width:var(--sapElement_Compact_Height);padding:0;text-align:center}:host(.lxFioriReskin).circle{border-radius:50%;min-width:var(--sapElement_Compact_Height);padding:0}:host(.lxFioriReskin)[size=auto]{height:auto;padding:0;font-size:inherit;min-width:unset}:host(.lxFioriReskin).loading{position:relative;color:transparent!important;pointer-events:unset}:host(.lxFioriReskin) .contentWrapper{display:flex;height:100%;width:100%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .textContent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}\n"] }]
|
|
353
353
|
}], propDecorators: { size: [{
|
|
354
354
|
type: Input
|
|
355
355
|
}, {
|