@fundamental-ngx/core 0.35.2-rc.2 → 0.35.2-rc.5
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/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/package.json +1 -1
- package/datetime/package.json +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/wizard/wizard.component.mjs +4 -3
- package/esm2020/wizard/wizard.module.mjs +5 -4
- 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-wizard.mjs +7 -5
- package/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
- package/fesm2020/fundamental-ngx-core-wizard.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/overflow-layout/package.json +12 -12
- 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/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/esm2020/wizard.component.mjs +4 -3
- package/wizard/esm2020/wizard.module.mjs +5 -4
- package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +7 -5
- package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
- package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/wizard/package.json +1 -1
- package/wizard/wizard.module.d.ts +2 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ScrollingModule } from '@angular/cdk/scrolling';
|
|
1
2
|
import { NgModule } from '@angular/core';
|
|
2
3
|
import { CommonModule } from '@angular/common';
|
|
3
4
|
import { WizardComponent } from './wizard.component';
|
|
@@ -20,14 +21,14 @@ WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
20
21
|
WizardStepComponent,
|
|
21
22
|
WizardStepIndicatorComponent,
|
|
22
23
|
WizardContentComponent,
|
|
23
|
-
WizardNextStepComponent], imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule], exports: [WizardComponent,
|
|
24
|
+
WizardNextStepComponent], imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule], exports: [WizardComponent,
|
|
24
25
|
WizardNavigationComponent,
|
|
25
26
|
WizardProgressBarDirective,
|
|
26
27
|
WizardStepComponent,
|
|
27
28
|
WizardStepIndicatorComponent,
|
|
28
29
|
WizardNextStepComponent,
|
|
29
30
|
WizardContentComponent] });
|
|
30
|
-
WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, imports: [[CommonModule, IconModule, ScrollSpyModule, ActionSheetModule]] });
|
|
31
|
+
WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, imports: [[CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule]] });
|
|
31
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, decorators: [{
|
|
32
33
|
type: NgModule,
|
|
33
34
|
args: [{
|
|
@@ -40,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
40
41
|
WizardContentComponent,
|
|
41
42
|
WizardNextStepComponent
|
|
42
43
|
],
|
|
43
|
-
imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule],
|
|
44
|
+
imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule],
|
|
44
45
|
exports: [
|
|
45
46
|
WizardComponent,
|
|
46
47
|
WizardNavigationComponent,
|
|
@@ -52,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
52
53
|
]
|
|
53
54
|
}]
|
|
54
55
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3dpemFyZC93aXphcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDdkcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUF1Qm5FLE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBbkJqQixlQUFlO1FBQ2YseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQixtQkFBbUI7UUFDbkIsNEJBQTRCO1FBQzVCLHNCQUFzQjtRQUN0Qix1QkFBdUIsYUFFakIsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxhQUVuRixlQUFlO1FBQ2YseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQixtQkFBbUI7UUFDbkIsNEJBQTRCO1FBQzVCLHVCQUF1QjtRQUN2QixzQkFBc0I7MEdBR2pCLFlBQVksWUFYWixDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGVBQWUsQ0FBQzsyRkFXL0UsWUFBWTtrQkFyQnhCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGVBQWU7d0JBQ2YseUJBQXlCO3dCQUN6QiwwQkFBMEI7d0JBQzFCLG1CQUFtQjt3QkFDbkIsNEJBQTRCO3dCQUM1QixzQkFBc0I7d0JBQ3RCLHVCQUF1QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxDQUFDO29CQUN4RixPQUFPLEVBQUU7d0JBQ0wsZUFBZTt3QkFDZix5QkFBeUI7d0JBQ3pCLDBCQUEwQjt3QkFDMUIsbUJBQW1CO3dCQUNuQiw0QkFBNEI7d0JBQzVCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3FCQUN6QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNjcm9sbGluZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zY3JvbGxpbmcnO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBXaXphcmRDb21wb25lbnQgfSBmcm9tICcuL3dpemFyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2l6YXJkTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vd2l6YXJkLW5hdmlnYXRpb24vd2l6YXJkLW5hdmlnYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFdpemFyZFByb2dyZXNzQmFyRGlyZWN0aXZlIH0gZnJvbSAnLi93aXphcmQtcHJvZ3Jlc3MtYmFyL3dpemFyZC1wcm9ncmVzcy1iYXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFdpemFyZFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3dpemFyZC1zdGVwL3dpemFyZC1zdGVwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXaXphcmRTdGVwSW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi93aXphcmQtc3RlcC1pbmRpY2F0b3Ivd2l6YXJkLXN0ZXAtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXaXphcmRDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi93aXphcmQtY29udGVudC93aXphcmQtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2l6YXJkTmV4dFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3dpemFyZC1uZXh0LXN0ZXAvd2l6YXJkLW5leHQtc3RlcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9pY29uJztcbmltcG9ydCB7IEFjdGlvblNoZWV0TW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2FjdGlvbi1zaGVldCc7XG5pbXBvcnQgeyBTY3JvbGxTcHlNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvc2Nyb2xsLXNweSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFdpemFyZENvbXBvbmVudCxcbiAgICAgICAgV2l6YXJkTmF2aWdhdGlvbkNvbXBvbmVudCxcbiAgICAgICAgV2l6YXJkUHJvZ3Jlc3NCYXJEaXJlY3RpdmUsXG4gICAgICAgIFdpemFyZFN0ZXBDb21wb25lbnQsXG4gICAgICAgIFdpemFyZFN0ZXBJbmRpY2F0b3JDb21wb25lbnQsXG4gICAgICAgIFdpemFyZENvbnRlbnRDb21wb25lbnQsXG4gICAgICAgIFdpemFyZE5leHRTdGVwQ29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTW9kdWxlLCBTY3JvbGxTcHlNb2R1bGUsIEFjdGlvblNoZWV0TW9kdWxlLCBTY3JvbGxpbmdNb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgV2l6YXJkQ29tcG9uZW50LFxuICAgICAgICBXaXphcmROYXZpZ2F0aW9uQ29tcG9uZW50LFxuICAgICAgICBXaXphcmRQcm9ncmVzc0JhckRpcmVjdGl2ZSxcbiAgICAgICAgV2l6YXJkU3RlcENvbXBvbmVudCxcbiAgICAgICAgV2l6YXJkU3RlcEluZGljYXRvckNvbXBvbmVudCxcbiAgICAgICAgV2l6YXJkTmV4dFN0ZXBDb21wb25lbnQsXG4gICAgICAgIFdpemFyZENvbnRlbnRDb21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFdpemFyZE1vZHVsZSB7fVxuIl19
|
package/facets/package.json
CHANGED
package/feed-input/package.json
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import * as i4$1 from '@angular/cdk/scrolling';
|
|
2
|
+
import { ScrollingModule } from '@angular/cdk/scrolling';
|
|
1
3
|
import * as i0 from '@angular/core';
|
|
2
4
|
import { Component, ChangeDetectionStrategy, Input, ViewChild, ContentChild, EventEmitter, Optional, Output, InjectionToken, ElementRef, Inject, Directive, ViewEncapsulation, HostBinding, ContentChildren, HostListener, NgModule, Injectable } from '@angular/core';
|
|
3
5
|
import * as i4 from '@angular/common';
|
|
@@ -824,7 +826,7 @@ WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
824
826
|
provide: WIZARD,
|
|
825
827
|
useExisting: WizardComponent
|
|
826
828
|
}
|
|
827
|
-
], queries: [{ propertyName: "progressBar", first: true, predicate: WizardProgressBarDirective, descendants: true }, { propertyName: "steps", predicate: WizardStepComponent, descendants: true }, { propertyName: "wizardContent", predicate: WizardContentComponent }], viewQueries: [{ propertyName: "wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }], ngImport: i0, template: "<section class=\"fd-wizard\">\n <ng-content select=\"fd-wizard-navigation\"></ng-content>\n <div\n *ngIf=\"appendToWizard\"\n class=\"fd-wizard-container-wrapper\"\n #wrapperContainer\n fdScrollSpy\n [trackedTags]=\"['div']\"\n (spyChange)=\"scrollSpyChange($event)\"\n >\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!appendToWizard\" class=\"fd-wizard-container-wrapper\">\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\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-wizard{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}.fd-wizard:before,.fd-wizard:after{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{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}.fd-wizard__navigation:before,.fd-wizard__navigation:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{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;width:100%;height:4rem;display:table;padding-top:1rem;position:relative;table-layout:fixed;list-style-type:none;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow)}.fd-wizard__progress-bar:before,.fd-wizard__progress-bar:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--md,.fd-wizard__progress-bar--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{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:flex;align-items:center;height:2rem}.fd-wizard__step-wrapper:before,.fd-wizard__step-wrapper:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step{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;width:100%;min-width:10.5rem;position:relative;display:table-cell;vertical-align:top;box-sizing:content-box}.fd-wizard__step:before,.fd-wizard__step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{border:var(--fdWizard_Current_Step_Border);position:relative;background:var(--fdWizard_Current_Step_Background_Color);color:var(--fdWizard_Current_Step_Color)}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{content:\"\";bottom:-1rem;left:-.1875rem;position:absolute;display:inline-block;width:calc(100% + .375rem);height:var(--fdWizard_Selection_Bar_Height);background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;transition:all .125s ease-in}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{width:.25rem;min-width:auto}.fd-wizard__step--stacked:last-child{padding-right:2.375rem}[dir=rtl] .fd-wizard__step--stacked:last-child,.fd-wizard__step--stacked:last-child[dir=rtl]{padding-right:0;padding-left:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(1){z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{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:flex;align-items:center;cursor:pointer}.fd-wizard__step-container:before,.fd-wizard__step-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container:focus,.fd-wizard__step-container.is-focus{z-index:5;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor)}.fd-wizard__step-indicator{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;border:0;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:2rem;min-height:2rem;width:2rem;height:2rem;margin:0;margin-left:.1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__step-indicator:before,.fd-wizard__step-indicator:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-wizard__step-indicator,.fd-wizard__step-indicator[dir=rtl]{margin-right:.1875rem;margin-left:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--sapFontLargeSize)}.fd-wizard__label-container{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:flex;flex-direction:column;max-width:100%;max-height:2rem;color:var(--sapContent_LabelColor);overflow:hidden}.fd-wizard__label-container:before,.fd-wizard__label-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-height:1rem}.fd-wizard__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:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-family:var(--fdWizard_Label_Font_Family);font-weight:var(--fdWizard_Label_Font_Weight);line-height:1rem;max-width:100%}.fd-wizard__label:before,.fd-wizard__label:after{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{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:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-width:100%;font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.fd-wizard__optional-text:before,.fd-wizard__optional-text:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{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;flex:1 1 auto;margin:.5rem;max-width:100%;min-width:1rem;border-bottom:.0625rem solid var(--sapList_BorderColor)}.fd-wizard__connector:before,.fd-wizard__connector:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{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;padding-top:1rem;width:100%;height:100%;background:var(--sapBackgroundColor)}.fd-wizard__content:before,.fd-wizard__content:after{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--md,.fd-wizard__content--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{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;padding:var(--fdWizard_Step_Content_Container_Spacing);background-color:var(--fdWizard_Step_Content_Container_Background_Color);border-radius:var(--sapElement_BorderCornerRadius)}.fd-wizard__step-content-container:before,.fd-wizard__step-content-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--md,.fd-wizard__step-content-container--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{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;margin-top:1rem}.fd-wizard__next-step:before,.fd-wizard__next-step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--md,.fd-wizard__next-step--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step--floating{position:absolute;bottom:3.5rem}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media (max-width: 599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
829
|
+
], queries: [{ propertyName: "progressBar", first: true, predicate: WizardProgressBarDirective, descendants: true }, { propertyName: "steps", predicate: WizardStepComponent, descendants: true }, { propertyName: "wizardContent", predicate: WizardContentComponent }], viewQueries: [{ propertyName: "wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }], ngImport: i0, template: "<section class=\"fd-wizard\">\n <ng-content select=\"fd-wizard-navigation\"></ng-content>\n <div\n *ngIf=\"appendToWizard\"\n class=\"fd-wizard-container-wrapper\"\n #wrapperContainer\n fdScrollSpy\n cdkScrollable\n [trackedTags]=\"['div']\"\n (spyChange)=\"scrollSpyChange($event)\"\n >\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\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-wizard{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}.fd-wizard:before,.fd-wizard:after{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{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}.fd-wizard__navigation:before,.fd-wizard__navigation:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{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;width:100%;height:4rem;display:table;padding-top:1rem;position:relative;table-layout:fixed;list-style-type:none;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow)}.fd-wizard__progress-bar:before,.fd-wizard__progress-bar:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--md,.fd-wizard__progress-bar--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{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:flex;align-items:center;height:2rem}.fd-wizard__step-wrapper:before,.fd-wizard__step-wrapper:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step{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;width:100%;min-width:10.5rem;position:relative;display:table-cell;vertical-align:top;box-sizing:content-box}.fd-wizard__step:before,.fd-wizard__step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{border:var(--fdWizard_Current_Step_Border);position:relative;background:var(--fdWizard_Current_Step_Background_Color);color:var(--fdWizard_Current_Step_Color)}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{content:\"\";bottom:-1rem;left:-.1875rem;position:absolute;display:inline-block;width:calc(100% + .375rem);height:var(--fdWizard_Selection_Bar_Height);background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;transition:all .125s ease-in}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{width:.25rem;min-width:auto}.fd-wizard__step--stacked:last-child{padding-right:2.375rem}[dir=rtl] .fd-wizard__step--stacked:last-child,.fd-wizard__step--stacked:last-child[dir=rtl]{padding-right:0;padding-left:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(1){z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{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:flex;align-items:center;cursor:pointer}.fd-wizard__step-container:before,.fd-wizard__step-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container:focus,.fd-wizard__step-container.is-focus{z-index:5;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor)}.fd-wizard__step-indicator{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;border:0;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:2rem;min-height:2rem;width:2rem;height:2rem;margin:0;margin-left:.1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__step-indicator:before,.fd-wizard__step-indicator:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-wizard__step-indicator,.fd-wizard__step-indicator[dir=rtl]{margin-right:.1875rem;margin-left:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--sapFontLargeSize)}.fd-wizard__label-container{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:flex;flex-direction:column;max-width:100%;max-height:2rem;color:var(--sapContent_LabelColor);overflow:hidden}.fd-wizard__label-container:before,.fd-wizard__label-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-height:1rem}.fd-wizard__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:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-family:var(--fdWizard_Label_Font_Family);font-weight:var(--fdWizard_Label_Font_Weight);line-height:1rem;max-width:100%}.fd-wizard__label:before,.fd-wizard__label:after{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{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:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-width:100%;font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.fd-wizard__optional-text:before,.fd-wizard__optional-text:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{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;flex:1 1 auto;margin:.5rem;max-width:100%;min-width:1rem;border-bottom:.0625rem solid var(--sapList_BorderColor)}.fd-wizard__connector:before,.fd-wizard__connector:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{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;padding-top:1rem;width:100%;height:100%;background:var(--sapBackgroundColor)}.fd-wizard__content:before,.fd-wizard__content:after{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--md,.fd-wizard__content--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{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;padding:var(--fdWizard_Step_Content_Container_Spacing);background-color:var(--fdWizard_Step_Content_Container_Background_Color);border-radius:var(--sapElement_BorderCornerRadius)}.fd-wizard__step-content-container:before,.fd-wizard__step-content-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--md,.fd-wizard__step-content-container--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{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;margin-top:1rem}.fd-wizard__next-step:before,.fd-wizard__next-step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--md,.fd-wizard__next-step--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step--floating{position:absolute;bottom:3.5rem}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media (max-width: 599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { type: i4$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
828
830
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardComponent, decorators: [{
|
|
829
831
|
type: Component,
|
|
830
832
|
args: [{ selector: 'fd-wizard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -835,7 +837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
835
837
|
], host: {
|
|
836
838
|
role: 'region',
|
|
837
839
|
'[attr.aria-label]': 'ariaLabel'
|
|
838
|
-
}, template: "<section class=\"fd-wizard\">\n <ng-content select=\"fd-wizard-navigation\"></ng-content>\n <div\n *ngIf=\"appendToWizard\"\n class=\"fd-wizard-container-wrapper\"\n #wrapperContainer\n fdScrollSpy\n [trackedTags]=\"['div']\"\n (spyChange)=\"scrollSpyChange($event)\"\n >\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!appendToWizard\" class=\"fd-wizard-container-wrapper\">\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\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-wizard{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}.fd-wizard:before,.fd-wizard:after{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{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}.fd-wizard__navigation:before,.fd-wizard__navigation:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{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;width:100%;height:4rem;display:table;padding-top:1rem;position:relative;table-layout:fixed;list-style-type:none;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow)}.fd-wizard__progress-bar:before,.fd-wizard__progress-bar:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--md,.fd-wizard__progress-bar--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{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:flex;align-items:center;height:2rem}.fd-wizard__step-wrapper:before,.fd-wizard__step-wrapper:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step{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;width:100%;min-width:10.5rem;position:relative;display:table-cell;vertical-align:top;box-sizing:content-box}.fd-wizard__step:before,.fd-wizard__step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{border:var(--fdWizard_Current_Step_Border);position:relative;background:var(--fdWizard_Current_Step_Background_Color);color:var(--fdWizard_Current_Step_Color)}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{content:\"\";bottom:-1rem;left:-.1875rem;position:absolute;display:inline-block;width:calc(100% + .375rem);height:var(--fdWizard_Selection_Bar_Height);background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;transition:all .125s ease-in}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{width:.25rem;min-width:auto}.fd-wizard__step--stacked:last-child{padding-right:2.375rem}[dir=rtl] .fd-wizard__step--stacked:last-child,.fd-wizard__step--stacked:last-child[dir=rtl]{padding-right:0;padding-left:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(1){z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{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:flex;align-items:center;cursor:pointer}.fd-wizard__step-container:before,.fd-wizard__step-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container:focus,.fd-wizard__step-container.is-focus{z-index:5;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor)}.fd-wizard__step-indicator{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;border:0;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:2rem;min-height:2rem;width:2rem;height:2rem;margin:0;margin-left:.1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__step-indicator:before,.fd-wizard__step-indicator:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-wizard__step-indicator,.fd-wizard__step-indicator[dir=rtl]{margin-right:.1875rem;margin-left:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--sapFontLargeSize)}.fd-wizard__label-container{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:flex;flex-direction:column;max-width:100%;max-height:2rem;color:var(--sapContent_LabelColor);overflow:hidden}.fd-wizard__label-container:before,.fd-wizard__label-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-height:1rem}.fd-wizard__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:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-family:var(--fdWizard_Label_Font_Family);font-weight:var(--fdWizard_Label_Font_Weight);line-height:1rem;max-width:100%}.fd-wizard__label:before,.fd-wizard__label:after{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{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:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-width:100%;font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.fd-wizard__optional-text:before,.fd-wizard__optional-text:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{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;flex:1 1 auto;margin:.5rem;max-width:100%;min-width:1rem;border-bottom:.0625rem solid var(--sapList_BorderColor)}.fd-wizard__connector:before,.fd-wizard__connector:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{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;padding-top:1rem;width:100%;height:100%;background:var(--sapBackgroundColor)}.fd-wizard__content:before,.fd-wizard__content:after{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--md,.fd-wizard__content--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{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;padding:var(--fdWizard_Step_Content_Container_Spacing);background-color:var(--fdWizard_Step_Content_Container_Background_Color);border-radius:var(--sapElement_BorderCornerRadius)}.fd-wizard__step-content-container:before,.fd-wizard__step-content-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--md,.fd-wizard__step-content-container--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{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;margin-top:1rem}.fd-wizard__next-step:before,.fd-wizard__next-step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--md,.fd-wizard__next-step--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step--floating{position:absolute;bottom:3.5rem}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media (max-width: 599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}\n"] }]
|
|
840
|
+
}, template: "<section class=\"fd-wizard\">\n <ng-content select=\"fd-wizard-navigation\"></ng-content>\n <div\n *ngIf=\"appendToWizard\"\n class=\"fd-wizard-container-wrapper\"\n #wrapperContainer\n fdScrollSpy\n cdkScrollable\n [trackedTags]=\"['div']\"\n (spyChange)=\"scrollSpyChange($event)\"\n >\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n <div *ngFor=\"let contentTemplate of contentTemplates\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\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-wizard{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}.fd-wizard:before,.fd-wizard:after{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{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}.fd-wizard__navigation:before,.fd-wizard__navigation:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{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;width:100%;height:4rem;display:table;padding-top:1rem;position:relative;table-layout:fixed;list-style-type:none;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow)}.fd-wizard__progress-bar:before,.fd-wizard__progress-bar:after{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--md,.fd-wizard__progress-bar--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{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:flex;align-items:center;height:2rem}.fd-wizard__step-wrapper:before,.fd-wizard__step-wrapper:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step{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;width:100%;min-width:10.5rem;position:relative;display:table-cell;vertical-align:top;box-sizing:content-box}.fd-wizard__step:before,.fd-wizard__step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{border:var(--fdWizard_Current_Step_Border);position:relative;background:var(--fdWizard_Current_Step_Background_Color);color:var(--fdWizard_Current_Step_Color)}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{content:\"\";bottom:-1rem;left:-.1875rem;position:absolute;display:inline-block;width:calc(100% + .375rem);height:var(--fdWizard_Selection_Bar_Height);background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;transition:all .125s ease-in}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);color:var(--fdWizard_Completed_Step_Color);border:var(--fdWizard_Completed_Step_Border)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{width:.25rem;min-width:auto}.fd-wizard__step--stacked:last-child{padding-right:2.375rem}[dir=rtl] .fd-wizard__step--stacked:last-child,.fd-wizard__step--stacked:last-child[dir=rtl]{padding-right:0;padding-left:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(1){z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{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:flex;align-items:center;cursor:pointer}.fd-wizard__step-container:before,.fd-wizard__step-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container:focus,.fd-wizard__step-container.is-focus{z-index:5;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor)}.fd-wizard__step-indicator{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;border:0;display:flex;justify-content:center;align-items:center;border-radius:50%;min-width:2rem;min-height:2rem;width:2rem;height:2rem;margin:0;margin-left:.1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__step-indicator:before,.fd-wizard__step-indicator:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-wizard__step-indicator,.fd-wizard__step-indicator[dir=rtl]{margin-right:.1875rem;margin-left:var(--fdWizard_Step_Indicator_Margin_Right)}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--sapFontLargeSize)}.fd-wizard__label-container{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:flex;flex-direction:column;max-width:100%;max-height:2rem;color:var(--sapContent_LabelColor);overflow:hidden}.fd-wizard__label-container:before,.fd-wizard__label-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-height:1rem}.fd-wizard__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:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-family:var(--fdWizard_Label_Font_Family);font-weight:var(--fdWizard_Label_Font_Weight);line-height:1rem;max-width:100%}.fd-wizard__label:before,.fd-wizard__label:after{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{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:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;max-width:100%;font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.fd-wizard__optional-text:before,.fd-wizard__optional-text:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{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;flex:1 1 auto;margin:.5rem;max-width:100%;min-width:1rem;border-bottom:.0625rem solid var(--sapList_BorderColor)}.fd-wizard__connector:before,.fd-wizard__connector:after{box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{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;padding-top:1rem;width:100%;height:100%;background:var(--sapBackgroundColor)}.fd-wizard__content:before,.fd-wizard__content:after{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--md,.fd-wizard__content--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{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;padding:var(--fdWizard_Step_Content_Container_Spacing);background-color:var(--fdWizard_Step_Content_Container_Background_Color);border-radius:var(--sapElement_BorderCornerRadius)}.fd-wizard__step-content-container:before,.fd-wizard__step-content-container:after{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--md,.fd-wizard__step-content-container--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{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;margin-top:1rem}.fd-wizard__next-step:before,.fd-wizard__next-step:after{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--md,.fd-wizard__next-step--lg{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step--floating{position:absolute;bottom:3.5rem}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media (max-width: 599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}\n"] }]
|
|
839
841
|
}], ctorParameters: function () {
|
|
840
842
|
return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.DialogBodyComponent, decorators: [{
|
|
841
843
|
type: Optional
|
|
@@ -894,14 +896,14 @@ WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
894
896
|
WizardStepComponent,
|
|
895
897
|
WizardStepIndicatorComponent,
|
|
896
898
|
WizardContentComponent,
|
|
897
|
-
WizardNextStepComponent], imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule], exports: [WizardComponent,
|
|
899
|
+
WizardNextStepComponent], imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule], exports: [WizardComponent,
|
|
898
900
|
WizardNavigationComponent,
|
|
899
901
|
WizardProgressBarDirective,
|
|
900
902
|
WizardStepComponent,
|
|
901
903
|
WizardStepIndicatorComponent,
|
|
902
904
|
WizardNextStepComponent,
|
|
903
905
|
WizardContentComponent] });
|
|
904
|
-
WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, imports: [[CommonModule, IconModule, ScrollSpyModule, ActionSheetModule]] });
|
|
906
|
+
WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, imports: [[CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule]] });
|
|
905
907
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: WizardModule, decorators: [{
|
|
906
908
|
type: NgModule,
|
|
907
909
|
args: [{
|
|
@@ -914,7 +916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
914
916
|
WizardContentComponent,
|
|
915
917
|
WizardNextStepComponent
|
|
916
918
|
],
|
|
917
|
-
imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule],
|
|
919
|
+
imports: [CommonModule, IconModule, ScrollSpyModule, ActionSheetModule, ScrollingModule],
|
|
918
920
|
exports: [
|
|
919
921
|
WizardComponent,
|
|
920
922
|
WizardNavigationComponent,
|