@fundamental-ngx/core 0.42.0-rc.2 → 0.42.0-rc.21

package/fesm2020/fundamental-ngx-core-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-button.mjs","sources":["../../../../libs/core/src/lib/button/base-button.ts","../../../../libs/core/src/lib/button/tokens.ts","../../../../libs/core/src/lib/button/button.component.ts","../../../../libs/core/src/lib/button/button.component.html","../../../../libs/core/src/lib/button/deprecated-button-content-density.directive.ts","../../../../libs/core/src/lib/button/button.module.ts","../../../../libs/core/src/lib/button/fundamental-ngx-core-button.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nexport type GlyphPosition = 'before' | 'after';\n\nexport type ButtonType =\n    | ''\n    | 'standard'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'half'\n    | 'ghost'\n    | 'transparent'\n    | 'emphasized'\n    | 'menu';\n\n@Directive()\nexport class BaseButton {\n    /**\n     * Native type of button element\n     */\n    @Input()\n    type: Nullable<string> = 'button';\n\n    /** Position of glyph related to text */\n    @Input()\n    glyphPosition: GlyphPosition = 'before';\n\n    /** The icon to include in the button. See the icon page for the list of icons.\n     * Setter is used to control when css class have to be rebuilded.\n     * Default value is set to ''.\n     */\n    @Input()\n    glyph: Nullable<string>;\n\n    /** The type of the button. Types include:\n     * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n     * Leave empty for default (Standard button).'\n     * Default value is set to 'standard'\n     */\n    @Input()\n    fdType: ButtonType = 'standard';\n\n    /**\n     * Text rendered inside button component\n     */\n    @Input()\n    label: string;\n\n    /** Whether to apply menu mode to the button.\n     * Default value is set to false\n     */\n    @Input()\n    fdMenu = false;\n\n    /** adding native aria-label to the component */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Whether button is in toggled state. */\n    @Input()\n    set toggled(value: BooleanInput) {\n        this._toggled = coerceBooleanProperty(value);\n    }\n    get toggled(): boolean {\n        return this._toggled;\n    }\n\n    /**\n     * Native disabled attribute of button element\n     */\n    @Input()\n    set disabled(value: BooleanInput) {\n        this._disabled = coerceBooleanProperty(value);\n    }\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    /**\n     * Native aria-disabled attribute of button element\n     */\n    @Input('aria-disabled')\n    set ariaDisabled(value: BooleanInput) {\n        this._ariaDisabled = coerceBooleanProperty(value);\n    }\n    get ariaDisabled(): boolean {\n        return this._ariaDisabled;\n    }\n\n    /** @hidden */\n    _disabled = false;\n\n    /** @hidden */\n    _ariaDisabled: boolean;\n\n    /** @hidden */\n    @HostBinding('class.fd-button--toggled')\n    @HostBinding('attr.aria-pressed')\n    _toggled = false;\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const FD_BUTTON_COMPONENT = new InjectionToken('FdButtonComponent');\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { BaseButton } from './base-button';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\n/**\n * Button directive, used to enhance standard HTML buttons.\n *\n * ``` selector: button[fd-button], a[fd-button] ```\n *\n * ```html\n * <button fd-button label=\"Button Text\"></button>\n * <a fd-button label=\"Button Text\"></a>\n * ```\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[fd-button], a[fd-button]',\n    exportAs: 'fd-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.type]': 'type',\n        '[attr.disabled]': '_disabled || null',\n        '[attr.aria-label]': 'buttonArialabel'\n    },\n    providers: [\n        contentDensityObserverProviders(),\n        {\n            provide: FD_BUTTON_COMPONENT,\n            useExisting: ButtonComponent\n        }\n    ]\n})\nexport class ButtonComponent extends BaseButton implements OnChanges, CssClassBuilder, OnInit, OnDestroy {\n    /** The property allows user to pass additional css classes. */\n    @Input()\n    class = '';\n\n    /** @hidden */\n    specialButtonType: Array<string> = ['emphasized', 'positive', 'negative', 'attention'];\n\n    /**\n     * Calculate aria-label attribute\n     * @hidden\n     */\n    get buttonArialabel(): string | null {\n        if (this.ariaLabel) {\n            return this.ariaLabel;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            if (this.label != null) {\n                return this.label + ', ' + this.fdType;\n            }\n\n            if (this.glyph != null) {\n                return this.fdType + ', ' + this.glyph.split('-').join(' ');\n            }\n        }\n\n        return null;\n    }\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** Forces the focus outline around the button, which is not default behavior in Safari. */\n    @HostListener('click', ['$event'])\n    clicked(event: MouseEvent): void {\n        const target = event?.target as HTMLElement;\n        // Target can be empty during unit tests execution.\n        if (target && document.activeElement !== target) {\n            target.focus();\n        }\n    }\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef,\n        private _changeDetectorRef: ChangeDetectorRef,\n        private _contentDensityObserver: ContentDensityObserver\n    ) {\n        super();\n        _contentDensityObserver.subscribe();\n    }\n\n    /** Function runs when component is initialized\n     * function should build component css class\n     * function should build css style\n     */\n    public ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    public ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            this.fdType ? `fd-button--${this.fdType}` : '',\n            this.fdMenu ? 'fd-button--menu' : '',\n            this._disabled || this._ariaDisabled ? 'is-disabled' : '',\n            this.toggled ? `fd-button--toggled` : '',\n            this.class\n        ];\n    }\n\n    /** HasElementRef interface implementation\n     * function used by applyCssClass and applyCssStyle decorators\n     */\n    public elementRef(): ElementRef<HTMLButtonElement | HTMLAnchorElement> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    detectChanges(): void {\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<ng-container *ngIf=\"glyphPosition === 'before'\">\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n</ng-container>\n\n<span class=\"fd-button__text\" *ngIf=\"label\">\n    {{ label }}\n</span>\n\n<ng-container *ngIf=\"glyphPosition === 'after'\">\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n</ng-container>\n\n<fd-icon glyph=\"slim-arrow-down\" *ngIf=\"fdMenu\"></fd-icon>\n\n<ng-template #iconTemplate>\n    <fd-icon *ngIf=\"glyph\" [glyph]=\"glyph\"></fd-icon>\n\n    <ng-content></ng-content>\n</ng-template>\n","import { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\nimport { Directive, forwardRef } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-button][compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedButtonContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedButtonContentDensityDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('[fd-button]');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { DeprecatedButtonContentDensityDirective } from './deprecated-button-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    imports: [CommonModule, IconModule, ContentDensityModule],\n    exports: [ButtonComponent, DeprecatedButtonContentDensityDirective, ContentDensityModule],\n    declarations: [ButtonComponent, DeprecatedButtonContentDensityDirective]\n})\nexport class ButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-button.mjs","sources":["../../../../libs/core/src/lib/button/base-button.ts","../../../../libs/core/src/lib/button/tokens.ts","../../../../libs/core/src/lib/button/button.component.ts","../../../../libs/core/src/lib/button/button.component.html","../../../../libs/core/src/lib/button/deprecated-button-content-density.directive.ts","../../../../libs/core/src/lib/button/button.module.ts","../../../../libs/core/src/lib/button/fundamental-ngx-core-button.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nexport type GlyphPosition = 'before' | 'after';\n\nexport type ButtonType =\n    | ''\n    | 'standard'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'half'\n    | 'ghost'\n    | 'transparent'\n    | 'emphasized'\n    | 'menu';\n\n@Directive()\nexport class BaseButton {\n    /**\n     * Native type of button element\n     */\n    @Input()\n    type: Nullable<string> = 'button';\n\n    /** Position of glyph related to text */\n    @Input()\n    glyphPosition: GlyphPosition = 'before';\n\n    /** The icon to include in the button. See the icon page for the list of icons.\n     * Setter is used to control when css class have to be rebuilded.\n     * Default value is set to ''.\n     */\n    @Input()\n    glyph: Nullable<string>;\n\n    /** The type of the button. Types include:\n     * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n     * Leave empty for default (Standard button).'\n     * Default value is set to 'standard'\n     */\n    @Input()\n    fdType: ButtonType = 'standard';\n\n    /**\n     * Text rendered inside button component\n     */\n    @Input()\n    label: string;\n\n    /** Whether to apply menu mode to the button.\n     * Default value is set to false\n     */\n    @Input()\n    fdMenu = false;\n\n    /** adding native aria-label to the component */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Whether button is in toggled state. */\n    @Input()\n    set toggled(value: BooleanInput) {\n        this._toggled = coerceBooleanProperty(value);\n    }\n    get toggled(): boolean {\n        return this._toggled;\n    }\n\n    /**\n     * Native disabled attribute of button element\n     */\n    @Input()\n    set disabled(value: BooleanInput) {\n        this._disabled = coerceBooleanProperty(value);\n    }\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    /**\n     * Native aria-disabled attribute of button element\n     */\n    @Input('aria-disabled')\n    set ariaDisabled(value: BooleanInput) {\n        this._ariaDisabled = coerceBooleanProperty(value);\n    }\n    get ariaDisabled(): boolean {\n        return this._ariaDisabled;\n    }\n\n    /** @hidden */\n    _disabled = false;\n\n    /** @hidden */\n    _ariaDisabled: boolean;\n\n    /** @hidden */\n    @HostBinding('class.fd-button--toggled')\n    @HostBinding('attr.aria-pressed')\n    _toggled = false;\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const FD_BUTTON_COMPONENT = new InjectionToken('FdButtonComponent');\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { BaseButton } from './base-button';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\n/**\n * Button directive, used to enhance standard HTML buttons.\n *\n * ``` selector: button[fd-button], a[fd-button] ```\n *\n * ```html\n * <button fd-button label=\"Button Text\"></button>\n * <a fd-button label=\"Button Text\"></a>\n * ```\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[fd-button], a[fd-button]',\n    exportAs: 'fd-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.type]': 'type',\n        '[attr.disabled]': '_disabled || null',\n        '[attr.aria-label]': 'buttonArialabel'\n    },\n    providers: [\n        contentDensityObserverProviders(),\n        {\n            provide: FD_BUTTON_COMPONENT,\n            useExisting: ButtonComponent\n        }\n    ]\n})\nexport class ButtonComponent extends BaseButton implements OnChanges, CssClassBuilder, OnInit, OnDestroy {\n    /** The property allows user to pass additional css classes. */\n    @Input()\n    class = '';\n\n    /** @hidden */\n    specialButtonType: Array<string> = ['emphasized', 'positive', 'negative', 'attention'];\n\n    /**\n     * Calculate aria-label attribute\n     * @hidden\n     */\n    get buttonArialabel(): string | null {\n        if (this.ariaLabel) {\n            return this.ariaLabel;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            if (this.label != null) {\n                return this.label + ', ' + this.fdType;\n            }\n\n            if (this.glyph != null) {\n                return this.fdType + ', ' + this.glyph.split('-').join(' ');\n            }\n        }\n\n        return null;\n    }\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** Forces the focus outline around the button, which is not default behavior in Safari. */\n    @HostListener('click', ['$event'])\n    clicked(event: MouseEvent): void {\n        const target = event?.target as HTMLElement;\n        // Target can be empty during unit tests execution.\n        if (target && document.activeElement !== target) {\n            target.focus();\n        }\n    }\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        private _changeDetectorRef: ChangeDetectorRef,\n        private _contentDensityObserver: ContentDensityObserver\n    ) {\n        super();\n        _contentDensityObserver.subscribe();\n    }\n\n    /** Function runs when component is initialized\n     * function should build component css class\n     * function should build css style\n     */\n    public ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    public ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            this.fdType ? `fd-button--${this.fdType}` : '',\n            this.fdMenu ? 'fd-button--menu' : '',\n            this._disabled || this._ariaDisabled ? 'is-disabled' : '',\n            this.toggled ? `fd-button--toggled` : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    detectChanges(): void {\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<ng-container *ngIf=\"glyphPosition === 'before'\">\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n</ng-container>\n\n<span class=\"fd-button__text\" *ngIf=\"label\">\n    {{ label }}\n</span>\n\n<ng-container *ngIf=\"glyphPosition === 'after'\">\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n</ng-container>\n\n<fd-icon glyph=\"slim-arrow-down\" *ngIf=\"fdMenu\"></fd-icon>\n\n<ng-template #iconTemplate>\n    <fd-icon *ngIf=\"glyph\" [glyph]=\"glyph\"></fd-icon>\n\n    <ng-content></ng-content>\n</ng-template>\n","import { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\nimport { Directive, forwardRef } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-button][compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedButtonContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedButtonContentDensityDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('[fd-button]');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { DeprecatedButtonContentDensityDirective } from './deprecated-button-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    imports: [CommonModule, IconModule, ContentDensityModule],\n    exports: [ButtonComponent, DeprecatedButtonContentDensityDirective, ContentDensityModule],\n    declarations: [ButtonComponent, DeprecatedButtonContentDensityDirective]\n})\nexport class ButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/fundamental-ngx-core-card.mjs

@@ -50,8 +50,8 @@ const getCardModifierClassNameByCardType = (cardType) => {
 let cardId = 0;
 class CardComponent {
     /** @hidden */
-    constructor(_elementRef, _contentDensityObserver) {
-        this._elementRef = _elementRef;
+    constructor(elementRef, _contentDensityObserver) {
+        this.elementRef = elementRef;
         this._contentDensityObserver = _contentDensityObserver;
         /** Indicates when card should show a loader  */
         this.isLoading = false;
@@ -84,10 +84,6 @@ class CardComponent {
     buildComponentCssClass() {
         return [CLASS_NAME.card, this.cardType ? getCardModifierClassNameByCardType(this.cardType) : ''];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
 CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CardComponent, selector: "fd-card", inputs: { badge: "badge", isLoading: "isLoading", cardType: "cardType", id: "id", role: "role" }, host: { properties: { "attr.id": "this.id", "attr.role": "this.role" } }, providers: [contentDensityObserverProviders()], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n    <!-- Badge -->\n    <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n    <!-- Header and Content -->\n    <ng-content></ng-content>\n\n    <!-- Footer -->\n    <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n    <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{padding-bottom:.5rem}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -120,8 +116,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardSubtitleDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -131,10 +127,6 @@ class CardSubtitleDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardSubtitle];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardSubtitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardSubtitleDirective, selector: "[fd-card-subtitle]", ngImport: i0 });
@@ -161,8 +153,8 @@ class CardHeaderComponent {
         return !this.interactive ? '-1' : this._tabindex;
     }
     /** @hidden */
-    constructor(_elementRef, renderer) {
-        this._elementRef = _elementRef;
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
         this.renderer = renderer;
         /** Whether card header is interactive */
         this.interactive = true;
@@ -176,7 +168,7 @@ class CardHeaderComponent {
     /** @hidden */
     ngAfterContentInit() {
         /** Add fd-card__avatar class to fd-avatar */
-        const avatar = this._elementRef.nativeElement.querySelector('fd-avatar');
+        const avatar = this.elementRef.nativeElement.querySelector('fd-avatar');
         if (avatar) {
             this.renderer.addClass(avatar, 'fd-card__avatar');
         }
@@ -189,10 +181,6 @@ class CardHeaderComponent {
     buildComponentCssClass() {
         return [CLASS_NAME.cardHeader, !this.interactive ? CLASS_NAME.cardHeaderNonInteractive : ''];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CardHeaderComponent, selector: "fd-card-header", inputs: { interactive: "interactive", tabindex: "tabindex" }, host: { properties: { "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "_avatar", first: true, predicate: FD_AVATAR_COMPONENT, descendants: true }, { propertyName: "_subtitle", first: true, predicate: CardSubtitleDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-content select=\"fd-avatar\"></ng-content>\n\n<div class=\"fd-card__header-text\">\n    <!-- Title -->\n    <div class=\"fd-card__title-area\">\n        <ng-content select=\"[fd-card-title]\"></ng-content>\n        <ng-content select=\"[fd-card-counter]\"></ng-content>\n    </div>\n\n    <!-- Subtitle -->\n    <div class=\"fd-card__subtitle-area\" *ngIf=\"_subtitle\">\n        <ng-content select=\"[fd-card-subtitle]\"></ng-content>\n    </div>\n\n    <!-- KPI -->\n    <ng-content select=\"fd-card-kpi-header\"></ng-content>\n\n    <!-- Second Subtitle -->\n    <ng-content select=\"[fd-card-second-subtitle]\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -268,8 +256,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardTitleDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -279,10 +267,6 @@ class CardTitleDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardTitle];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardTitleDirective, selector: "[fd-card-title]", ngImport: i0 });
@@ -302,8 +286,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardSecondSubtitleDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -313,10 +297,6 @@ class CardSecondSubtitleDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardSecondSubtitle];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardSecondSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardSecondSubtitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardSecondSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]", ngImport: i0 });
@@ -336,8 +316,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardCounterDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnChanges() {
@@ -352,10 +332,6 @@ class CardCounterDirective {
         const objectStatusClasses = buildObjectStatusCssClasses(this);
         return [CLASS_NAME.cardCounter, ...objectStatusClasses];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardCounterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardCounterDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardCounterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardCounterDirective, selector: "[fd-card-counter]", inputs: { status: "status" }, usesOnChanges: true, ngImport: i0 });
@@ -377,8 +353,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardContentComponent {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -388,10 +364,6 @@ class CardContentComponent {
     buildComponentCssClass() {
         return [CLASS_NAME.cardContent];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 CardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CardContentComponent, selector: "fd-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -412,8 +384,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardLoaderComponent {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -423,10 +395,6 @@ class CardLoaderComponent {
     buildComponentCssClass() {
         return [CLASS_NAME.cardLoader];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardLoaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 CardLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CardLoaderComponent, selector: "fd-card-loader", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -447,8 +415,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiHeaderComponent {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -458,10 +426,6 @@ class CardKpiHeaderComponent {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalyticalArea];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiHeaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 CardKpiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiHeaderComponent, selector: "fd-card-kpi-header", ngImport: i0, template: "<div class=\"fd-numeric-content fd-card__numeric-content\">\n    <div class=\"fd-numeric-content__kpi-container\">\n        <ng-content select=\"[fd-card-kpi-value]\"></ng-content>\n    </div>\n    <div class=\"fd-numeric-content__scale-container\">\n        <div class=\"fd-numeric-content__scale\">\n            <ng-content select=\"[fd-card-kpi-scale-icon]\"></ng-content>\n            <ng-content select=\"[fd-card-kpi-scale-text]\"></ng-content>\n        </div>\n    </div>\n</div>\n\n<div class=\"fd-card__analytics-container\">\n    <ng-content select=\"[fd-card-kpi-analytics]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -478,8 +442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiValueDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -492,10 +456,6 @@ class CardKpiValueDirective {
             this.status ? `${CLASS_NAME.cardAnalyticsKpiValue}--${this.status}` : ''
         ];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiValueDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: { status: "status" }, ngImport: i0 });
@@ -517,8 +477,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiScaleIconDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -528,10 +488,6 @@ class CardKpiScaleIconDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalyticsScaleIcon];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiScaleIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiScaleIconDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiScaleIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]", ngImport: i0 });
@@ -551,8 +507,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiScaleTextDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -562,10 +518,6 @@ class CardKpiScaleTextDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalyticsScaleText];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiScaleTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiScaleTextDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiScaleTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]", ngImport: i0 });
@@ -585,8 +537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiAnalyticsDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -596,10 +548,6 @@ class CardKpiAnalyticsDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalytics];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiAnalyticsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiAnalyticsDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiAnalyticsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]", ngImport: i0 });
@@ -619,8 +567,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiAnalyticsLabelDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -630,10 +578,6 @@ class CardKpiAnalyticsLabelDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalyticsText];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiAnalyticsLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiAnalyticsLabelDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiAnalyticsLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]", ngImport: i0 });
@@ -653,8 +597,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class CardKpiAnalyticsContentDirective {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -664,10 +608,6 @@ class CardKpiAnalyticsContentDirective {
     buildComponentCssClass() {
         return [CLASS_NAME.cardAnalyticsContent];
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
 }
 CardKpiAnalyticsContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CardKpiAnalyticsContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 CardKpiAnalyticsContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]", ngImport: i0 });