@testgorilla/tgo-ui 3.14.13 → 4.0.0
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/components/donut-chart/donut-chart.component.d.ts +2 -2
- package/components/filter-button/filter-button.component.d.ts +2 -2
- package/components/icon/icon-svg-content.d.ts +1 -1
- package/components/table/table.component.d.ts +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +731 -715
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +17 -20
- package/projects/tgo-canopy-ui/theme/_palette.scss +2 -1
- package/utils/color-contrast.d.ts +1 -1
- package/esm2022/assets/i18n/da-dk.json +0 -820
- package/esm2022/assets/i18n/de.json +0 -820
- package/esm2022/assets/i18n/en.json +0 -827
- package/esm2022/assets/i18n/es.json +0 -820
- package/esm2022/assets/i18n/fr.json +0 -820
- package/esm2022/assets/i18n/it-it.json +0 -820
- package/esm2022/assets/i18n/ja-jp.json +0 -820
- package/esm2022/assets/i18n/nb-no.json +0 -820
- package/esm2022/assets/i18n/nl.json +0 -820
- package/esm2022/assets/i18n/pl-pl.json +0 -820
- package/esm2022/assets/i18n/pt-br.json +0 -820
- package/esm2022/assets/i18n/sv-se.json +0 -820
- package/esm2022/components/accordion/accordion.component.mjs +0 -135
- package/esm2022/components/accordion/accordion.component.module.mjs +0 -40
- package/esm2022/components/accordion/accordion.model.mjs +0 -2
- package/esm2022/components/ai-feedback/ai-feedback.component.mjs +0 -35
- package/esm2022/components/ai-feedback/ai-feedback.model.mjs +0 -2
- package/esm2022/components/ai-feedback/ai-feedback.module.mjs +0 -20
- package/esm2022/components/alert-banner/alert-banner.component.mjs +0 -198
- package/esm2022/components/alert-banner/alert-banner.component.module.mjs +0 -21
- package/esm2022/components/alert-banner/alert-banner.model.mjs +0 -2
- package/esm2022/components/autocomplete/autocomplete.component.mjs +0 -837
- package/esm2022/components/autocomplete/autocomplete.component.module.mjs +0 -77
- package/esm2022/components/autocomplete/autocomplete.model.mjs +0 -25
- package/esm2022/components/autocomplete/includes.pipe.mjs +0 -25
- package/esm2022/components/autocomplete/prevent-input.directive.mjs +0 -27
- package/esm2022/components/autocomplete/transform-Item.pipe.mjs +0 -32
- package/esm2022/components/avatar/avatar.component.mjs +0 -104
- package/esm2022/components/avatar/avatar.component.module.mjs +0 -23
- package/esm2022/components/avatar/avatar.model.mjs +0 -21
- package/esm2022/components/badge/badge.component.mjs +0 -118
- package/esm2022/components/badge/badge.component.module.mjs +0 -20
- package/esm2022/components/badge/badge.model.mjs +0 -39
- package/esm2022/components/breadcrumb/breadcrumb.component.mjs +0 -191
- package/esm2022/components/breadcrumb/breadcrumb.component.module.mjs +0 -45
- package/esm2022/components/breadcrumb/breadcrumb.model.mjs +0 -2
- package/esm2022/components/button/button.component.mjs +0 -452
- package/esm2022/components/button/button.component.module.mjs +0 -51
- package/esm2022/components/button/button.model.mjs +0 -2
- package/esm2022/components/card/card.component.mjs +0 -141
- package/esm2022/components/card/card.component.module.mjs +0 -19
- package/esm2022/components/card/card.model.mjs +0 -2
- package/esm2022/components/checkbox/checkbox.component.mjs +0 -336
- package/esm2022/components/checkbox/checkbox.component.module.mjs +0 -28
- package/esm2022/components/checkbox/focus-visible.directive.mjs +0 -40
- package/esm2022/components/checklist/checklist.component.mjs +0 -157
- package/esm2022/components/checklist/checklist.model.mjs +0 -2
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +0 -73
- package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +0 -29
- package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +0 -2
- package/esm2022/components/datepicker/date-adapter.mjs +0 -39
- package/esm2022/components/datepicker/datepicker.component.mjs +0 -353
- package/esm2022/components/datepicker/datepicker.component.module.mjs +0 -60
- package/esm2022/components/datepicker/datepicker.service.mjs +0 -20
- package/esm2022/components/datepicker/no-date-format.directive.mjs +0 -56
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +0 -55
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +0 -20
- package/esm2022/components/dialog/dialog.component.mjs +0 -275
- package/esm2022/components/dialog/dialog.component.module.mjs +0 -23
- package/esm2022/components/dialog/dialog.model.mjs +0 -2
- package/esm2022/components/dialog/dialog.service.mjs +0 -36
- package/esm2022/components/divider/divider.component.mjs +0 -65
- package/esm2022/components/divider/divider.component.module.mjs +0 -19
- package/esm2022/components/divider/divider.model.mjs +0 -2
- package/esm2022/components/donut-chart/donut-chart.component.mjs +0 -122
- package/esm2022/components/donut-chart/donut-chart.component.model.mjs +0 -2
- package/esm2022/components/donut-chart/donut-chart.component.module.mjs +0 -20
- package/esm2022/components/dropdown/dropdown.component.mjs +0 -378
- package/esm2022/components/dropdown/dropdown.component.module.mjs +0 -57
- package/esm2022/components/dropdown/dropdown.model.mjs +0 -2
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +0 -45
- package/esm2022/components/elevation-shadow/elevation-shadow.component.module.mjs +0 -18
- package/esm2022/components/elevation-shadow/elevation-shadow.constant.mjs +0 -9
- package/esm2022/components/empty-state/empty-state.component.mjs +0 -301
- package/esm2022/components/empty-state/empty-state.component.module.mjs +0 -21
- package/esm2022/components/empty-state/empty-state.model.mjs +0 -2
- package/esm2022/components/field/field.component.mjs +0 -574
- package/esm2022/components/field/field.component.module.mjs +0 -64
- package/esm2022/components/field/field.model.mjs +0 -2
- package/esm2022/components/file-upload/file-upload.component.mjs +0 -307
- package/esm2022/components/file-upload/file-upload.component.module.mjs +0 -40
- package/esm2022/components/filter-button/filter-button.component.mjs +0 -255
- package/esm2022/components/filter-button/filter-button.component.module.mjs +0 -58
- package/esm2022/components/filter-button/filter-button.model.mjs +0 -2
- package/esm2022/components/gaussian-chart/gaussian-chart.component.mjs +0 -254
- package/esm2022/components/gaussian-chart/gaussian-chart.module.mjs +0 -42
- package/esm2022/components/icon/icon-svg-content.mjs +0 -491
- package/esm2022/components/icon/icon.component.mjs +0 -178
- package/esm2022/components/icon/icon.component.module.mjs +0 -21
- package/esm2022/components/icon/icon.config.mjs +0 -780
- package/esm2022/components/icon/icon.model.mjs +0 -2
- package/esm2022/components/icon-label/icon-label.component.mjs +0 -74
- package/esm2022/components/icon-label/icon-label.component.module.mjs +0 -20
- package/esm2022/components/inline-field/inline-field.component.mjs +0 -320
- package/esm2022/components/inline-field/inline-field.component.module.mjs +0 -43
- package/esm2022/components/inline-field/inline-field.model.mjs +0 -2
- package/esm2022/components/logo/logo.component.mjs +0 -165
- package/esm2022/components/logo/logo.component.module.mjs +0 -18
- package/esm2022/components/logo/logo.model.mjs +0 -32
- package/esm2022/components/media-card/media-card.component.mjs +0 -47
- package/esm2022/components/media-dialog/media-dialog.component.mjs +0 -75
- package/esm2022/components/media-dialog/media-dialog.model.mjs +0 -2
- package/esm2022/components/multi-input/multi-input.component.mjs +0 -271
- package/esm2022/components/multi-input/multi-input.component.module.mjs +0 -58
- package/esm2022/components/multi-input/multi-input.model.mjs +0 -2
- package/esm2022/components/multi-input/required-multi-input.validator.mjs +0 -14
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +0 -86
- package/esm2022/components/navbar/navbar.component.mjs +0 -212
- package/esm2022/components/navbar/navbar.component.module.mjs +0 -71
- package/esm2022/components/navbar/navbar.model.mjs +0 -2
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +0 -254
- package/esm2022/components/overflow-menu/overflow-menu.component.module.mjs +0 -25
- package/esm2022/components/overflow-menu/overflow-menu.model.mjs +0 -2
- package/esm2022/components/page-header/page-header.component.mjs +0 -71
- package/esm2022/components/page-header/page-header.component.module.mjs +0 -20
- package/esm2022/components/paginator/paginator.component.mjs +0 -87
- package/esm2022/components/paginator/paginator.component.module.mjs +0 -19
- package/esm2022/components/password-criteria/password.component.mjs +0 -111
- package/esm2022/components/password-criteria/password.component.module.mjs +0 -39
- package/esm2022/components/password-strength/password-strength.component.mjs +0 -93
- package/esm2022/components/password-strength/password-strength.component.module.mjs +0 -21
- package/esm2022/components/phone-input/join-strings.pipe.mjs +0 -14
- package/esm2022/components/phone-input/phone-input.component.mjs +0 -354
- package/esm2022/components/phone-input/phone-input.component.module.mjs +0 -63
- package/esm2022/components/phone-input/phone-input.model.mjs +0 -2
- package/esm2022/components/progress-bar/progress-bar.component.mjs +0 -103
- package/esm2022/components/progress-bar/progress-bar.component.module.mjs +0 -21
- package/esm2022/components/prompt/prompt.component.mjs +0 -187
- package/esm2022/components/prompt/prompt.model.mjs +0 -2
- package/esm2022/components/prompt/prompt.module.mjs +0 -62
- package/esm2022/components/radial-progress/radial-progress.component.mjs +0 -118
- package/esm2022/components/radial-progress/radial-progress.component.module.mjs +0 -20
- package/esm2022/components/radial-progress/radial-progress.model.mjs +0 -11
- package/esm2022/components/radio-button/radio-button.component.mjs +0 -344
- package/esm2022/components/radio-button/radio-button.component.module.mjs +0 -25
- package/esm2022/components/radio-button/radio-button.model.mjs +0 -2
- package/esm2022/components/rating/half-star.pipe.mjs +0 -23
- package/esm2022/components/rating/rating.component.mjs +0 -106
- package/esm2022/components/rating/rating.component.module.mjs +0 -20
- package/esm2022/components/scale/scale.component.mjs +0 -136
- package/esm2022/components/scale/scale.component.module.mjs +0 -18
- package/esm2022/components/scale-table/scale-table.component.mjs +0 -61
- package/esm2022/components/scale-table/scale-table.model.mjs +0 -2
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +0 -111
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +0 -22
- package/esm2022/components/segmented-bar/segmented-bar.model.mjs +0 -2
- package/esm2022/components/segmented-button/segmented-button.component.mjs +0 -104
- package/esm2022/components/segmented-button/segmented-button.component.module.mjs +0 -21
- package/esm2022/components/segmented-button/segmented-button.model.mjs +0 -2
- package/esm2022/components/selectable-card/selectable-card.component.mjs +0 -53
- package/esm2022/components/selectable-card/selectable-card.component.module.mjs +0 -20
- package/esm2022/components/side-panel/side-panel-data-injection-token.mjs +0 -3
- package/esm2022/components/side-panel/side-panel.animations.mjs +0 -26
- package/esm2022/components/side-panel/side-panel.component.mjs +0 -55
- package/esm2022/components/side-panel/side-panel.model.mjs +0 -54
- package/esm2022/components/side-panel/side-panel.service.mjs +0 -98
- package/esm2022/components/side-sheet/side-sheet.component.mjs +0 -105
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +0 -43
- package/esm2022/components/side-sheet/side-sheet.model.mjs +0 -2
- package/esm2022/components/side-sheet/side-sheet.service.mjs +0 -31
- package/esm2022/components/skeleton/skeleton.component.mjs +0 -74
- package/esm2022/components/skeleton/skeleton.model.mjs +0 -2
- package/esm2022/components/slider/slider.component.mjs +0 -256
- package/esm2022/components/slider/slider.component.module.mjs +0 -16
- package/esm2022/components/slider/slider.model.mjs +0 -2
- package/esm2022/components/snackbar/snackbar.component.mjs +0 -235
- package/esm2022/components/snackbar/snackbar.component.module.mjs +0 -25
- package/esm2022/components/snackbar/snackbar.model.mjs +0 -2
- package/esm2022/components/snackbar/snackbar.service.mjs +0 -42
- package/esm2022/components/spider-chart/spider-chart.component.mjs +0 -443
- package/esm2022/components/spider-chart/spider-chart.model.mjs +0 -4
- package/esm2022/components/spider-chart/spider-chart.module.mjs +0 -44
- package/esm2022/components/spinner/spinner.component.mjs +0 -84
- package/esm2022/components/spinner/spinner.model.mjs +0 -2
- package/esm2022/components/spinner/spinner.module.mjs +0 -20
- package/esm2022/components/step/step.component.mjs +0 -209
- package/esm2022/components/step/step.component.module.mjs +0 -21
- package/esm2022/components/stepper/stepper.component.mjs +0 -198
- package/esm2022/components/stepper/stepper.component.module.mjs +0 -44
- package/esm2022/components/stepper/stepper.model.mjs +0 -2
- package/esm2022/components/table/sentence-case.pipe.mjs +0 -19
- package/esm2022/components/table/table.component.mjs +0 -273
- package/esm2022/components/table/table.component.module.mjs +0 -61
- package/esm2022/components/table/table.model.mjs +0 -25
- package/esm2022/components/tabs/tab.directive.mjs +0 -63
- package/esm2022/components/tabs/tabs.component.mjs +0 -219
- package/esm2022/components/tabs/tabs.component.module.mjs +0 -23
- package/esm2022/components/tabs/tabs.model.mjs +0 -2
- package/esm2022/components/tag/tag.component.mjs +0 -212
- package/esm2022/components/tag/tag.component.module.mjs +0 -24
- package/esm2022/components/tag/tag.model.mjs +0 -2
- package/esm2022/components/toggle/toggle.component.mjs +0 -190
- package/esm2022/components/toggle/toggle.component.module.mjs +0 -24
- package/esm2022/components/toggle/toggle.model.mjs +0 -2
- package/esm2022/components/tooltip/tooltip-template.directive.mjs +0 -133
- package/esm2022/components/tooltip/tooltip.component.mjs +0 -108
- package/esm2022/components/tooltip/tooltip.component.module.mjs +0 -27
- package/esm2022/components/tooltip/tooltip.model.mjs +0 -8
- package/esm2022/components/universal-skills-report/universal-skills-report.component.mjs +0 -80
- package/esm2022/components/universal-skills-report/universal-skills-report.component.module.mjs +0 -43
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.mjs +0 -109
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.mjs +0 -52
- package/esm2022/components/validation-error/validation-error.component.mjs +0 -55
- package/esm2022/components/validation-error/validation-error.model.mjs +0 -2
- package/esm2022/components/validation-error/validation-error.module.mjs +0 -20
- package/esm2022/directives/digits-only.directive.mjs +0 -77
- package/esm2022/directives/drag-drop.directive.mjs +0 -55
- package/esm2022/directives/dynamic-component.directive.mjs +0 -40
- package/esm2022/directives/ellipse-text.directive.mjs +0 -51
- package/esm2022/directives/select-text.directive.mjs +0 -40
- package/esm2022/directives/step-line-element.directive.mjs +0 -51
- package/esm2022/models/application-theme.model.mjs +0 -2
- package/esm2022/models/checkbox.model.mjs +0 -2
- package/esm2022/models/colors.model.mjs +0 -78
- package/esm2022/models/keyboard-events.model.mjs +0 -13
- package/esm2022/models/screen-breakpoints.model.mjs +0 -7
- package/esm2022/models/universal-skills-report.model.mjs +0 -33
- package/esm2022/pipes/data-property-getter.mjs +0 -33
- package/esm2022/pipes/has-validation-error.pipe.mjs +0 -27
- package/esm2022/pipes/memoize-func.pipe.mjs +0 -39
- package/esm2022/pipes/name-initials.pipe.mjs +0 -25
- package/esm2022/pipes/truncate.pipe.mjs +0 -34
- package/esm2022/pipes/ui-ordinal-suffix.pipe.mjs +0 -31
- package/esm2022/pipes/ui-translate.pipe.mjs +0 -81
- package/esm2022/providers/is-large-tablet.mjs +0 -11
- package/esm2022/providers/is-mobile.mjs +0 -11
- package/esm2022/public-api.mjs +0 -259
- package/esm2022/services/icons.service.mjs +0 -22
- package/esm2022/services/universal-skills.service.mjs +0 -85
- package/esm2022/testgorilla-tgo-ui.mjs +0 -5
- package/esm2022/utils/alert-bar.model.mjs +0 -2
- package/esm2022/utils/alert-bars.utils.mjs +0 -34
- package/esm2022/utils/autocomplete-utils.mjs +0 -78
- package/esm2022/utils/color-contrast.mjs +0 -131
- package/esm2022/utils/hex-to-rgb.mjs +0 -9
- package/esm2022/utils/localization/language.model.mjs +0 -16
- package/esm2022/utils/localization/language.service.mjs +0 -44
- package/esm2022/utils/table.utils.mjs +0 -25
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../icon/icon.component";
|
|
5
|
-
import * as i3 from "../../pipes/ui-translate.pipe";
|
|
6
|
-
export class SpinnerComponent {
|
|
7
|
-
constructor(defaultAppTheme) {
|
|
8
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
9
|
-
/**
|
|
10
|
-
* The size variant of the spinner. Can be 'small' or 'large'.
|
|
11
|
-
* Defaults to 'large'.
|
|
12
|
-
* @default 'large'
|
|
13
|
-
* @type {SpinnerSize}
|
|
14
|
-
* @memberof SpinnerComponent
|
|
15
|
-
*/
|
|
16
|
-
this.size = 'large';
|
|
17
|
-
/**
|
|
18
|
-
* Set position fixed on page
|
|
19
|
-
* Defaults to 'true'.
|
|
20
|
-
* @default 'true'
|
|
21
|
-
* @type {SpinnerSize}
|
|
22
|
-
* @memberof SpinnerComponent
|
|
23
|
-
*/
|
|
24
|
-
this.isLoader = true;
|
|
25
|
-
/**
|
|
26
|
-
* The text to display below the spinner.
|
|
27
|
-
* @type {string}
|
|
28
|
-
* @memberof SpinnerComponent
|
|
29
|
-
*/
|
|
30
|
-
this.text = null;
|
|
31
|
-
/**
|
|
32
|
-
*
|
|
33
|
-
* Defines the application theme
|
|
34
|
-
*
|
|
35
|
-
* @type {ApplicationTheme}
|
|
36
|
-
* @memberof SpinnerComponent
|
|
37
|
-
*/
|
|
38
|
-
this.applicationTheme = 'light';
|
|
39
|
-
/**
|
|
40
|
-
* Custom Icon size
|
|
41
|
-
*
|
|
42
|
-
* @type {IconSize}
|
|
43
|
-
* @memberof SpinnerComponent
|
|
44
|
-
*/
|
|
45
|
-
this.iconSize = '24';
|
|
46
|
-
if (defaultAppTheme) {
|
|
47
|
-
this.applicationTheme = defaultAppTheme;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
ngOnChanges() {
|
|
51
|
-
this.setSpinnerClasses();
|
|
52
|
-
}
|
|
53
|
-
ngOnInit() {
|
|
54
|
-
this.setSpinnerClasses();
|
|
55
|
-
}
|
|
56
|
-
setSpinnerClasses() {
|
|
57
|
-
this.classes = `${this.size === 'large' ? 'large' : 'small'} ${this.isLoader ? 'loader' : ''} ${this.text ? 'with-text' : ''} ${this.applicationTheme}`;
|
|
58
|
-
this.classes = this.classes.replace(/\s+/g, ' ');
|
|
59
|
-
}
|
|
60
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, selector: "ui-spinner", inputs: { size: "size", isLoader: "isLoader", text: "text", applicationTheme: "applicationTheme", iconName: "iconName", iconSize: "iconSize" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"spinner-container\"\n [ngClass]=\"classes\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n role=\"alert\"\n>\n @if (!iconName) {\n <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n </svg>\n } @else {\n <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n }\n\n @if (text) {\n <h3 class=\"spinner-text\">{{ text }}</h3>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{ selector: 'ui-spinner', template: "<div\n class=\"spinner-container\"\n [ngClass]=\"classes\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n role=\"alert\"\n>\n @if (!iconName) {\n <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n </svg>\n } @else {\n <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n }\n\n @if (text) {\n <h3 class=\"spinner-text\">{{ text }}</h3>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"] }]
|
|
66
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
67
|
-
type: Optional
|
|
68
|
-
}, {
|
|
69
|
-
type: Inject,
|
|
70
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
71
|
-
}] }], propDecorators: { size: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], isLoader: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], text: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], applicationTheme: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], iconName: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], iconSize: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVXRGLE1BQU0sT0FBTyxnQkFBZ0I7SUFxRDNCLFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQXJEOUc7Ozs7OztXQU1HO1FBQ00sU0FBSSxHQUFnQixPQUFPLENBQUM7UUFFckM7Ozs7OztXQU1HO1FBQ00sYUFBUSxHQUFHLElBQUksQ0FBQztRQUV6Qjs7OztXQUlHO1FBQ00sU0FBSSxHQUFrQixJQUFJLENBQUM7UUFFcEM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQVV0RDs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBYSxJQUFJLENBQUM7UUFPakMsSUFBSSxlQUFlLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQzFGLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFDNUIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUU1QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNuRCxDQUFDOytHQTNFVSxnQkFBZ0Isa0JBc0RMLG9DQUFvQzttR0F0RC9DLGdCQUFnQix1TkNWN0IsbWdCQW1CQTs7NEZEVGEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFlBQVk7OzBCQTBEbkIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7eUNBOUNqRCxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQVFHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBUUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2FwcGxpY2F0aW9uLXRoZW1lLm1vZGVsJztcbmltcG9ydCB7IEljb25OYW1lLCBJY29uU2l6ZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2RlbCc7XG5pbXBvcnQgeyBTcGlubmVyU2l6ZSB9IGZyb20gJy4vc3Bpbm5lci5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgLyoqXG4gICAqIFRoZSBzaXplIHZhcmlhbnQgb2YgdGhlIHNwaW5uZXIuIENhbiBiZSAnc21hbGwnIG9yICdsYXJnZScuXG4gICAqIERlZmF1bHRzIHRvICdsYXJnZScuXG4gICAqIEBkZWZhdWx0ICdsYXJnZSdcbiAgICogQHR5cGUge1NwaW5uZXJTaXplfVxuICAgKiBAbWVtYmVyb2YgU3Bpbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU3Bpbm5lclNpemUgPSAnbGFyZ2UnO1xuXG4gIC8qKlxuICAgKiBTZXQgcG9zaXRpb24gZml4ZWQgb24gcGFnZVxuICAgKiBEZWZhdWx0cyB0byAndHJ1ZScuXG4gICAqIEBkZWZhdWx0ICd0cnVlJ1xuICAgKiBAdHlwZSB7U3Bpbm5lclNpemV9XG4gICAqIEBtZW1iZXJvZiBTcGlubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpc0xvYWRlciA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGRpc3BsYXkgYmVsb3cgdGhlIHNwaW5uZXIuXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBTcGlubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTcGlubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcblxuICAvKipcbiAgICogQ3VzdG9tIEljb24gbmFtZVxuICAgKlxuICAgKiBAdHlwZSB7SWNvbk5hbWV9XG4gICAqIEBtZW1iZXJvZiBTcGlubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpY29uTmFtZTogSWNvbk5hbWU7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBJY29uIHNpemVcbiAgICpcbiAgICogQHR5cGUge0ljb25TaXplfVxuICAgKiBAbWVtYmVyb2YgU3Bpbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaWNvblNpemU6IEljb25TaXplID0gJzI0JztcblxuICBjbGFzc2VzOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lXG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLnNldFNwaW5uZXJDbGFzc2VzKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldFNwaW5uZXJDbGFzc2VzKCk7XG4gIH1cblxuICBzZXRTcGlubmVyQ2xhc3NlcygpOiB2b2lkIHtcbiAgICB0aGlzLmNsYXNzZXMgPSBgJHt0aGlzLnNpemUgPT09ICdsYXJnZScgPyAnbGFyZ2UnIDogJ3NtYWxsJ30gJHt0aGlzLmlzTG9hZGVyID8gJ2xvYWRlcicgOiAnJ30gJHtcbiAgICAgIHRoaXMudGV4dCA/ICd3aXRoLXRleHQnIDogJydcbiAgICB9ICR7dGhpcy5hcHBsaWNhdGlvblRoZW1lfWA7XG5cbiAgICB0aGlzLmNsYXNzZXMgPSB0aGlzLmNsYXNzZXMucmVwbGFjZSgvXFxzKy9nLCAnICcpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3Bpbm5lci1jb250YWluZXJcIlxuICBbbmdDbGFzc109XCJjbGFzc2VzXCJcbiAgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0NPTU1PTi5MT0FESU5HJyB8IHVpVHJhbnNsYXRlIHwgYXN5bmNcIlxuICByb2xlPVwiYWxlcnRcIlxuPlxuICBAaWYgKCFpY29uTmFtZSkge1xuICAgIDxzdmcgY2xhc3M9XCJzcGlubmVyXCIgdmlld0JveD1cIjAgMCA1MCA1MFwiPlxuICAgICAgPGNpcmNsZSBjbGFzcz1cInBhdGhcIiBjeD1cIjI1XCIgY3k9XCIyNVwiIHI9XCIyMFwiIGZpbGw9XCJub25lXCI+PC9jaXJjbGU+XG4gICAgPC9zdmc+XG4gIH0gQGVsc2Uge1xuICAgIDx1aS1pY29uIFtuYW1lXT1cImljb25OYW1lXCIgW3NpemVdPVwiaWNvblNpemVcIj48L3VpLWljb24+XG4gIH1cblxuICBAaWYgKHRleHQpIHtcbiAgICA8aDMgY2xhc3M9XCJzcGlubmVyLXRleHRcIj57eyB0ZXh0IH19PC9oMz5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zcGlubmVyL3NwaW5uZXIubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNwaW5uZXJTaXplID0gJ2xhcmdlJyB8ICdzbWFsbCc7XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { AsyncPipe, NgClass, NgIf } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
|
|
4
|
-
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
|
-
import { SpinnerComponent } from './spinner.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class SpinnerComponentModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponentModule, declarations: [SpinnerComponent], imports: [NgClass, NgIf, UiTranslatePipe, AsyncPipe, IconComponentModule], exports: [SpinnerComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponentModule, imports: [IconComponentModule] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponentModule, decorators: [{
|
|
13
|
-
type: NgModule,
|
|
14
|
-
args: [{
|
|
15
|
-
declarations: [SpinnerComponent],
|
|
16
|
-
exports: [SpinnerComponent],
|
|
17
|
-
imports: [NgClass, NgIf, UiTranslatePipe, AsyncPipe, IconComponentModule],
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO2dIQUF0QixzQkFBc0IsaUJBSmxCLGdCQUFnQixhQUVyQixPQUFPLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLGFBRDlELGdCQUFnQjtnSEFHZixzQkFBc0IsWUFGb0IsbUJBQW1COzs0RkFFN0Qsc0JBQXNCO2tCQUxsQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDM0IsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDO2lCQUMxRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSwgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVWlUcmFuc2xhdGVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvdWktdHJhbnNsYXRlLnBpcGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuL3NwaW5uZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU3Bpbm5lckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtTcGlubmVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW05nQ2xhc3MsIE5nSWYsIFVpVHJhbnNsYXRlUGlwZSwgQXN5bmNQaXBlLCBJY29uQ29tcG9uZW50TW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudE1vZHVsZSB7fVxuIl19
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, signal, ViewChild, } from '@angular/core';
|
|
2
|
-
import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
|
|
3
|
-
import { IKeyboardEvent } from "../../models/keyboard-events.model";
|
|
4
|
-
import { TooltipPositionType } from '../tooltip/tooltip.model';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/cdk/a11y";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "../icon/icon.component";
|
|
9
|
-
import * as i4 from "@angular/material/tooltip";
|
|
10
|
-
import * as i5 from "../tooltip/tooltip.component";
|
|
11
|
-
export class StepComponent {
|
|
12
|
-
constructor(defaultAppTheme, focusMonitor, destroyRef) {
|
|
13
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
14
|
-
this.focusMonitor = focusMonitor;
|
|
15
|
-
this.destroyRef = destroyRef;
|
|
16
|
-
/**
|
|
17
|
-
* Input property for the icon associated with the step.
|
|
18
|
-
*
|
|
19
|
-
* @memberof StepComponent
|
|
20
|
-
*/
|
|
21
|
-
this.icon = '';
|
|
22
|
-
/**
|
|
23
|
-
* Input property indicating whether the step is disabled.
|
|
24
|
-
*
|
|
25
|
-
* @memberof StepComponent
|
|
26
|
-
*/
|
|
27
|
-
this.disabled = false;
|
|
28
|
-
/**
|
|
29
|
-
* Input property indicating whether the previous step has been visited.
|
|
30
|
-
*
|
|
31
|
-
* @memberof StepComponent
|
|
32
|
-
*/
|
|
33
|
-
this.prevStepIsVisited = false;
|
|
34
|
-
/**
|
|
35
|
-
* Input property indicating whether the component is in mobile mode.
|
|
36
|
-
*
|
|
37
|
-
* @memberof StepComponent
|
|
38
|
-
*/
|
|
39
|
-
this.mobileMode = false;
|
|
40
|
-
/**
|
|
41
|
-
* Input property indicating whether the component is in large tablet mode.
|
|
42
|
-
*
|
|
43
|
-
* @memberof StepComponent
|
|
44
|
-
*/
|
|
45
|
-
this.largeTabletMode = false;
|
|
46
|
-
/**
|
|
47
|
-
* Input property indicating whether the final icon should be displayed.
|
|
48
|
-
*
|
|
49
|
-
* @memberof StepComponent
|
|
50
|
-
*/
|
|
51
|
-
this.finalIcon = false;
|
|
52
|
-
/**
|
|
53
|
-
* Input property indicating to display icon when step is selected.
|
|
54
|
-
*
|
|
55
|
-
* @memberof StepComponent
|
|
56
|
-
*/
|
|
57
|
-
this.showIconWhenSelected = false;
|
|
58
|
-
/**
|
|
59
|
-
*
|
|
60
|
-
* Defines the application theme
|
|
61
|
-
*
|
|
62
|
-
* @type {ApplicationTheme}
|
|
63
|
-
* @memberof StepComponent
|
|
64
|
-
*/
|
|
65
|
-
this.applicationTheme = 'light';
|
|
66
|
-
/**
|
|
67
|
-
*
|
|
68
|
-
* Step description
|
|
69
|
-
*
|
|
70
|
-
* @type {HtmlDescription[]}
|
|
71
|
-
* @memberof StepComponent
|
|
72
|
-
*/
|
|
73
|
-
this.htmlDescription = [];
|
|
74
|
-
/**
|
|
75
|
-
*
|
|
76
|
-
* Sets bold font weight for label
|
|
77
|
-
*
|
|
78
|
-
* @type {boolean}
|
|
79
|
-
* @memberof StepComponent
|
|
80
|
-
*/
|
|
81
|
-
this.boldLabel = false;
|
|
82
|
-
/**
|
|
83
|
-
*
|
|
84
|
-
* Always show step icon instead of number
|
|
85
|
-
*
|
|
86
|
-
* @type {boolean}
|
|
87
|
-
* @memberof StepComponent
|
|
88
|
-
*/
|
|
89
|
-
this.alwaysShowIcon = false;
|
|
90
|
-
/**
|
|
91
|
-
* A string representing the step variant.
|
|
92
|
-
* This attribute is used to indicate the variant that should be used.
|
|
93
|
-
* @type {string}
|
|
94
|
-
* @memberof StepComponent
|
|
95
|
-
*/
|
|
96
|
-
this.stepVariant = 'primary';
|
|
97
|
-
/**
|
|
98
|
-
* Event emitted when the step was clicked.
|
|
99
|
-
* @type {number}
|
|
100
|
-
* @memberof StepComponent
|
|
101
|
-
*/
|
|
102
|
-
this.stepSelected = new EventEmitter();
|
|
103
|
-
this.TooltipPositionType = TooltipPositionType;
|
|
104
|
-
this.keyboardFocused = signal(false);
|
|
105
|
-
if (defaultAppTheme) {
|
|
106
|
-
this.applicationTheme = defaultAppTheme;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
ngAfterViewInit() {
|
|
110
|
-
this.subscriberFocus();
|
|
111
|
-
}
|
|
112
|
-
get hasLastStepDefaultIcon() {
|
|
113
|
-
return !this.showIconWhenSelected || (this.showIconWhenSelected && !this.selected);
|
|
114
|
-
}
|
|
115
|
-
onStepSelected(index) {
|
|
116
|
-
if (!this.disabled) {
|
|
117
|
-
this.stepSelected.emit(index);
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
subscriberFocus() {
|
|
121
|
-
this.focusMonitor.monitor(this.stepElement.nativeElement)
|
|
122
|
-
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
123
|
-
.subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));
|
|
124
|
-
}
|
|
125
|
-
onKeydown($event) {
|
|
126
|
-
if ($event.key === IKeyboardEvent.ENTER || $event.key === IKeyboardEvent.SPACE) {
|
|
127
|
-
this.onStepSelected(this.index);
|
|
128
|
-
}
|
|
129
|
-
else if ($event.key === IKeyboardEvent.ARROW_UP) {
|
|
130
|
-
const prevIndex = this.index - 1;
|
|
131
|
-
const prevElement = document.getElementById(`step-${prevIndex}`);
|
|
132
|
-
if (!prevElement) {
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
this.focusMonitor.focusVia(prevElement, 'keyboard');
|
|
136
|
-
}
|
|
137
|
-
else if ($event.key === IKeyboardEvent.ARROW_DOWN) {
|
|
138
|
-
const nextIndex = this.index + 1;
|
|
139
|
-
const nextElement = document.getElementById(`step-${nextIndex}`);
|
|
140
|
-
if (!nextElement) {
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
this.focusMonitor.focusVia(nextElement, 'keyboard');
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.FocusMonitor }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
147
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepComponent, selector: "ui-step", inputs: { label: "label", isVisited: "isVisited", submitted: "submitted", icon: "icon", index: "index", selected: "selected", isLast: "isLast", selectedIndex: "selectedIndex", disabled: "disabled", prevStepIsVisited: "prevStepIsVisited", mobileMode: "mobileMode", largeTabletMode: "largeTabletMode", finalIcon: "finalIcon", showIconWhenSelected: "showIconWhenSelected", applicationTheme: "applicationTheme", position: "position", htmlDescription: "htmlDescription", boldLabel: "boldLabel", descriptionTpl: "descriptionTpl", labelTooltip: "labelTooltip", alwaysShowIcon: "alwaysShowIcon", context: "context", stepVariant: "stepVariant" }, outputs: { stepSelected: "stepSelected" }, viewQueries: [{ propertyName: "stepElement", first: true, predicate: ["step"], descendants: true }], ngImport: i0, template: "@if (!mobileMode) {\n <ui-tooltip [message]=\"(stepVariant === 'secondary') && largeTabletMode ? label : ''\" [position]=\"TooltipPositionType.BOTTOM\">\n <div\n class=\"step-container\"\n #step\n [tabIndex]=\"disabled? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical',\n 'keyboard-focused': keyboardFocused()\n }\"\n [attr.theme]=\"applicationTheme\"\n (keydown.enter)=\"onStepSelected(index)\"\n (keydown.space)=\"$event.preventDefault();onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n >\n <div class=\"step-icon\">\n @if (index && stepVariant === 'primary') {\n <div class=\"line\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n }\n\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon\n size=\"24\"\n [name]=\"stepVariant ==='secondary' ? 'Check-small-filled' : 'Check'\"\n [color]=\"(isVisited && index < selectedIndex) || stepVariant ==='secondary' ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"\n ></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\"\n [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n @if (label) {\n <div\n class=\"step-label\"\n [ngClass]=\"{'step-bold-label': boldLabel}\"\n [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n }\n\n <div class=\"step-description-container\">\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{ description.text }}</div>\n\n <ui-icon\n *ngIf=\"description.iconName\"\n [name]=\"description.iconName\"\n [size]=\"'24'\"\n [matTooltip]=\"description.iconTooltip ?? ''\"\n ></ui-icon>\n </div>\n </div>\n\n <ng-container\n *ngIf=\"descriptionTpl\"\n [ngTemplateOutlet]=\"descriptionTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"\n ></ng-container>\n </div>\n </div>\n </ui-tooltip>\n\n} @else {\n <div\n class=\"mobile-step-container\"\n #step\n [tabIndex]=\"disabled ? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'active': selected,\n 'disabled': disabled,\n 'visited': isVisited,\n 'keyboard-focused': keyboardFocused()\n }\"\n (keydown)=\"onKeydown($event)\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-label]=\"label\"\n [attr.aria-controls]=\"index\"\n [id]=\"'step-'+ index\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n}\n\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container.keyboard-focused{position:relative;outline:unset}.step-container.keyboard-focused:after{content:\"\";position:absolute;top:0;width:100%;height:100%;left:0;outline:2px solid #242424;border-radius:8px;z-index:3;animation:focus-ring-animation-main .4s forwards}.step-container .steps-label{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.step-container .steps-label .step-description-container{flex-direction:column}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{align-items:center}.step-container.vertical .steps-label .step-description-container{flex-direction:column;justify-content:flex-end}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column;align-items:flex-start}.step-container.vertical .steps-label .step-description-container{display:block}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container.keyboard-focused{position:relative;outline:unset}.mobile-step-container.keyboard-focused:after{content:\"\";position:absolute;top:0;width:100%;height:100%;left:0;outline:2px solid #242424;border-radius:8px;animation:focus-ring-animation-main .4s forwards}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-container.secondary-step-variant{flex-direction:row;align-items:center;padding:5px 16px 5px 12px;gap:4px}@media (max-width: 1280px){.step-container.secondary-step-variant{padding:5px 9.5px 5px 10px}}.step-container.secondary-step-variant.visited-next:hover .step-icon,.step-container.secondary-step-variant.visited-next:focus .step-icon,.step-container.secondary-step-variant.visited-next:active .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.visited-prev:hover .step-icon,.step-container.secondary-step-variant.visited-prev:focus .step-icon,.step-container.secondary-step-variant.visited-prev:active .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.active .step-icon,.step-container.secondary-step-variant.visited-prev .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.active{background-color:#ffe6fa;border-radius:999px}.step-container.secondary-step-variant.active .step-label{border-color:transparent;background-color:transparent;font-weight:400!important;color:#242424!important;text-shadow:none!important}.step-container.secondary-step-variant:hover{background-color:#fff2fc;border-radius:999px}.step-container.secondary-step-variant .step-icon{width:32px;height:32px;min-width:32px;min-height:32px;border-color:transparent;background-color:transparent;border-width:0;margin:0}.step-container.secondary-step-variant .step-icon .icon-wrapper{width:20px;height:20px;font-size:12px;background:#919191;color:#fff}.step-container.secondary-step-variant .step-icon img{width:25px}@media (max-width: 1280px){.step-container.secondary-step-variant .steps-label{display:none}}.step-container.secondary-step-variant .steps-label .step-label{color:#666}.step-container.secondary-step-variant .steps-label .step-description-container{display:none}.mobile-step-container.secondary-step-variant.active .step .label{color:#242424}.mobile-step-container.secondary-step-variant .step .icon{height:23px;font-size:12px;font-weight:400;margin-right:12px;background:#919191;color:#fff}.mobile-step-container.secondary-step-variant .step .label{color:#666;margin-top:.1rem;opacity:1}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description,.step-description-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.TooltipComponent, selector: "ui-tooltip", inputs: ["position", "disabled", "message", "applicationTheme", "labelForDefinition", "definitionTooltipSize", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
148
|
-
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, decorators: [{
|
|
150
|
-
type: Component,
|
|
151
|
-
args: [{ selector: 'ui-step', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!mobileMode) {\n <ui-tooltip [message]=\"(stepVariant === 'secondary') && largeTabletMode ? label : ''\" [position]=\"TooltipPositionType.BOTTOM\">\n <div\n class=\"step-container\"\n #step\n [tabIndex]=\"disabled? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical',\n 'keyboard-focused': keyboardFocused()\n }\"\n [attr.theme]=\"applicationTheme\"\n (keydown.enter)=\"onStepSelected(index)\"\n (keydown.space)=\"$event.preventDefault();onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n >\n <div class=\"step-icon\">\n @if (index && stepVariant === 'primary') {\n <div class=\"line\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n }\n\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon\n size=\"24\"\n [name]=\"stepVariant ==='secondary' ? 'Check-small-filled' : 'Check'\"\n [color]=\"(isVisited && index < selectedIndex) || stepVariant ==='secondary' ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"\n ></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\"\n [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n @if (label) {\n <div\n class=\"step-label\"\n [ngClass]=\"{'step-bold-label': boldLabel}\"\n [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n }\n\n <div class=\"step-description-container\">\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{ description.text }}</div>\n\n <ui-icon\n *ngIf=\"description.iconName\"\n [name]=\"description.iconName\"\n [size]=\"'24'\"\n [matTooltip]=\"description.iconTooltip ?? ''\"\n ></ui-icon>\n </div>\n </div>\n\n <ng-container\n *ngIf=\"descriptionTpl\"\n [ngTemplateOutlet]=\"descriptionTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"\n ></ng-container>\n </div>\n </div>\n </ui-tooltip>\n\n} @else {\n <div\n class=\"mobile-step-container\"\n #step\n [tabIndex]=\"disabled ? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'active': selected,\n 'disabled': disabled,\n 'visited': isVisited,\n 'keyboard-focused': keyboardFocused()\n }\"\n (keydown)=\"onKeydown($event)\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-label]=\"label\"\n [attr.aria-controls]=\"index\"\n [id]=\"'step-'+ index\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n}\n\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container.keyboard-focused{position:relative;outline:unset}.step-container.keyboard-focused:after{content:\"\";position:absolute;top:0;width:100%;height:100%;left:0;outline:2px solid #242424;border-radius:8px;z-index:3;animation:focus-ring-animation-main .4s forwards}.step-container .steps-label{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.step-container .steps-label .step-description-container{flex-direction:column}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{align-items:center}.step-container.vertical .steps-label .step-description-container{flex-direction:column;justify-content:flex-end}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column;align-items:flex-start}.step-container.vertical .steps-label .step-description-container{display:block}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container.keyboard-focused{position:relative;outline:unset}.mobile-step-container.keyboard-focused:after{content:\"\";position:absolute;top:0;width:100%;height:100%;left:0;outline:2px solid #242424;border-radius:8px;animation:focus-ring-animation-main .4s forwards}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-container.secondary-step-variant{flex-direction:row;align-items:center;padding:5px 16px 5px 12px;gap:4px}@media (max-width: 1280px){.step-container.secondary-step-variant{padding:5px 9.5px 5px 10px}}.step-container.secondary-step-variant.visited-next:hover .step-icon,.step-container.secondary-step-variant.visited-next:focus .step-icon,.step-container.secondary-step-variant.visited-next:active .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.visited-prev:hover .step-icon,.step-container.secondary-step-variant.visited-prev:focus .step-icon,.step-container.secondary-step-variant.visited-prev:active .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.active .step-icon,.step-container.secondary-step-variant.visited-prev .step-icon{border-color:transparent;background-color:transparent}.step-container.secondary-step-variant.active{background-color:#ffe6fa;border-radius:999px}.step-container.secondary-step-variant.active .step-label{border-color:transparent;background-color:transparent;font-weight:400!important;color:#242424!important;text-shadow:none!important}.step-container.secondary-step-variant:hover{background-color:#fff2fc;border-radius:999px}.step-container.secondary-step-variant .step-icon{width:32px;height:32px;min-width:32px;min-height:32px;border-color:transparent;background-color:transparent;border-width:0;margin:0}.step-container.secondary-step-variant .step-icon .icon-wrapper{width:20px;height:20px;font-size:12px;background:#919191;color:#fff}.step-container.secondary-step-variant .step-icon img{width:25px}@media (max-width: 1280px){.step-container.secondary-step-variant .steps-label{display:none}}.step-container.secondary-step-variant .steps-label .step-label{color:#666}.step-container.secondary-step-variant .steps-label .step-description-container{display:none}.mobile-step-container.secondary-step-variant.active .step .label{color:#242424}.mobile-step-container.secondary-step-variant .step .icon{height:23px;font-size:12px;font-weight:400;margin-right:12px;background:#919191;color:#fff}.mobile-step-container.secondary-step-variant .step .label{color:#666;margin-top:.1rem;opacity:1}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description,.step-description-container{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
152
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
153
|
-
type: Optional
|
|
154
|
-
}, {
|
|
155
|
-
type: Inject,
|
|
156
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
157
|
-
}] }, { type: i1.FocusMonitor }, { type: i0.DestroyRef }], propDecorators: { label: [{
|
|
158
|
-
type: Input
|
|
159
|
-
}], isVisited: [{
|
|
160
|
-
type: Input
|
|
161
|
-
}], submitted: [{
|
|
162
|
-
type: Input
|
|
163
|
-
}], icon: [{
|
|
164
|
-
type: Input
|
|
165
|
-
}], index: [{
|
|
166
|
-
type: Input
|
|
167
|
-
}], selected: [{
|
|
168
|
-
type: Input
|
|
169
|
-
}], isLast: [{
|
|
170
|
-
type: Input
|
|
171
|
-
}], selectedIndex: [{
|
|
172
|
-
type: Input
|
|
173
|
-
}], disabled: [{
|
|
174
|
-
type: Input
|
|
175
|
-
}], prevStepIsVisited: [{
|
|
176
|
-
type: Input
|
|
177
|
-
}], mobileMode: [{
|
|
178
|
-
type: Input
|
|
179
|
-
}], largeTabletMode: [{
|
|
180
|
-
type: Input
|
|
181
|
-
}], finalIcon: [{
|
|
182
|
-
type: Input
|
|
183
|
-
}], showIconWhenSelected: [{
|
|
184
|
-
type: Input
|
|
185
|
-
}], applicationTheme: [{
|
|
186
|
-
type: Input
|
|
187
|
-
}], position: [{
|
|
188
|
-
type: Input
|
|
189
|
-
}], htmlDescription: [{
|
|
190
|
-
type: Input
|
|
191
|
-
}], boldLabel: [{
|
|
192
|
-
type: Input
|
|
193
|
-
}], descriptionTpl: [{
|
|
194
|
-
type: Input
|
|
195
|
-
}], labelTooltip: [{
|
|
196
|
-
type: Input
|
|
197
|
-
}], alwaysShowIcon: [{
|
|
198
|
-
type: Input
|
|
199
|
-
}], context: [{
|
|
200
|
-
type: Input
|
|
201
|
-
}], stepVariant: [{
|
|
202
|
-
type: Input
|
|
203
|
-
}], stepSelected: [{
|
|
204
|
-
type: Output
|
|
205
|
-
}], stepElement: [{
|
|
206
|
-
type: ViewChild,
|
|
207
|
-
args: ['step']
|
|
208
|
-
}] } });
|
|
209
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3RlcC9zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwL3N0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBR1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFBRSxNQUFNLEVBQ0QsU0FBUyxHQUN2QixNQUFNLGVBQWUsQ0FBQztBQUt2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFRL0QsTUFBTSxPQUFPLGFBQWE7SUFnTXhCLFlBQzZFLGVBQWlDLEVBQ3BHLFlBQTBCLEVBQzFCLFVBQXNCO1FBRjZDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQUNwRyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBN0toQzs7OztXQUlHO1FBQ00sU0FBSSxHQUF5QixFQUFFLENBQUM7UUE4QnpDOzs7O1dBSUc7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7O1dBSUc7UUFDTSxzQkFBaUIsR0FBd0IsS0FBSyxDQUFDO1FBRXhEOzs7O1dBSUc7UUFDTSxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTVCOzs7O1dBSUc7UUFDTSxvQkFBZSxHQUFtQixLQUFLLENBQUM7UUFFakQ7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFM0I7Ozs7V0FJRztRQUNNLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUV0Qzs7Ozs7O1dBTUc7UUFDTSxxQkFBZ0IsR0FBcUIsT0FBTyxDQUFDO1FBV3REOzs7Ozs7V0FNRztRQUNNLG9CQUFlLEdBQXNCLEVBQUUsQ0FBQztRQUVqRDs7Ozs7O1dBTUc7UUFDTSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBb0IzQjs7Ozs7O1dBTUc7UUFDTSxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQVdoQzs7Ozs7V0FLRztRQUNNLGdCQUFXLEdBQXFCLFNBQVMsQ0FBQztRQUVuRDs7OztXQUlHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSWpDLHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBRW5ELG9CQUFlLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBT3hDLElBQUksZUFBZSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELElBQWMsc0JBQXNCO1FBQ2xDLE9BQU8sQ0FBQyxJQUFJLENBQUMsb0JBQW9CLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckYsQ0FBQztJQUVTLGNBQWMsQ0FBQyxLQUFhO1FBQ3BDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQztJQUNILENBQUM7SUFFUyxlQUFlO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDO2FBQ3RELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDekMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsTUFBTSxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDMUUsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFxQjtRQUM3QixJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssY0FBYyxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsR0FBRyxLQUFLLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMvRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxDQUFDO2FBQU0sSUFBSSxNQUFNLENBQUMsR0FBRyxLQUFLLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUNqQyxNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFFBQVEsU0FBUyxFQUFFLENBQUMsQ0FBQztZQUVqRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ2pCLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ3RELENBQUM7YUFBTSxJQUFJLE1BQU0sQ0FBQyxHQUFHLEtBQUssY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3BELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBQ2pDLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1lBRWpFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDakIsT0FBTztZQUNULENBQUM7WUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDdEQsQ0FBQztJQUNILENBQUM7K0dBbFBVLGFBQWEsa0JBaU1GLG9DQUFvQzttR0FqTS9DLGFBQWEsNnpCQzNCMUIsdTdMQThKQTs7NEZEbklhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNOzswQkFtTTVDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DOzZGQTNMakQsS0FBSztzQkFBYixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQU9HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBT0csTUFBTTtzQkFBZCxLQUFLO2dCQU9HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFPRyxlQUFlO3NCQUF2QixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFTRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBU0csU0FBUztzQkFBakIsS0FBSztnQkFTRyxjQUFjO3NCQUF0QixLQUFLO2dCQVNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBU0csY0FBYztzQkFBdEIsS0FBSztnQkFTRyxPQUFPO3NCQUFmLEtBQUs7Z0JBUUcsV0FBVztzQkFBbkIsS0FBSztnQkFPSSxZQUFZO3NCQUFyQixNQUFNO2dCQUVZLFdBQVc7c0JBQTdCLFNBQVM7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIERlc3Ryb3lSZWYsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCwgc2lnbmFsLFxuICBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWwnO1xuaW1wb3J0IHsgSHRtbERlc2NyaXB0aW9uLCBTdGVwcGVyUG9zaXRpb24sIFN0ZXBwZXJWYXJpYXRpb24gfSBmcm9tICcuLi9zdGVwcGVyL3N0ZXBwZXIubW9kZWwnO1xuaW1wb3J0IHsgRm9jdXNNb25pdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9hMTF5XCI7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3BcIjtcbmltcG9ydCB7IElLZXlib2FyZEV2ZW50IH0gZnJvbSBcIi4uLy4uL21vZGVscy9rZXlib2FyZC1ldmVudHMubW9kZWxcIjtcbmltcG9ydCB7IFRvb2x0aXBQb3NpdGlvblR5cGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1zdGVwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBmb3IgdGhlIGxhYmVsIG9mIHRoZSBzdGVwLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBzdGVwIGhhcyBiZWVuIHZpc2l0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpc1Zpc2l0ZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgZm9ybSBoYXMgYmVlbiBzdWJtaXR0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdWJtaXR0ZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGZvciB0aGUgaWNvbiBhc3NvY2lhdGVkIHdpdGggdGhlIHN0ZXAuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBJY29uTmFtZSB8IHVuZGVmaW5lZCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBmb3IgdGhlIGluZGV4IG9mIHRoZSBzdGVwLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaW5kZXg6IG51bWJlcjtcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBzdGVwIGlzIGN1cnJlbnRseSBzZWxlY3RlZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHN0ZXAgaXMgdGhlIGxhc3Qgc3RlcCBpbiB0aGUgc3RlcHBlci5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGlzTGFzdDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB0aGUgc2VsZWN0ZWQgaW5kZXggaW4gdGhlIHN0ZXBwZXIuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZEluZGV4OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgc3RlcCBpcyBkaXNhYmxlZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgcHJldmlvdXMgc3RlcCBoYXMgYmVlbiB2aXNpdGVkLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgcHJldlN0ZXBJc1Zpc2l0ZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBjb21wb25lbnQgaXMgaW4gbW9iaWxlIG1vZGUuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtb2JpbGVNb2RlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgY29tcG9uZW50IGlzIGluIGxhcmdlIHRhYmxldCBtb2RlLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFyZ2VUYWJsZXRNb2RlOiBib29sZWFuIHwgbnVsbCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGZpbmFsIGljb24gc2hvdWxkIGJlIGRpc3BsYXllZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZpbmFsSWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHRvIGRpc3BsYXkgaWNvbiB3aGVuIHN0ZXAgaXMgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzaG93SWNvbldoZW5TZWxlY3RlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBzdGVwcGVyIHBvc2l0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtTdGVwcGVyUG9zaXRpb259XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU3RlcHBlclBvc2l0aW9uO1xuXG4gIC8qKlxuICAgKlxuICAgKiBTdGVwIGRlc2NyaXB0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtIdG1sRGVzY3JpcHRpb25bXX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGh0bWxEZXNjcmlwdGlvbjogSHRtbERlc2NyaXB0aW9uW10gPSBbXTtcblxuICAvKipcbiAgICpcbiAgICogU2V0cyBib2xkIGZvbnQgd2VpZ2h0IGZvciBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJvbGRMYWJlbCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBUZW1wbGF0ZSBmb3IgdGhlIHN0ZXAgZGVzY3JpcHRpb25cbiAgICpcbiAgICogQHR5cGUge1RlbXBsYXRlUmVmfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZGVzY3JpcHRpb25UcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKlxuICAgKlxuICAgKiBUb29sdGlwIGZvciB0aGUgc3RlcCBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWxUb29sdGlwPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKlxuICAgKiBBbHdheXMgc2hvdyBzdGVwIGljb24gaW5zdGVhZCBvZiBudW1iZXJcbiAgICpcbiAgICogQHR5cGUge2Jvb2xlYW59XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhbHdheXNTaG93SWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBDb250ZXh0IGZvciB0aGUgc3RlcCB0ZW1wbGF0ZVxuICAgKlxuICAgKiBAdHlwZSB7YW55fVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgY29udGV4dDogYW55O1xuXG4gIC8qKlxuICAgKiBBIHN0cmluZyByZXByZXNlbnRpbmcgdGhlIHN0ZXAgdmFyaWFudC5cbiAgICogVGhpcyBhdHRyaWJ1dGUgaXMgdXNlZCB0byBpbmRpY2F0ZSB0aGUgdmFyaWFudCB0aGF0IHNob3VsZCBiZSB1c2VkLlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RlcFZhcmlhbnQ6IFN0ZXBwZXJWYXJpYXRpb24gPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgc3RlcCB3YXMgY2xpY2tlZC5cbiAgICogQHR5cGUge251bWJlcn1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBPdXRwdXQoKSBzdGVwU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBAVmlld0NoaWxkKCdzdGVwJykgc3RlcEVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBUb29sdGlwUG9zaXRpb25UeXBlID0gVG9vbHRpcFBvc2l0aW9uVHlwZTtcblxuICBwcm90ZWN0ZWQga2V5Ym9hcmRGb2N1c2VkID0gc2lnbmFsKGZhbHNlKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KCdDQU5PUFlVSV9ERUZBVUxUX0FQUExJQ0FUSU9OX1RIRU1FJykgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0QXBwVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUsXG4gICAgcHJpdmF0ZSBmb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcbiAgICBwcml2YXRlIGRlc3Ryb3lSZWY6IERlc3Ryb3lSZWZcbiAgKSB7XG4gICAgaWYgKGRlZmF1bHRBcHBUaGVtZSkge1xuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnN1YnNjcmliZXJGb2N1cygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBoYXNMYXN0U3RlcERlZmF1bHRJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCB8fCAodGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCAmJiAhdGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25TdGVwU2VsZWN0ZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5zdGVwU2VsZWN0ZWQuZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHN1YnNjcmliZXJGb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmZvY3VzTW9uaXRvci5tb25pdG9yKHRoaXMuc3RlcEVsZW1lbnQubmF0aXZlRWxlbWVudClcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKVxuICAgICAgLnN1YnNjcmliZShvcmlnaW4gPT4gdGhpcy5rZXlib2FyZEZvY3VzZWQuc2V0KG9yaWdpbiA9PT0gJ2tleWJvYXJkJykpO1xuICB9XG5cbiAgb25LZXlkb3duKCRldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmICgkZXZlbnQua2V5ID09PSBJS2V5Ym9hcmRFdmVudC5FTlRFUiB8fCAkZXZlbnQua2V5ID09PSBJS2V5Ym9hcmRFdmVudC5TUEFDRSkge1xuICAgICAgdGhpcy5vblN0ZXBTZWxlY3RlZCh0aGlzLmluZGV4KTtcbiAgICB9IGVsc2UgaWYgKCRldmVudC5rZXkgPT09IElLZXlib2FyZEV2ZW50LkFSUk9XX1VQKSB7XG4gICAgICBjb25zdCBwcmV2SW5kZXggPSB0aGlzLmluZGV4IC0gMTtcbiAgICAgIGNvbnN0IHByZXZFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoYHN0ZXAtJHtwcmV2SW5kZXh9YCk7XG5cbiAgICAgIGlmICghcHJldkVsZW1lbnQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5mb2N1c01vbml0b3IuZm9jdXNWaWEocHJldkVsZW1lbnQsICdrZXlib2FyZCcpO1xuICAgIH0gZWxzZSBpZiAoJGV2ZW50LmtleSA9PT0gSUtleWJvYXJkRXZlbnQuQVJST1dfRE9XTikge1xuICAgICAgY29uc3QgbmV4dEluZGV4ID0gdGhpcy5pbmRleCArIDE7XG4gICAgICBjb25zdCBuZXh0RWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKGBzdGVwLSR7bmV4dEluZGV4fWApO1xuXG4gICAgICBpZiAoIW5leHRFbGVtZW50KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHRoaXMuZm9jdXNNb25pdG9yLmZvY3VzVmlhKG5leHRFbGVtZW50LCAna2V5Ym9hcmQnKTtcbiAgICB9XG4gIH1cbn1cbiIsIkBpZiAoIW1vYmlsZU1vZGUpIHtcbiAgPHVpLXRvb2x0aXAgW21lc3NhZ2VdPVwiKHN0ZXBWYXJpYW50ID09PSAnc2Vjb25kYXJ5JykgJiYgbGFyZ2VUYWJsZXRNb2RlID8gbGFiZWwgOiAnJ1wiIFtwb3NpdGlvbl09XCJUb29sdGlwUG9zaXRpb25UeXBlLkJPVFRPTVwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwic3RlcC1jb250YWluZXJcIlxuICAgICAgI3N0ZXBcbiAgICAgIFt0YWJJbmRleF09XCJkaXNhYmxlZD8gLTEgOiAwXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAnc2Vjb25kYXJ5LXN0ZXAtdmFyaWFudCc6IHN0ZXBWYXJpYW50ID09PSAnc2Vjb25kYXJ5JyxcbiAgICAndmlzaXRlZC1uZXh0JzogaXNWaXNpdGVkICYmIGluZGV4ID4gc2VsZWN0ZWRJbmRleCxcbiAgICAndmlzaXRlZC1wcmV2JzogaXNWaXNpdGVkICYmIGluZGV4IDwgc2VsZWN0ZWRJbmRleCxcbiAgICAnYWN0aXZlJzogc2VsZWN0ZWQsXG4gICAgJ2xhc3Qtc3RlcCc6IGZpbmFsSWNvbiAmJiBoYXNMYXN0U3RlcERlZmF1bHRJY29uICYmICFhbHdheXNTaG93SWNvbixcbiAgICAnZGlzYWJsZWQnOiBkaXNhYmxlZCxcbiAgICAndmVydGljYWwnOiBwb3NpdGlvbiA9PT0gJ3ZlcnRpY2FsJyxcbiAgICAna2V5Ym9hcmQtZm9jdXNlZCc6IGtleWJvYXJkRm9jdXNlZCgpXG4gIH1cIlxuICAgICAgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblN0ZXBTZWxlY3RlZChpbmRleClcIlxuICAgICAgKGtleWRvd24uc3BhY2UpPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7b25TdGVwU2VsZWN0ZWQoaW5kZXgpXCJcbiAgICAgIChjbGljayk9XCJvblN0ZXBTZWxlY3RlZChpbmRleClcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWljb25cIj5cbiAgICAgICAgQGlmIChpbmRleCAmJiBzdGVwVmFyaWFudCA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmVcIiBbbmdDbGFzc109XCJ7IHZpc2l0ZWQ6IHByZXZTdGVwSXNWaXNpdGVkIH1cIj48L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiAqbmdJZj1cIiFmaW5hbEljb247IGVsc2UgbGFzdFN0ZXBcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJpc1Zpc2l0ZWQgJiYgIXNlbGVjdGVkICYmICFhbHdheXNTaG93SWNvblwiPlxuICAgICAgICAgICAgICA8dWktaWNvblxuICAgICAgICAgICAgICAgIHNpemU9XCIyNFwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwic3RlcFZhcmlhbnQgPT09J3NlY29uZGFyeScgPyAnQ2hlY2stc21hbGwtZmlsbGVkJyA6ICdDaGVjaydcIlxuICAgICAgICAgICAgICAgIFtjb2xvcl09XCIoaXNWaXNpdGVkICYmIGluZGV4IDwgc2VsZWN0ZWRJbmRleCkgfHwgc3RlcFZhcmlhbnQgPT09J3NlY29uZGFyeScgPyAnd2hpdGUnIDogYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJ3BldHJvbCcgOiAncmVicmFuZC1ibGFjaydcIlxuICAgICAgICAgICAgICA+PC91aS1pY29uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIihzZWxlY3RlZCAmJiAhIWljb24pIHx8IGFsd2F5c1Nob3dJY29uXCI+XG4gICAgICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicyNCdcIiBbbmFtZV09XCJpY29uIVwiIFtjb2xvcl09XCJpc0xhc3QgJiYgIXNlbGVjdGVkID8gJ3JlYnJhbmQtYmxhY2snIDogJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICAgIHt7IGluZGV4ICsgMSB9fVxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbGFzdFN0ZXA+XG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgKm5nSWY9XCJoYXNMYXN0U3RlcERlZmF1bHRJY29uICYmICFhbHdheXNTaG93SWNvbjsgZWxzZSBzdGVwSWNvblwiXG4gICAgICAgICAgICBbYWx0XT1cIidzdGVwLWZpbmlzaC1pbWFnZSdcIlxuICAgICAgICAgICAgW2F0dHIuc3JjXT1cImFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICcvaW1hZ2VzL3N0ZXAtZmluaXNoLnN2ZycgOiBpc1Zpc2l0ZWQgPyAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWxpZ2h0LnN2ZycgOiAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWJsYWNrLnN2ZydcIlxuICAgICAgICAgID5cblxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3RlcEljb24+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICAgIDx1aS1pY29uICpuZ0lmPVwiaWNvbiB8fCAoaWNvbiAmJiBhbHdheXNTaG93SWNvbik7IGVsc2Ugc3RlcEluZGV4XCIgW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cImljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwiJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNzdGVwSW5kZXg+XG4gICAgICAgICAgICAgICAge3sgaW5kZXggKyAxIH19XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcy1sYWJlbFwiPlxuICAgICAgICBAaWYgKGxhYmVsKSB7XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJzdGVwLWxhYmVsXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnc3RlcC1ib2xkLWxhYmVsJzogYm9sZExhYmVsfVwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJsYWJlbFRvb2x0aXAgPz8gJydcIj5cbiAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1kZXNjcmlwdGlvbi1jb250YWluZXJcIj5cbiAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkZXNjcmlwdGlvbiBvZiBodG1sRGVzY3JpcHRpb25cIiBjbGFzcz1cInN0ZXAtZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIDxkaXY+e3sgZGVzY3JpcHRpb24udGV4dCB9fTwvZGl2PlxuXG4gICAgICAgICAgICA8dWktaWNvblxuICAgICAgICAgICAgICAqbmdJZj1cImRlc2NyaXB0aW9uLmljb25OYW1lXCJcbiAgICAgICAgICAgICAgW25hbWVdPVwiZGVzY3JpcHRpb24uaWNvbk5hbWVcIlxuICAgICAgICAgICAgICBbc2l6ZV09XCInMjQnXCJcbiAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiZGVzY3JpcHRpb24uaWNvblRvb2x0aXAgPz8gJydcIlxuICAgICAgICAgICAgPjwvdWktaWNvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwiZGVzY3JpcHRpb25UcGxcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlc2NyaXB0aW9uVHBsXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGNvbnRleHQsIGxhYmVsLCBpc1Zpc2l0ZWQsIHN1Ym1pdHRlZCwgaW5kZXgsIHNlbGVjdGVkLCBpc0xhc3QsIHNlbGVjdGVkSW5kZXgsIGRpc2FibGVkLCBwcmV2U3RlcElzVmlzaXRlZCwgbW9iaWxlTW9kZSwgZmluYWxJY29uLCBzaG93SWNvbldoZW5TZWxlY3RlZCwgcG9zaXRpb24gfVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3VpLXRvb2x0aXA+XG5cbn0gQGVsc2Uge1xuICA8ZGl2XG4gICAgY2xhc3M9XCJtb2JpbGUtc3RlcC1jb250YWluZXJcIlxuICAgICAjc3RlcFxuICAgICBbdGFiSW5kZXhdPVwiZGlzYWJsZWQgPyAtMSA6IDBcIlxuICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2Vjb25kYXJ5LXN0ZXAtdmFyaWFudCc6IHN0ZXBWYXJpYW50ID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICdhY3RpdmUnOiBzZWxlY3RlZCxcbiAgICAgICdkaXNhYmxlZCc6IGRpc2FibGVkLFxuICAgICAgJ3Zpc2l0ZWQnOiBpc1Zpc2l0ZWQsXG4gICAgICAna2V5Ym9hcmQtZm9jdXNlZCc6IGtleWJvYXJkRm9jdXNlZCgpXG4gICAgICAgfVwiXG4gICAgIChrZXlkb3duKT1cIm9uS2V5ZG93bigkZXZlbnQpXCJcbiAgICAgKGNsaWNrKT1cIm9uU3RlcFNlbGVjdGVkKGluZGV4KVwiXG4gICAgIFthdHRyLnRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIlxuICAgICByb2xlPVwidGFiXCJcbiAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJzZWxlY3RlZFwiXG4gICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsXCJcbiAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJpbmRleFwiXG4gICAgIFtpZF09XCInc3RlcC0nKyBpbmRleFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmaW5hbEljb247IGVsc2UgbGFzdFN0ZXBcIj5cbiAgICAgICAgPGRpdiBbbmdTd2l0Y2hdPVwidHJ1ZVwiIGNsYXNzPVwiaWNvblwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImlzVmlzaXRlZCAmJiAhc2VsZWN0ZWRcIj5cbiAgICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicxNidcIiBbbmFtZV09XCInQ2hlY2snXCIgW2NvbG9yXT1cIid3aGl0ZSdcIj48L3VpLWljb24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJzZWxlY3RlZCAmJiAhIWljb25cIj5cbiAgICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicxNidcIiBbbmFtZV09XCJpY29uIVwiIFtjb2xvcl09XCInd2hpdGUnXCI+PC91aS1pY29uPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgICAge3sgaW5kZXggKyAxIH19XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbGFzdFN0ZXA+XG4gICAgICAgIDxpbWcgKm5nSWY9XCJoYXNMYXN0U3RlcERlZmF1bHRJY29uOyBlbHNlIHN0ZXBJY29uXCJcbiAgICAgICAgICAgICBbYWx0XT1cIidzdGVwLWZpbmlzaC1pbWFnZSdcIlxuICAgICAgICAgICAgIFt3aWR0aF09XCIyNFwiXG4gICAgICAgICAgICAgW2hlaWdodF09XCIyNFwiXG4gICAgICAgICAgICAgW2F0dHIuc3JjXT1cImFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICcvaW1hZ2VzL3N0ZXAtZmluaXNoLnN2ZycgOiBpc1Zpc2l0ZWQgPyAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWxpZ2h0LnN2ZycgOiAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWJsYWNrLnN2ZydcIlxuICAgICAgICA+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNzdGVwSWNvbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxuICAgICAgICAgICAgPHVpLWljb24gKm5nSWY9XCJpY29uOyBlbHNlIHN0ZXBJbmRleFwiIFtzaXplXT1cIicyNCdcIiBbbmFtZV09XCJpY29uXCIgW2NvbG9yXT1cIid3aGl0ZSdcIj48L3VpLWljb24+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI3N0ZXBJbmRleD5cbiAgICAgICAgICAgICAge3sgaW5kZXggKyAxIH19XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG59XG5cbiJdfQ==
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { StepComponent } from './step.component';
|
|
4
|
-
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
6
|
-
import { TooltipComponentModule } from '../tooltip/tooltip.component.module';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class StepComponentModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StepComponentModule, declarations: [StepComponent], imports: [CommonModule, IconComponentModule, MatTooltipModule, TooltipComponentModule], exports: [StepComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponentModule, imports: [CommonModule, IconComponentModule, MatTooltipModule, TooltipComponentModule] }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponentModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
declarations: [StepComponent],
|
|
17
|
-
imports: [CommonModule, IconComponentModule, MatTooltipModule, TooltipComponentModule],
|
|
18
|
-
exports: [StepComponent],
|
|
19
|
-
}]
|
|
20
|
-
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3N0ZXAvc3RlcC5jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFPN0UsTUFBTSxPQUFPLG1CQUFtQjsrR0FBbkIsbUJBQW1CO2dIQUFuQixtQkFBbUIsaUJBSmYsYUFBYSxhQUNsQixZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsc0JBQXNCLGFBQzNFLGFBQWE7Z0hBRVosbUJBQW1CLFlBSHBCLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsRUFBRSxzQkFBc0I7OzRGQUcxRSxtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsc0JBQXNCLENBQUM7b0JBQ3RGLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztpQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3N0ZXAuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBUb29sdGlwQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTdGVwQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudE1vZHVsZSwgTWF0VG9vbHRpcE1vZHVsZSwgVG9vbHRpcENvbXBvbmVudE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTdGVwQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudE1vZHVsZSB7fVxuIl19
|