@fundamental-ngx/core 0.35.0-rc.14 → 0.35.0-rc.17
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/action-bar/package.json +1 -1
- package/action-sheet/package.json +1 -1
- package/alert/package.json +1 -1
- package/avatar/package.json +1 -1
- package/avatar-group/package.json +1 -1
- package/bar/package.json +1 -1
- package/breadcrumb/package.json +1 -1
- package/busy-indicator/esm2020/busy-indicator.component.mjs +2 -2
- package/busy-indicator/fesm2015/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/busy-indicator/fesm2020/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/busy-indicator/package.json +1 -1
- package/button/package.json +1 -1
- package/calendar/package.json +1 -1
- package/card/package.json +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/combobox/package.json +1 -1
- package/date-picker/date-picker.component.d.ts +2 -0
- package/date-picker/esm2020/date-picker.component.mjs +13 -6
- package/date-picker/fesm2015/fundamental-ngx-core-date-picker.mjs +12 -5
- package/date-picker/fesm2015/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/date-picker/fesm2020/fundamental-ngx-core-date-picker.mjs +12 -5
- package/date-picker/fesm2020/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/date-picker/package.json +1 -1
- package/datetime/esm2020/fd-datetime-adapter.mjs +4 -1
- package/datetime/fesm2015/fundamental-ngx-core-datetime.mjs +3 -0
- package/datetime/fesm2015/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/datetime/fesm2020/fundamental-ngx-core-datetime.mjs +3 -0
- package/datetime/fesm2020/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/datetime/package.json +1 -1
- package/datetime-picker/datetime-picker.component.d.ts +2 -0
- package/datetime-picker/esm2020/datetime-picker.component.mjs +7 -3
- package/datetime-picker/fesm2015/fundamental-ngx-core-datetime-picker.mjs +6 -2
- package/datetime-picker/fesm2015/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/datetime-picker/fesm2020/fundamental-ngx-core-datetime-picker.mjs +6 -2
- package/datetime-picker/fesm2020/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/datetime-picker/package.json +1 -1
- package/dialog/package.json +1 -1
- package/dynamic-page/package.json +1 -1
- package/dynamic-side-content/package.json +1 -1
- package/esm2020/busy-indicator/busy-indicator.component.mjs +2 -2
- package/esm2020/date-picker/date-picker.component.mjs +13 -6
- package/esm2020/datetime/fd-datetime-adapter.mjs +4 -1
- package/esm2020/datetime-picker/datetime-picker.component.mjs +7 -3
- package/esm2020/time-picker/time-picker.component.mjs +2 -2
- package/facets/package.json +1 -1
- package/feed-input/package.json +1 -1
- package/feed-list-item/package.json +1 -1
- package/fesm2015/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-date-picker.mjs +12 -5
- package/fesm2015/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs +6 -2
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-datetime.mjs +3 -0
- package/fesm2015/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-time-picker.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-date-picker.mjs +12 -5
- package/fesm2020/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs +6 -2
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-datetime.mjs +3 -0
- package/fesm2020/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-time-picker.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/file-uploader/package.json +1 -1
- package/fixed-card-layout/package.json +1 -1
- package/flexible-column-layout/package.json +1 -1
- package/form/package.json +1 -1
- package/formatted-text/package.json +1 -1
- package/grid-list/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustrated-message/package.json +1 -1
- package/infinite-scroll/package.json +1 -1
- package/info-label/package.json +1 -1
- package/inline-help/package.json +1 -1
- package/input-group/package.json +1 -1
- package/layout-grid/package.json +1 -1
- package/layout-panel/package.json +1 -1
- package/link/package.json +1 -1
- package/list/package.json +1 -1
- package/menu/package.json +1 -1
- package/message-box/package.json +1 -1
- package/message-strip/package.json +1 -1
- package/message-toast/package.json +1 -1
- package/micro-process-flow/package.json +1 -1
- package/mobile-mode/package.json +1 -1
- package/multi-input/package.json +1 -1
- package/nested-list/package.json +1 -1
- package/notification/package.json +1 -1
- package/object-identifier/package.json +1 -1
- package/object-marker/package.json +1 -1
- package/object-number/package.json +1 -1
- package/object-status/package.json +1 -1
- package/package.json +1 -1
- package/pagination/package.json +1 -1
- package/panel/package.json +1 -1
- package/popover/package.json +1 -1
- package/product-switch/package.json +1 -1
- package/progress-indicator/package.json +1 -1
- package/quick-view/package.json +1 -1
- package/radio/package.json +1 -1
- package/rating-indicator/package.json +1 -1
- package/resizable-card-layout/package.json +1 -1
- package/scroll-spy/package.json +1 -1
- package/scrollbar/package.json +1 -1
- package/segmented-button/package.json +1 -1
- package/select/package.json +1 -1
- package/shared/package.json +1 -1
- package/shellbar/package.json +1 -1
- package/side-navigation/package.json +1 -1
- package/slider/package.json +1 -1
- package/split-button/package.json +1 -1
- package/splitter/package.json +1 -1
- package/status-indicator/package.json +1 -1
- package/step-input/package.json +1 -1
- package/switch/package.json +1 -1
- package/table/package.json +1 -1
- package/tabs/package.json +1 -1
- package/text/package.json +1 -1
- package/theming/package.json +1 -1
- package/tile/package.json +1 -1
- package/time/package.json +1 -1
- package/time-picker/esm2020/time-picker.component.mjs +2 -2
- package/time-picker/fesm2015/fundamental-ngx-core-time-picker.mjs +1 -1
- package/time-picker/fesm2015/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/time-picker/fesm2020/fundamental-ngx-core-time-picker.mjs +1 -1
- package/time-picker/fesm2020/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/time-picker/package.json +1 -1
- package/timeline/package.json +1 -1
- package/title/package.json +1 -1
- package/token/package.json +1 -1
- package/toolbar/package.json +1 -1
- package/tree/package.json +1 -1
- package/upload-collection/package.json +1 -1
- package/utils/package.json +1 -1
- package/vertical-navigation/package.json +1 -1
- package/wizard/package.json +1 -1
package/action-bar/package.json
CHANGED
package/alert/package.json
CHANGED
package/avatar/package.json
CHANGED
package/bar/package.json
CHANGED
package/breadcrumb/package.json
CHANGED
|
@@ -30,7 +30,7 @@ export class BusyIndicatorComponent {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
33
|
+
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'fd-busy-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
42
42
|
'[attr.title]': 'title',
|
|
43
43
|
'[class.fd-busy-indicator__container]': 'true',
|
|
44
44
|
'[class.fd-busy-indicator__container--inline]': '!block'
|
|
45
|
-
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
45
|
+
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"] }]
|
|
46
46
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { loading: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], size: [{
|
|
@@ -32,7 +32,7 @@ class BusyIndicatorComponent {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
35
|
+
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'fd-busy-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
44
44
|
'[attr.title]': 'title',
|
|
45
45
|
'[class.fd-busy-indicator__container]': 'true',
|
|
46
46
|
'[class.fd-busy-indicator__container--inline]': '!block'
|
|
47
|
-
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
47
|
+
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"] }]
|
|
48
48
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { loading: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], size: [{
|
|
@@ -32,7 +32,7 @@ class BusyIndicatorComponent {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
35
|
+
BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: { loading: "loading", size: "size", block: "block", ariaLabel: "ariaLabel", title: "title", label: "label", ariaLive: "ariaLive" }, host: { listeners: { "keydown": "hostFocusChangeHandler($event)" }, properties: { "attr.role": "loading ? 'progressbar' : 'presentation'", "attr.tabindex": "loading ? 0 : -1", "attr.aria-busy": "loading", "attr.aria-live": "ariaLive", "attr.aria-label": "ariaLabel", "attr.title": "title", "class.fd-busy-indicator__container": "true", "class.fd-busy-indicator__container--inline": "!block" } }, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'fd-busy-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
44
44
|
'[attr.title]': 'title',
|
|
45
45
|
'[class.fd-busy-indicator__container]': 'true',
|
|
46
46
|
'[class.fd-busy-indicator__container--inline]': '!block'
|
|
47
|
-
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color
|
|
47
|
+
}, 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 [class.fd-busy-indicator--absolute]=\"busyIndicator?.previousElementSibling\"\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\n class=\"fd-busy-indicator__overlay\"\n [class.fd-busy-indicator__overlay--transparent]=\"!busyIndicator?.previousElementSibling\"\n ></div>\n\n <div #fakeFocusElement tabindex=\"0\" aria-hidden=\"true\" (focusin)=\"fakeElementFocusHandler($event)\"></div>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 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;font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:block;font-size:0;color:var(--Dot_Color);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:before,.fd-busy-indicator:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator-extended{display:flex;justify-content:center;align-items:center;flex-direction:column}.fd-busy-indicator-extended.fd-busy-indicator-extended--message-toast{width:23.125rem;max-width:23.125rem;box-shadow:var(--sapContent_Shadow2);text-shadow:var(--sapContent_TextShadow);background-color:var(--sapPageFooter_Background)}.fd-busy-indicator-extended__label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;color:var(--sapPageFooter_TextColor);margin-top:1rem;text-align:center}.fd-busy-indicator-extended__label:before,.fd-busy-indicator-extended__label:after{box-sizing:inherit;font-size:inherit}.fd-busy-indicator__circle{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--Dot_Color);position:relative;width:var(--Dot_Size);height:var(--Dot_Size);display:inline-block;border-radius:50%;background-color:currentColor;animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.fd-busy-indicator__circle:before,.fd-busy-indicator__circle:after{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{z-index:2}.fd-busy-indicator--absolute{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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;top:0;bottom:0;left:0;right:0;z-index:1;background-color:var(--sapBaseColor);opacity:.72}.fd-busy-indicator__overlay--transparent{background-color:transparent}\n"] }]
|
|
48
48
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { loading: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], size: [{
|
package/button/package.json
CHANGED
package/calendar/package.json
CHANGED
package/card/package.json
CHANGED
package/carousel/package.json
CHANGED
package/checkbox/package.json
CHANGED
package/combobox/package.json
CHANGED
|
@@ -296,6 +296,8 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
|
|
|
296
296
|
/** @hidden */
|
|
297
297
|
private _formatDate;
|
|
298
298
|
/** @hidden */
|
|
299
|
+
private _parseDate;
|
|
300
|
+
/** @hidden */
|
|
299
301
|
private _formatDateRange;
|
|
300
302
|
/** @hidden */
|
|
301
303
|
private _InitialiseVariablesInMessageService;
|