@leanix/components 0.4.881 → 0.4.882
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.
|
@@ -3,10 +3,10 @@ import { InjectionToken, Input, Component, input, computed, ChangeDetectionStrat
|
|
|
3
3
|
import * as i1$1 from '@ngx-translate/core';
|
|
4
4
|
import { TranslatePipe, TranslateModule, TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
|
|
6
|
-
import { NgTemplateOutlet, NgClass, AsyncPipe, UpperCasePipe, DecimalPipe, CommonModule, formatDate } from '@angular/common';
|
|
7
6
|
import * as i1 from '@leanix/components/ui5';
|
|
8
7
|
import { FioriReskinAwareDirective } from '@leanix/components/ui5';
|
|
9
8
|
import { BusyIndicatorComponent } from '@ui5/webcomponents-ngx/main/busy-indicator';
|
|
9
|
+
import { NgClass, AsyncPipe, NgTemplateOutlet, UpperCasePipe, DecimalPipe, CommonModule, formatDate } from '@angular/common';
|
|
10
10
|
import { __decorate } from 'tslib';
|
|
11
11
|
import { escape, trimEnd, sortBy, get, isEqual as isEqual$1, toLower, some, padCharsStart, toString, toNumber, isNaN as isNaN$1, includes, last, findIndex, filter as filter$1, isObject, find, uniqueId as uniqueId$1 } from 'lodash/fp';
|
|
12
12
|
import * as i5 from 'rxjs';
|
|
@@ -341,18 +341,15 @@ class ButtonComponent {
|
|
|
341
341
|
*/
|
|
342
342
|
this.showSpinner = false;
|
|
343
343
|
}
|
|
344
|
-
get hasIcon() {
|
|
345
|
-
return !!this.icon() || !!this.endIcon();
|
|
346
|
-
}
|
|
347
344
|
get isDisabled() {
|
|
348
345
|
return this.disabled || this.showSpinner;
|
|
349
346
|
}
|
|
350
347
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
351
|
-
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.withIcon": "this.hasIcon", "class.loading": "this.showSpinner", "disabled": "this.isDisabled" } }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "@if (!icon() && !endIcon()) {\n <!-- old layout -->\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n} @else {\n <div class=\"contentWrapper\">\n <!-- new layout -->\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 <ng-container *ngTemplateOutlet=\"content\" />\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n </div>\n}\n\n<!-- ng-content with the same slot can be used once in the same template -->\n<ng-template #content>\n <ng-content />\n</ng-template>\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%)}:host(.withIcon):where(:not(.lxFioriReskin)){line-height:normal}:host(.withIcon):where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host(.withIcon):where(:not(.lxFioriReskin))[mode=link] .contentWrapper{column-gap:6px}:host(.withIcon):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:3px 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small]:not(.withIcon){line-height:12px}: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=small].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:3px 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium]:not(.withIcon){line-height:16px}: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=medium].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:7px 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large]:not(.withIcon){line-height:16px}: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=large].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto]:not(.withIcon){line-height:normal}: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:not(.withIcon){line-height:normal}: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-flex;align-items:center;justify-content:center;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).withIcon:not(.square,.circle,[mode=link]){padding:0 .5rem}: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%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}:host(.lxFioriReskin)[mode=link] .contentWrapper{column-gap:.5rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], outputs: ["ui5Click"], exportAs: ["ui5Icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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_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 }); }
|
|
352
349
|
}
|
|
353
350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
354
351
|
type: Component,
|
|
355
|
-
args: [{ selector: 'button[lx-button]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: FioriReskinAwareDirective }], imports: [IconComponent, NgTemplateOutlet, BusyIndicatorComponent], template: "@if (!icon() && !endIcon()) {\n <!-- old layout -->\n @if (showSpinner) {\n <ui5-busy-indicator [active]=\"true\" [delay]=\"0\" size=\"S\" />\n }\n <ng-container *ngTemplateOutlet=\"content\" />\n} @else {\n <div class=\"contentWrapper\">\n <!-- new layout -->\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 <ng-container *ngTemplateOutlet=\"content\" />\n @if (!showSpinner && endIcon()) {\n <ui5-icon class=\"ui5Icon\" [name]=\"endIcon()\" data-testid=\"end-icon\" />\n }\n </div>\n}\n\n<!-- ng-content with the same slot can be used once in the same template -->\n<ng-template #content>\n <ng-content />\n</ng-template>\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%)}:host(.withIcon):where(:not(.lxFioriReskin)){line-height:normal}:host(.withIcon):where(:not(.lxFioriReskin)) .contentWrapper{display:flex;height:100%;align-items:center;justify-content:center;column-gap:4px}:host(.withIcon):where(:not(.lxFioriReskin))[mode=link] .contentWrapper{column-gap:6px}:host(.withIcon):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:3px 7px;font-size:var(--lxFontSmallSize, 12px);min-width:20px}:host:where(:not(.lxFioriReskin))[size=small]:not(.withIcon){line-height:12px}: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=small].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=medium]{height:24px;padding:3px 7px;font-size:var(--lxFontSize, 14px);min-width:24px}:host:where(:not(.lxFioriReskin))[size=medium]:not(.withIcon){line-height:16px}: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=medium].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=large]{height:32px;padding:7px 11px;font-size:var(--lxFontSize, 14px);min-width:32px}:host:where(:not(.lxFioriReskin))[size=large]:not(.withIcon){line-height:16px}: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=large].withIcon:not(.square,.circle,[mode=link]){padding:0 8px}:host:where(:not(.lxFioriReskin))[size=auto]{height:auto;padding:0;font-size:inherit;min-width:auto}:host:where(:not(.lxFioriReskin))[size=auto]:not(.withIcon){line-height:normal}: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:not(.withIcon){line-height:normal}: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-flex;align-items:center;justify-content:center;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).withIcon:not(.square,.circle,[mode=link]){padding:0 .5rem}: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%;align-items:center;justify-content:center;column-gap:.375rem}:host(.lxFioriReskin) .ui5Icon{flex-shrink:0;width:1rem;height:1rem;color:inherit}:host(.lxFioriReskin)[mode=link] .contentWrapper{column-gap:.5rem}\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_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"] }]
|
|
356
353
|
}], propDecorators: { size: [{
|
|
357
354
|
type: Input
|
|
358
355
|
}, {
|
|
@@ -390,9 +387,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
390
387
|
args: ['class.circle']
|
|
391
388
|
}], disabled: [{
|
|
392
389
|
type: Input
|
|
393
|
-
}], hasIcon: [{
|
|
394
|
-
type: HostBinding,
|
|
395
|
-
args: ['class.withIcon']
|
|
396
390
|
}], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], showSpinner: [{
|
|
397
391
|
type: Input
|
|
398
392
|
}, {
|