@fundamental-ngx/core 0.43.9 → 0.43.11
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.
- package/date-picker/date-picker.component.d.ts +2 -0
- package/datetime-picker/datetime-picker.component.d.ts +2 -0
- package/dialog/base/dialog-base.service.d.ts +4 -3
- package/dialog/dialog-container/dialog-container.component.d.ts +12 -11
- package/dialog/index.d.ts +11 -10
- package/dialog/utils/dialog-container.model.d.ts +4 -0
- package/esm2020/busy-indicator/busy-indicator.component.mjs +3 -3
- package/esm2020/date-picker/date-picker.component.mjs +8 -8
- package/esm2020/datetime-picker/datetime-picker.component.mjs +8 -7
- package/esm2020/dialog/base/dialog-base.service.mjs +8 -3
- package/esm2020/dialog/dialog-container/dialog-container.component.mjs +23 -23
- package/esm2020/dialog/index.mjs +12 -11
- package/esm2020/dialog/utils/dialog-container.model.mjs +2 -0
- package/esm2020/form/form-message/popover-form-message.service.mjs +2 -12
- package/esm2020/message-box/message-box-container/message-box-container.component.mjs +23 -24
- package/esm2020/multi-input/multi-input.component.mjs +76 -56
- package/esm2020/multi-input/multi-input.module.mjs +17 -14
- package/esm2020/multi-input/pair-selection.model.mjs +38 -0
- package/esm2020/popover/popover-body/popover-body.component.mjs +3 -3
- package/esm2020/popover/popover-service/popover.service.mjs +9 -2
- package/esm2020/time-picker/time-picker.component.mjs +19 -20
- package/esm2020/token/token.component.mjs +4 -3
- package/esm2020/token/tokenizer.component.mjs +32 -13
- package/fesm2015/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-date-picker.mjs +6 -6
- package/fesm2015/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs +6 -6
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-dialog.mjs +189 -184
- package/fesm2015/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-form.mjs +1 -10
- package/fesm2015/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-message-box.mjs +20 -20
- package/fesm2015/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-multi-input.mjs +158 -100
- package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-popover.mjs +10 -3
- package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-time-picker.mjs +14 -16
- package/fesm2015/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-token.mjs +29 -9
- package/fesm2015/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-date-picker.mjs +6 -6
- package/fesm2020/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs +6 -5
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-dialog.mjs +188 -183
- package/fesm2020/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-form.mjs +1 -10
- package/fesm2020/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-message-box.mjs +20 -20
- package/fesm2020/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-multi-input.mjs +158 -98
- package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-popover.mjs +10 -3
- package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-time-picker.mjs +15 -16
- package/fesm2020/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-token.mjs +29 -9
- package/fesm2020/fundamental-ngx-core-token.mjs.map +1 -1
- package/form/form-message/popover-form-message.service.d.ts +3 -7
- package/fundamental-ngx-core-v0.43.11.tgz +0 -0
- package/message-box/message-box-container/message-box-container.component.d.ts +12 -13
- package/multi-input/multi-input.component.d.ts +30 -21
- package/multi-input/multi-input.module.d.ts +2 -1
- package/multi-input/pair-selection.model.d.ts +19 -0
- package/package.json +3 -3
- package/popover/popover-service/popover.service.d.ts +1 -1
- package/schematics/add-dependencies/index.js +4 -4
- package/time-picker/time-picker.component.d.ts +17 -15
- package/token/tokenizer.component.d.ts +10 -2
- package/fundamental-ngx-core-v0.43.9.tgz +0 -0
|
@@ -193,6 +193,8 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
|
|
|
193
193
|
_inputGroupElement: ElementRef;
|
|
194
194
|
/** @hidden */
|
|
195
195
|
_inputElement: ElementRef<HTMLInputElement>;
|
|
196
|
+
/** @hidden */
|
|
197
|
+
private readonly _messagePopoverTemplate;
|
|
196
198
|
/** @hidden The value of the input */
|
|
197
199
|
_inputFieldDate: string | null;
|
|
198
200
|
/** @hidden Whether the date input is invalid */
|
|
@@ -197,6 +197,8 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
|
|
|
197
197
|
_inputGroupElement: ElementRef;
|
|
198
198
|
/** @hidden */
|
|
199
199
|
_inputElement: ElementRef<HTMLInputElement>;
|
|
200
|
+
/** @hidden */
|
|
201
|
+
private readonly _formMessageTemplate;
|
|
200
202
|
/**
|
|
201
203
|
* @hidden
|
|
202
204
|
* Date of the input field. Internal use.
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ComponentRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { DialogConfig } from '../utils/dialog-config.class';
|
|
4
|
+
import { DialogContainer } from '../utils/dialog-container.model';
|
|
4
5
|
import { DialogConfigBase } from './dialog-config-base.class';
|
|
5
6
|
import { DialogRefBase } from './dialog-ref-base.class';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
/** Service used to dynamically generate a dialog. */
|
|
8
|
-
export declare abstract class DialogBaseService<T
|
|
9
|
+
export declare abstract class DialogBaseService<T extends DialogContainer<any>> implements OnDestroy {
|
|
10
|
+
abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
|
|
9
11
|
/** @hidden Collection of existing dialog references */
|
|
10
12
|
protected _dialogs: ComponentRef<T>[];
|
|
11
13
|
/** @hidden */
|
|
@@ -16,10 +18,9 @@ export declare abstract class DialogBaseService<T> implements OnDestroy {
|
|
|
16
18
|
*/
|
|
17
19
|
hasOpenDialogs(): boolean;
|
|
18
20
|
/** Dismisses all currently open dialogs. */
|
|
19
|
-
dismissAll(): void;
|
|
21
|
+
dismissAll(reason?: any): void;
|
|
20
22
|
/** @hidden */
|
|
21
23
|
ngOnDestroy(): void;
|
|
22
|
-
abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
|
|
23
24
|
/** @hidden Extends configuration using default values*/
|
|
24
25
|
protected _applyDefaultConfig(config: DialogConfig, defaultConfig: DialogConfig): DialogConfig;
|
|
25
26
|
/** @hidden Destroy existing dialog */
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
|
|
2
1
|
import { AnimationEvent } from '@angular/animations';
|
|
2
|
+
import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
|
|
3
3
|
import { CssClassBuilder, DestroyedService, DynamicComponentContainer } from '@fundamental-ngx/cdk/utils';
|
|
4
|
-
import { DialogRef } from '../utils/dialog-ref.class';
|
|
5
|
-
import { DialogConfig } from '../utils/dialog-config.class';
|
|
6
|
-
import { DialogContentType } from '../dialog.types';
|
|
7
4
|
import { CdkPortalOutlet, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
|
|
5
|
+
import { DialogContentType } from '../dialog.types';
|
|
6
|
+
import { DialogConfig } from '../utils/dialog-config.class';
|
|
7
|
+
import { DialogContainer } from '../utils/dialog-container.model';
|
|
8
|
+
import { DialogRef } from '../utils/dialog-ref.class';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
/** Dialog container where the dialog content is embedded. */
|
|
10
|
-
export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements AfterViewInit, AfterContentChecked, CssClassBuilder {
|
|
11
|
+
export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements DialogContainer<any>, AfterViewInit, AfterContentChecked, CssClassBuilder {
|
|
11
12
|
dialogConfig: DialogConfig;
|
|
12
|
-
|
|
13
|
+
ref: DialogRef;
|
|
13
14
|
private _destroy$;
|
|
14
15
|
/** Custom classes */
|
|
15
16
|
set class(userClass: string);
|
|
@@ -20,14 +21,16 @@ export declare class DialogContainerComponent extends DynamicComponentContainer<
|
|
|
20
21
|
/** @hidden */
|
|
21
22
|
private _class;
|
|
22
23
|
/** @hidden */
|
|
23
|
-
constructor(dialogConfig: DialogConfig,
|
|
24
|
+
constructor(dialogConfig: DialogConfig, ref: DialogRef, _destroy$: DestroyedService, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, injector: Injector);
|
|
25
|
+
/** @hidden */
|
|
26
|
+
buildComponentCssClass(): string[];
|
|
27
|
+
/** Handle end of animations, updating the state of the Message Toast. */
|
|
28
|
+
onAnimationEnd(event: AnimationEvent): void;
|
|
24
29
|
/** @hidden */
|
|
25
30
|
ngAfterViewInit(): void;
|
|
26
31
|
/** @hidden */
|
|
27
32
|
ngAfterContentChecked(): void;
|
|
28
33
|
/** @hidden */
|
|
29
|
-
buildComponentCssClass(): string[];
|
|
30
|
-
/** @hidden */
|
|
31
34
|
protected _attached(event: CdkPortalOutletAttachedRef): void;
|
|
32
35
|
/** @hidden Load received content */
|
|
33
36
|
protected _loadContent(): void;
|
|
@@ -35,8 +38,6 @@ export declare class DialogContainerComponent extends DynamicComponentContainer<
|
|
|
35
38
|
private _templateContext;
|
|
36
39
|
/** @hidden Load Dialog component from passed object */
|
|
37
40
|
private _createFromDefaultDialog;
|
|
38
|
-
/** Handle end of animations, updating the state of the Message Toast. */
|
|
39
|
-
onAnimationEnd(event: AnimationEvent): void;
|
|
40
41
|
/**
|
|
41
42
|
* @hidden
|
|
42
43
|
* We need to wait until animation plays, and then send signal to the service to destroy the component.
|
package/dialog/index.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export * from './dialog.module';
|
|
2
|
-
export * from './dialog.component';
|
|
3
|
-
export * from './dialog-service/dialog.service';
|
|
4
1
|
export * from './dialog-body/dialog-body.component';
|
|
5
|
-
export * from './dialog-header/dialog-header.component';
|
|
6
|
-
export * from './dialog-footer/dialog-footer.component';
|
|
7
2
|
export * from './dialog-close-button/dialog-close-button.component';
|
|
8
3
|
export * from './dialog-footer-button/dialog-footer-button.component';
|
|
4
|
+
export * from './dialog-footer/dialog-footer.component';
|
|
5
|
+
export * from './dialog-header/dialog-header.component';
|
|
6
|
+
export * from './dialog-service/dialog.service';
|
|
7
|
+
export * from './dialog.component';
|
|
8
|
+
export * from './dialog.module';
|
|
9
9
|
export * from './directives/dialog-decisive-button.directive';
|
|
10
10
|
export * from './directives/dialog-title.directive';
|
|
11
|
-
export * from './
|
|
11
|
+
export * from './dialog-container/dialog-container.component';
|
|
12
|
+
export * from './dialog-default/dialog-default.component';
|
|
12
13
|
export * from './utils/dialog-config.class';
|
|
13
|
-
export * from './utils/dialog-position.class';
|
|
14
14
|
export * from './utils/dialog-default-content.class';
|
|
15
|
-
export * from './
|
|
16
|
-
export * from './
|
|
15
|
+
export * from './utils/dialog-position.class';
|
|
16
|
+
export * from './utils/dialog-ref.class';
|
|
17
17
|
export * from './base/dialog-base.class';
|
|
18
18
|
export * from './base/dialog-base.service';
|
|
19
19
|
export * from './base/dialog-config-base.class';
|
|
@@ -21,7 +21,8 @@ export * from './base/dialog-content-base.class';
|
|
|
21
21
|
export * from './base/dialog-footer-base.class';
|
|
22
22
|
export * from './base/dialog-header-base.class';
|
|
23
23
|
export * from './base/dialog-ref-base.class';
|
|
24
|
+
export * from './utils/dialog-container.model';
|
|
24
25
|
export * from './utils/dialog.animations';
|
|
25
26
|
export * from './dialog.types';
|
|
26
|
-
export * from './utils/dialog-overlay.container';
|
|
27
27
|
export * from './tokens';
|
|
28
|
+
export * from './utils/dialog-overlay.container';
|
|
@@ -36,7 +36,7 @@ BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
36
36
|
provide: FD_BUSY_INDICATOR_COMPONENT,
|
|
37
37
|
useExisting: BusyIndicatorComponent
|
|
38
38
|
}
|
|
39
|
-
], viewQueries: [{ propertyName: "fakeFocusElement", first: true, predicate: ["fakeFocusElement"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n <div\n #busyIndicator\n class=\"fd-busy-indicator\"\n [class.fd-busy-indicator--l]=\"size === 'l'\"\n [class.fd-busy-indicator--m]=\"size === 'm'\"\n [class.fd-busy-indicator--s]=\"size === 's'\"\n
|
|
39
|
+
], viewQueries: [{ propertyName: "fakeFocusElement", first: true, predicate: ["fakeFocusElement"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n <div\n #busyIndicator\n class=\"fd-busy-indicator\"\n [class.fd-busy-indicator--l]=\"size === 'l'\"\n [class.fd-busy-indicator--m]=\"size === 'm'\"\n [class.fd-busy-indicator--s]=\"size === 's'\"\n >\n <div class=\"fd-busy-indicator__circle\"></div>\n <div class=\"fd-busy-indicator__circle\"></div>\n <div class=\"fd-busy-indicator__circle\"></div>\n </div>\n\n <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n <div class=\"fd-busy-indicator__overlay\"></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\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-busy-indicator{--Dot_Color:var(--fdBusy_Indicator_Dot_Color);--Dot_Size:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--Dot_Color);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:0;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-align:center}.fd-busy-indicator--contrast{--Dot_Color:var(--fdBusy_Indicator_Dot_Contrast_Color)}.fd-busy-indicator--m{--Dot_Size:1rem}.fd-busy-indicator--l{--Dot_Size:2rem}.fd-busy-indicator:after,.fd-busy-indicator:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow2);max-width:23.125rem;text-shadow:var(--sapContent_TextShadow);width:23.125rem}.fd-busy-indicator-extended__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);display:block;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;text-align:center}.fd-busy-indicator-extended__label:after,.fd-busy-indicator-extended__label:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{-webkit-box-sizing:border-box;animation:grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;background-color:currentColor;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);color:var(--Dot_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--Dot_Size);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;width:var(--Dot_Size)}.fd-busy-indicator__circle:after,.fd-busy-indicator__circle:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle:nth-child(2){animation-delay:.2s}.fd-busy-indicator__circle:nth-child(3){animation-delay:.4s}@keyframes grow{0%,50%,to{transform:scale(.5)}25%{transform:scale(1)}}*+.fd-busy-indicator,*+.fd-busy-indicator+.fd-busy-indicator-extended__label{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}*+.fd-busy-indicator+.fd-busy-indicator-extended__label{z-index:2;transform:translate(-50%,50%)!important}.fd-busy-indicator:first-child~.fd-busy-indicator__overlay{background-color:transparent}.fd-busy-indicator{z-index:2}.fd-busy-indicator__container{display:block;position:relative}.fd-busy-indicator__container:focus{outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:var(--sapContent_FocusColor, #000);outline-style:var(--sapContent_FocusStyle, dotted)}.fd-busy-indicator__container[tabindex=\"-1\"]{outline:none}.fd-busy-indicator__container--inline{display:inline-block}.fd-busy-indicator__overlay{position:absolute;inset:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'fd-busy-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
53
53
|
'[attr.title]': 'title',
|
|
54
54
|
'[class.fd-busy-indicator__container]': 'true',
|
|
55
55
|
'[class.fd-busy-indicator__container--inline]': '!block'
|
|
56
|
-
}, template: "<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n <div\n #busyIndicator\n class=\"fd-busy-indicator\"\n [class.fd-busy-indicator--l]=\"size === 'l'\"\n [class.fd-busy-indicator--m]=\"size === 'm'\"\n [class.fd-busy-indicator--s]=\"size === 's'\"\n
|
|
56
|
+
}, template: "<ng-content></ng-content>\n\n<ng-container *ngIf=\"loading\">\n <div\n #busyIndicator\n class=\"fd-busy-indicator\"\n [class.fd-busy-indicator--l]=\"size === 'l'\"\n [class.fd-busy-indicator--m]=\"size === 'm'\"\n [class.fd-busy-indicator--s]=\"size === 's'\"\n >\n <div class=\"fd-busy-indicator__circle\"></div>\n <div class=\"fd-busy-indicator__circle\"></div>\n <div class=\"fd-busy-indicator__circle\"></div>\n </div>\n\n <span *ngIf=\"label\" class=\"fd-busy-indicator-extended__label\">{{ label }}</span>\n\n <div class=\"fd-busy-indicator__overlay\"></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\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-busy-indicator{--Dot_Color:var(--fdBusy_Indicator_Dot_Color);--Dot_Size:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--Dot_Color);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:0;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-align:center}.fd-busy-indicator--contrast{--Dot_Color:var(--fdBusy_Indicator_Dot_Contrast_Color)}.fd-busy-indicator--m{--Dot_Size:1rem}.fd-busy-indicator--l{--Dot_Size:2rem}.fd-busy-indicator:after,.fd-busy-indicator:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow2);max-width:23.125rem;text-shadow:var(--sapContent_TextShadow);width:23.125rem}.fd-busy-indicator-extended__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);display:block;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;text-align:center}.fd-busy-indicator-extended__label:after,.fd-busy-indicator-extended__label:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{-webkit-box-sizing:border-box;animation:grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;background-color:currentColor;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);color:var(--Dot_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--Dot_Size);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;width:var(--Dot_Size)}.fd-busy-indicator__circle:after,.fd-busy-indicator__circle:before{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle:nth-child(2){animation-delay:.2s}.fd-busy-indicator__circle:nth-child(3){animation-delay:.4s}@keyframes grow{0%,50%,to{transform:scale(.5)}25%{transform:scale(1)}}*+.fd-busy-indicator,*+.fd-busy-indicator+.fd-busy-indicator-extended__label{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}*+.fd-busy-indicator+.fd-busy-indicator-extended__label{z-index:2;transform:translate(-50%,50%)!important}.fd-busy-indicator:first-child~.fd-busy-indicator__overlay{background-color:transparent}.fd-busy-indicator{z-index:2}.fd-busy-indicator__container{display:block;position:relative}.fd-busy-indicator__container:focus{outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:var(--sapContent_FocusColor, #000);outline-style:var(--sapContent_FocusStyle, dotted)}.fd-busy-indicator__container[tabindex=\"-1\"]{outline:none}.fd-busy-indicator__container--inline{display:inline-block}.fd-busy-indicator__overlay{position:absolute;inset:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}\n"] }]
|
|
57
57
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { loading: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], size: [{
|
|
@@ -75,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
75
75
|
type: HostListener,
|
|
76
76
|
args: ['keydown', ['$event']]
|
|
77
77
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnVzeS1pbmRpY2F0b3IvYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFckQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBMkJ2RCxNQUFNLE9BQU8sc0JBQXNCO0lBaUMvQixjQUFjO0lBQ2QsWUFBb0IsV0FBdUI7UUFBdkIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUE3QjNDLGdFQUFnRTtRQUVoRSxTQUFJLEdBQXNCLEdBQUcsQ0FBQztRQUU5Qiw2Q0FBNkM7UUFFN0MsVUFBSyxHQUFHLEtBQUssQ0FBQztRQWNkLGlDQUFpQztRQUVqQyxhQUFRLEdBQTZDLFFBQVEsQ0FBQztJQU9oQixDQUFDO0lBRS9DLGtGQUFrRjtJQUVsRixzQkFBc0IsQ0FBQyxLQUFvQjtRQUN2QyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFO1lBQ2xFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDL0M7SUFDTCxDQUFDO0lBRUQ7dUVBQ21FO0lBQ25FLHVCQUF1QixDQUFDLEtBQWlCO1FBQ3JDLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsYUFBYSxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFO1lBQ3hFLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUMxQztJQUNMLENBQUM7O21IQW5EUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixva0JBakJwQjtRQUNQO1lBQ0ksT0FBTyxFQUFFLDJCQUEyQjtZQUNwQyxXQUFXLEVBQUUsc0JBQXNCO1NBQ3RDO0tBQ0osZ0pDM0JMLHV3QkFxQkE7MkZEa0JhLHNCQUFzQjtrQkF2QmxDLFNBQVM7K0JBQ0ksbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLDJCQUEyQjs0QkFDcEMsV0FBVyx3QkFBd0I7eUJBQ3RDO3FCQUNKLFFBQ0s7d0JBQ0YsYUFBYSxFQUFFLDBDQUEwQzt3QkFDekQsaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxrQkFBa0IsRUFBRSxTQUFTO3dCQUM3QixrQkFBa0IsRUFBRSxVQUFVO3dCQUM5QixtQkFBbUIsRUFBRSxXQUFXO3dCQUNoQyxjQUFjLEVBQUUsT0FBTzt3QkFDdkIsc0NBQXNDLEVBQUUsTUFBTTt3QkFDOUMsOENBQThDLEVBQUUsUUFBUTtxQkFDM0Q7aUdBS0QsT0FBTztzQkFETixLQUFLO2dCQUtOLElBQUk7c0JBREgsS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sU0FBUztzQkFEUixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sUUFBUTtzQkFEUCxLQUFLO2dCQUtOLGdCQUFnQjtzQkFEZixTQUFTO3VCQUFDLGtCQUFrQjtnQkFRN0Isc0JBQXNCO3NCQURyQixZQUFZO3VCQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtleVV0aWwgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcbmltcG9ydCB7IFRBQiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9rZXljb2Rlcyc7XG5pbXBvcnQgeyBGRF9CVVNZX0lORElDQVRPUl9DT01QT05FTlQgfSBmcm9tICcuL3Rva2Vucyc7XG5cbmV4cG9ydCB0eXBlIEJ1c3lJbmRpY2F0b3JTaXplID0gJ3MnIHwgJ20nIHwgJ2wnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLWJ1c3ktaW5kaWNhdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnVzeS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2J1c3ktaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogRkRfQlVTWV9JTkRJQ0FUT1JfQ09NUE9ORU5ULFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IEJ1c3lJbmRpY2F0b3JDb21wb25lbnRcbiAgICAgICAgfVxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIucm9sZV0nOiBcImxvYWRpbmcgPyAncHJvZ3Jlc3NiYXInIDogJ3ByZXNlbnRhdGlvbidcIixcbiAgICAgICAgJ1thdHRyLnRhYmluZGV4XSc6ICdsb2FkaW5nID8gMCA6IC0xJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtYnVzeV0nOiAnbG9hZGluZycsXG4gICAgICAgICdbYXR0ci5hcmlhLWxpdmVdJzogJ2FyaWFMaXZlJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ2FyaWFMYWJlbCcsXG4gICAgICAgICdbYXR0ci50aXRsZV0nOiAndGl0bGUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXJdJzogJ3RydWUnLFxuICAgICAgICAnW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yX19jb250YWluZXItLWlubGluZV0nOiAnIWJsb2NrJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQnVzeUluZGljYXRvckNvbXBvbmVudCB7XG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgbG9hZGluZyBpbmRpY2F0b3IgYW5pbWF0aW9uLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbjtcblxuICAgIC8qKiBUaGUgc2l6ZSBvZiB0aGUgbG9hZGluZyBpbmRpY2F0b3IsIGRlZmF1bHQgd2lsbCBiZSBtZWRpdW0gKi9cbiAgICBASW5wdXQoKVxuICAgIHNpemU6IEJ1c3lJbmRpY2F0b3JTaXplID0gJ20nO1xuXG4gICAgLyoqIFdoZXRoZXIgdG8gdXNlIGxvYWRlciBhcyBibG9jayBlbGVtZW50ICovXG4gICAgQElucHV0KClcbiAgICBibG9jayA9IGZhbHNlO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgYXR0cmlidXRlIHZhbHVlLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgYXJpYUxhYmVsOiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqIHRpdGxlIGF0dHJpYnV0ZSB2YWx1ZSBmb3IgdG9vbHRpcC4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRpdGxlOiBzdHJpbmc7XG5cbiAgICAvKiogYWRkIGxvYWRpbmcgbGFiZWwgdmFsdWUgKi9cbiAgICBASW5wdXQoKVxuICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogQXJpYSBsaXZlIGF0dHJpYnV0ZSB2YWx1ZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMaXZlOiBOdWxsYWJsZTwnYXNzZXJ0aXZlJyB8ICdwb2xpdGUnIHwgJ29mZic+ID0gJ3BvbGl0ZSc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoJ2Zha2VGb2N1c0VsZW1lbnQnKVxuICAgIGZha2VGb2N1c0VsZW1lbnQ6IEVsZW1lbnRSZWY7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgICAvKiogQGhpZGRlbiBJZiBmb2N1cyBlc2NhcGVzIGJ1c3kgY29udGFpbmVyIGZvY3VzIGVsZW1lbnQgYWZ0ZXIgd3JhcHBlZCBjb250ZW50ICovXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bicsIFsnJGV2ZW50J10pXG4gICAgaG9zdEZvY3VzQ2hhbmdlSGFuZGxlcihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nICYmIEtleVV0aWwuaXNLZXlDb2RlKGV2ZW50LCBUQUIpICYmICFldmVudC5zaGlmdEtleSkge1xuICAgICAgICAgICAgdGhpcy5mYWtlRm9jdXNFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuIElmIGJ1c3kgY29udGFpbmVyIGlzIG5hdmlnYXRlZCBhcyBcInByZXZpb3VzIGZvY3VzYWJsZSBlbGVtZW50XCIsXG4gICAgICogZm9jdXMgYnVzeSBpbmRpY2F0b3IgdG8gcHJldmVudCBmcm9tIGZvY3VzaW5nIHdyYXBwZWQgY29udGVudCAqL1xuICAgIGZha2VFbGVtZW50Rm9jdXNIYW5kbGVyKGV2ZW50OiBGb2N1c0V2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcgJiYgZXZlbnQucmVsYXRlZFRhcmdldCAhPT0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxuICAgIDxkaXZcbiAgICAgICAgI2J1c3lJbmRpY2F0b3JcbiAgICAgICAgY2xhc3M9XCJmZC1idXN5LWluZGljYXRvclwiXG4gICAgICAgIFtjbGFzcy5mZC1idXN5LWluZGljYXRvci0tbF09XCJzaXplID09PSAnbCdcIlxuICAgICAgICBbY2xhc3MuZmQtYnVzeS1pbmRpY2F0b3ItLW1dPVwic2l6ZSA9PT0gJ20nXCJcbiAgICAgICAgW2NsYXNzLmZkLWJ1c3ktaW5kaWNhdG9yLS1zXT1cInNpemUgPT09ICdzJ1wiXG4gICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JfX2NpcmNsZVwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JfX2NpcmNsZVwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JfX2NpcmNsZVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3ItZXh0ZW5kZWRfX2xhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZmQtYnVzeS1pbmRpY2F0b3JfX292ZXJsYXlcIj48L2Rpdj5cblxuICAgIDxkaXYgI2Zha2VGb2N1c0VsZW1lbnQgdGFiaW5kZXg9XCIwXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgKGZvY3VzaW4pPVwiZmFrZUVsZW1lbnRGb2N1c0hhbmRsZXIoJGV2ZW50KVwiPjwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|