@softpak/components 18.6.10 → 19.0.0-beta.10
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/README.md +24 -24
- package/esm2022/spx-alert/public-api.mjs +1 -1
- package/esm2022/spx-alert/spx-alert.component.mjs +115 -115
- package/esm2022/spx-alert/spx-alert.interface.mjs +1 -1
- package/esm2022/spx-app-configuration/public-api.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-alert.interface.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-bundle-set.interface.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-channel-type.enum.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-channel.interface.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-config.interface.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-id.enum.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-lang.enum.mjs +1 -1
- package/esm2022/spx-app-configuration/spx-app-release-note.interface.mjs +1 -1
- package/esm2022/spx-app-expiry/public-api.mjs +1 -1
- package/esm2022/spx-app-expiry/spx-app-expiry.component.mjs +57 -57
- package/esm2022/spx-app-expiry/spx-app-expiry.interface.mjs +1 -1
- package/esm2022/spx-app-expiry/spx-check-expiry-final-warning.interface.mjs +1 -1
- package/esm2022/spx-app-expiry/spx-check-expiry-happened.interface.mjs +1 -1
- package/esm2022/spx-app-expiry/spx-check-expiry-warning.interface.mjs +1 -1
- package/esm2022/spx-app-update/public-api.mjs +1 -1
- package/esm2022/spx-app-update/spx-app-update.component.mjs +66 -63
- package/esm2022/spx-button/public-api.mjs +1 -1
- package/esm2022/spx-button/spx-button.component.mjs +63 -63
- package/esm2022/spx-capitalize/public-api.mjs +1 -1
- package/esm2022/spx-capitalize/spx-capitalize.pipe.mjs +1 -1
- package/esm2022/spx-card/public-api.mjs +1 -1
- package/esm2022/spx-card/spx-card-grid.component.mjs +27 -27
- package/esm2022/spx-card/spx-card-item.component.mjs +69 -69
- package/esm2022/spx-card/spx-card-line.component.mjs +77 -77
- package/esm2022/spx-card/spx-card.component.mjs +51 -51
- package/esm2022/spx-change-details/public-api.mjs +1 -1
- package/esm2022/spx-change-details/spx-change-details-value.interface.mjs +1 -1
- package/esm2022/spx-change-details/spx-change-details.component.mjs +3 -3
- package/esm2022/spx-channel-selection/public-api.mjs +1 -1
- package/esm2022/spx-channel-selection/src/spx-channel-indicator.component.mjs +13 -13
- package/esm2022/spx-channel-selection/src/spx-welcome.component.mjs +13 -13
- package/esm2022/spx-check-digit/public-api.mjs +1 -1
- package/esm2022/spx-check-digit/spx-check-digit.component.mjs +3 -3
- package/esm2022/spx-form-section/public-api.mjs +1 -1
- package/esm2022/spx-form-section/spx-form-section.component.mjs +21 -21
- package/esm2022/spx-form-view/public-api.mjs +1 -1
- package/esm2022/spx-form-view/spx-autocomplete-search.component.mjs +3 -3
- package/esm2022/spx-form-view/spx-form-button-type.enum.mjs +1 -1
- package/esm2022/spx-form-view/spx-form-button.interface.mjs +1 -1
- package/esm2022/spx-form-view/spx-form-field.interface.mjs +1 -1
- package/esm2022/spx-form-view/spx-form-section.interface.mjs +1 -1
- package/esm2022/spx-form-view/spx-form-view.component.mjs +163 -163
- package/esm2022/spx-form-view/spx-form.interface.mjs +1 -1
- package/esm2022/spx-helpers/calc-check-digit.function.mjs +1 -1
- package/esm2022/spx-helpers/public-api.mjs +1 -1
- package/esm2022/spx-helpers/spx-severity.enum.mjs +1 -1
- package/esm2022/spx-helpers/value-pair-to-value.function.mjs +1 -1
- package/esm2022/spx-inputs/public-api.mjs +1 -1
- package/esm2022/spx-inputs/spx-dropdown.component.mjs +33 -33
- package/esm2022/spx-inputs/spx-input-box.component.mjs +149 -149
- package/esm2022/spx-inputs/spx-input-date/spx-input-date.component.mjs +3 -3
- package/esm2022/spx-inputs/spx-input-float.component.mjs +51 -51
- package/esm2022/spx-inputs/spx-input-number.component.mjs +27 -27
- package/esm2022/spx-inputs/spx-input-radio.component.mjs +23 -23
- package/esm2022/spx-inputs/spx-input-text.component.mjs +63 -63
- package/esm2022/spx-inputs/spx-input-time-modal.component.mjs +86 -84
- package/esm2022/spx-inputs/spx-input-time.component.mjs +14 -21
- package/esm2022/spx-inputs/spx-input-type.enum.mjs +1 -1
- package/esm2022/spx-inputs/spx-input.component.mjs +219 -219
- package/esm2022/spx-inputs/spx-value-interface.mjs +1 -1
- package/esm2022/spx-navigation/public-api.mjs +1 -1
- package/esm2022/spx-navigation/spx-home-tile.component.mjs +39 -39
- package/esm2022/spx-navigation/spx-home-tiles.component.mjs +5 -5
- package/esm2022/spx-navigation/spx-navigation-item.interface.mjs +1 -1
- package/esm2022/spx-navigation/spx-navigation.component.mjs +3 -3
- package/esm2022/spx-number-check/public-api.mjs +1 -1
- package/esm2022/spx-number-check/spx-number-check.component.mjs +77 -77
- package/esm2022/spx-pagination/public-api.mjs +1 -1
- package/esm2022/spx-pagination/spx-pagination.component.mjs +3 -3
- package/esm2022/spx-patch/patch-check.function.mjs +1 -1
- package/esm2022/spx-patch/public-api.mjs +1 -1
- package/esm2022/spx-patch/release-check.function.mjs +1 -1
- package/esm2022/spx-patch/spx-patch.component.mjs +25 -25
- package/esm2022/spx-progress-bar/public-api.mjs +1 -1
- package/esm2022/spx-progress-bar/spx-progress-bar.component.mjs +15 -15
- package/esm2022/spx-spinner/public-api.mjs +1 -1
- package/esm2022/spx-spinner/spx-spinner.component.mjs +143 -143
- package/esm2022/spx-stock-info/public-api.mjs +1 -1
- package/esm2022/spx-stock-info/spx-stock-info-value.interface.mjs +1 -1
- package/esm2022/spx-stock-info/spx-stock-info.component.mjs +3 -3
- package/esm2022/spx-storage/public-api.mjs +1 -1
- package/esm2022/spx-storage/src/spx-storage-key.enum.mjs +1 -1
- package/esm2022/spx-storage/src/spx-storage.class.mjs +1 -1
- package/esm2022/spx-suggestion/public-api.mjs +1 -1
- package/esm2022/spx-suggestion/spx-suggestion.component.mjs +41 -41
- package/esm2022/spx-toaster/public-api.mjs +1 -1
- package/esm2022/spx-toaster/src/spx-toaster-autoclose-speed.mjs +1 -1
- package/esm2022/spx-toaster/src/spx-toaster-message.interface.mjs +1 -1
- package/esm2022/spx-toaster/src/spx-toaster.component.mjs +93 -93
- package/esm2022/spx-update/public-api.mjs +1 -1
- package/esm2022/spx-update/src/spx-update-info.component.mjs +23 -23
- package/esm2022/spx-update/src/spx-update-progress.component.mjs +3 -3
- package/esm2022/spx-validation/max.validator.mjs +1 -1
- package/esm2022/spx-validation/maxlength.validator.mjs +1 -1
- package/esm2022/spx-validation/min.validator.mjs +1 -1
- package/esm2022/spx-validation/minlength.validator.mjs +1 -1
- package/esm2022/spx-validation/pattern.validator.mjs +1 -1
- package/esm2022/spx-validation/public-api.mjs +1 -1
- package/esm2022/spx-validation/required.validator.mjs +1 -1
- package/esm2022/spx-validation/spx-validate-control.component.mjs +3 -3
- package/esm2022/spx-validation/year-and-month.validator.mjs +1 -1
- package/fesm2022/softpak-components-spx-alert.mjs +114 -114
- package/fesm2022/softpak-components-spx-alert.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-app-configuration.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-app-expiry.mjs +56 -56
- package/fesm2022/softpak-components-spx-app-expiry.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-app-update.mjs +65 -62
- package/fesm2022/softpak-components-spx-app-update.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-button.mjs +62 -62
- package/fesm2022/softpak-components-spx-button.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-capitalize.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-card.mjs +220 -220
- package/fesm2022/softpak-components-spx-card.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-change-details.mjs +2 -2
- package/fesm2022/softpak-components-spx-change-details.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-channel-selection.mjs +24 -24
- package/fesm2022/softpak-components-spx-channel-selection.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-check-digit.mjs +2 -2
- package/fesm2022/softpak-components-spx-check-digit.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-form-section.mjs +20 -20
- package/fesm2022/softpak-components-spx-form-section.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-form-view.mjs +164 -164
- package/fesm2022/softpak-components-spx-form-view.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-helpers.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-inputs.mjs +661 -661
- package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-navigation.mjs +44 -44
- package/fesm2022/softpak-components-spx-navigation.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-number-check.mjs +76 -76
- package/fesm2022/softpak-components-spx-number-check.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-pagination.mjs +2 -2
- package/fesm2022/softpak-components-spx-pagination.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-patch.mjs +24 -24
- package/fesm2022/softpak-components-spx-patch.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-progress-bar.mjs +14 -14
- package/fesm2022/softpak-components-spx-progress-bar.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-spinner.mjs +142 -142
- package/fesm2022/softpak-components-spx-spinner.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-stock-info.mjs +2 -2
- package/fesm2022/softpak-components-spx-stock-info.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-storage.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-suggestion.mjs +40 -40
- package/fesm2022/softpak-components-spx-suggestion.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-toaster.mjs +92 -92
- package/fesm2022/softpak-components-spx-toaster.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-update.mjs +24 -24
- package/fesm2022/softpak-components-spx-update.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-validation.mjs +2 -2
- package/fesm2022/softpak-components-spx-validation.mjs.map +1 -1
- package/package.json +38 -38
- package/spx-app-update/spx-app-update.component.d.ts +1 -1
- package/spx-inputs/spx-input-time-modal.component.d.ts +1 -1
|
@@ -5,19 +5,19 @@ export class SpxCardGridComponent {
|
|
|
5
5
|
this.minWidth2Columns = 460;
|
|
6
6
|
}
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxCardGridComponent, isStandalone: true, selector: "spx-card-grid", inputs: { minWidth2Columns: "minWidth2Columns" }, ngImport: i0, template: `
|
|
9
|
-
<div class='grid gap-3 items-stretch'
|
|
10
|
-
[class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
|
|
11
|
-
[class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
|
|
12
|
-
[class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
|
|
13
|
-
[class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
|
|
14
|
-
[class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
|
|
15
|
-
[class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
|
|
16
|
-
[class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
|
|
17
|
-
[class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
|
|
18
|
-
[class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
|
|
19
|
-
<ng-content></ng-content>
|
|
20
|
-
</div>
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxCardGridComponent, isStandalone: true, selector: "spx-card-grid", inputs: { minWidth2Columns: "minWidth2Columns" }, ngImport: i0, template: `
|
|
9
|
+
<div class='grid gap-3 items-stretch'
|
|
10
|
+
[class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
|
|
11
|
+
[class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
|
|
12
|
+
[class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
|
|
13
|
+
[class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
|
|
14
|
+
[class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
|
|
15
|
+
[class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
|
|
16
|
+
[class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
|
|
17
|
+
[class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
|
|
18
|
+
[class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
|
|
19
|
+
<ng-content></ng-content>
|
|
20
|
+
</div>
|
|
21
21
|
`, isInline: true }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardGridComponent, decorators: [{
|
|
@@ -25,22 +25,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
25
25
|
args: [{
|
|
26
26
|
selector: 'spx-card-grid',
|
|
27
27
|
standalone: true,
|
|
28
|
-
template: `
|
|
29
|
-
<div class='grid gap-3 items-stretch'
|
|
30
|
-
[class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
|
|
31
|
-
[class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
|
|
32
|
-
[class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
|
|
33
|
-
[class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
|
|
34
|
-
[class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
|
|
35
|
-
[class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
|
|
36
|
-
[class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
|
|
37
|
-
[class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
|
|
38
|
-
[class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
|
|
39
|
-
<ng-content></ng-content>
|
|
40
|
-
</div>
|
|
28
|
+
template: `
|
|
29
|
+
<div class='grid gap-3 items-stretch'
|
|
30
|
+
[class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
|
|
31
|
+
[class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
|
|
32
|
+
[class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
|
|
33
|
+
[class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
|
|
34
|
+
[class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
|
|
35
|
+
[class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
|
|
36
|
+
[class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
|
|
37
|
+
[class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
|
|
38
|
+
[class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
|
|
39
|
+
<ng-content></ng-content>
|
|
40
|
+
</div>
|
|
41
41
|
`,
|
|
42
42
|
}]
|
|
43
43
|
}], propDecorators: { minWidth2Columns: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBb0JqRCxNQUFNLE9BQU8sb0JBQW9CO0lBbEJqQztRQW1CVyxxQkFBZ0IsR0FBeUQsR0FBRyxDQUFDO0tBQ3ZGOytHQUZZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJIQWZyQjs7Ozs7Ozs7Ozs7OztHQWFUOzs0RkFFVSxvQkFBb0I7a0JBbEJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0dBYVQ7aUJBQ0Y7OEJBRVUsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZC1ncmlkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPSdncmlkIGdhcC0zIGl0ZW1zLXN0cmV0Y2gnXG4gICAgW2NsYXNzLm1pbi1bMzAwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gMzAwXCJcbiAgICBbY2xhc3MubWluLVszMjBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSAzMjBcIlxuICAgIFtjbGFzcy5taW4tWzM0MHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDM0MFwiXG4gICAgW2NsYXNzLm1pbi1bMzYwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gMzYwXCJcbiAgICBbY2xhc3MubWluLVszODBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSAzODBcIlxuICAgIFtjbGFzcy5taW4tWzQwMHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDQwMFwiXG4gICAgW2NsYXNzLm1pbi1bNDIwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gNDIwXCJcbiAgICBbY2xhc3MubWluLVs0NDBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSA0NDBcIlxuICAgIFtjbGFzcy5taW4tWzQ2MHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDQ2MFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU3B4Q2FyZEdyaWRDb21wb25lbnQge1xuICBASW5wdXQoKSBtaW5XaWR0aDJDb2x1bW5zPzogMzAwIHwgMzIwIHwgMzQwIHwgMzYwIHwgMzgwIHwgNDAwIHwgNDIwIHwgNDQwIHwgNDYwID0gNDYwO1xufVxuIl19
|
|
@@ -18,40 +18,40 @@ export class SpxCardItemComponent {
|
|
|
18
18
|
get spxIconSeverityUnknown() { return this.spxIconSeverity === SpxSeverityEnum.unknown; }
|
|
19
19
|
get spxIconSeverityWarning() { return this.spxIconSeverity === SpxSeverityEnum.warning; }
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardItemComponent, isStandalone: true, selector: "spx-card-item", inputs: { icon: "icon", iconOnly: "iconOnly", spxLabel: "spxLabel", spxValue: "spxValue", spxSeverity: "spxSeverity", spxIconSeverity: "spxIconSeverity" }, host: { properties: { "class.h-full": "this.hFull" } }, ngImport: i0, template: `
|
|
22
|
-
<div class='py-2 px-3 rounded h-full'
|
|
23
|
-
[class.bg-slate-100]="!spxSeverity"
|
|
24
|
-
[class.dark:bg-slate-600]="!spxSeverity"
|
|
25
|
-
[class.text-black]="spxSeverityWarning"
|
|
26
|
-
[class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
|
|
27
|
-
[class.bg-red-700]="spxSeverityError"
|
|
28
|
-
[class.bg-green-700]="spxSeveritySuccess"
|
|
29
|
-
[class.bg-blue-700]="spxSeverityInfo"
|
|
30
|
-
[class.bg-gray-400]="spxSeverityUnknown"
|
|
31
|
-
[class.bg-amber-700]="spxSeverityWarning">
|
|
32
|
-
<div class="font-small leading-normal">{{ spxLabel }}</div>
|
|
33
|
-
<div class="flex gap-4 text-lg leading-normal py-1">
|
|
34
|
-
@if (icon) {
|
|
35
|
-
<div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
|
|
36
|
-
<div
|
|
37
|
-
class="px-3 py-1 text-white rounded"
|
|
38
|
-
[class.bg-black]="!spxIconSeverity"
|
|
39
|
-
[class.bg-red-700]="spxIconSeverityError"
|
|
40
|
-
[class.bg-green-700]="spxIconSeveritySuccess"
|
|
41
|
-
[class.bg-blue-700]="spxIconSeverityInfo"
|
|
42
|
-
[class.bg-gray-400]="spxIconSeverityUnknown"
|
|
43
|
-
[class.bg-amber-700]="spxIconSeverityWarning">
|
|
44
|
-
<fa-icon [icon]="icon"></fa-icon>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
}
|
|
48
|
-
<div class="grow font-bold">
|
|
49
|
-
@if (!iconOnly) {
|
|
50
|
-
<ng-content></ng-content><div [innerHTML]="spxValue"></div>
|
|
51
|
-
}
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
</div>
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardItemComponent, isStandalone: true, selector: "spx-card-item", inputs: { icon: "icon", iconOnly: "iconOnly", spxLabel: "spxLabel", spxValue: "spxValue", spxSeverity: "spxSeverity", spxIconSeverity: "spxIconSeverity" }, host: { properties: { "class.h-full": "this.hFull" } }, ngImport: i0, template: `
|
|
22
|
+
<div class='py-2 px-3 rounded h-full'
|
|
23
|
+
[class.bg-slate-100]="!spxSeverity"
|
|
24
|
+
[class.dark:bg-slate-600]="!spxSeverity"
|
|
25
|
+
[class.text-black]="spxSeverityWarning"
|
|
26
|
+
[class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
|
|
27
|
+
[class.bg-red-700]="spxSeverityError"
|
|
28
|
+
[class.bg-green-700]="spxSeveritySuccess"
|
|
29
|
+
[class.bg-blue-700]="spxSeverityInfo"
|
|
30
|
+
[class.bg-gray-400]="spxSeverityUnknown"
|
|
31
|
+
[class.bg-amber-700]="spxSeverityWarning">
|
|
32
|
+
<div class="font-small leading-normal">{{ spxLabel }}</div>
|
|
33
|
+
<div class="flex gap-4 text-lg leading-normal py-1">
|
|
34
|
+
@if (icon) {
|
|
35
|
+
<div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
|
|
36
|
+
<div
|
|
37
|
+
class="px-3 py-1 text-white rounded"
|
|
38
|
+
[class.bg-black]="!spxIconSeverity"
|
|
39
|
+
[class.bg-red-700]="spxIconSeverityError"
|
|
40
|
+
[class.bg-green-700]="spxIconSeveritySuccess"
|
|
41
|
+
[class.bg-blue-700]="spxIconSeverityInfo"
|
|
42
|
+
[class.bg-gray-400]="spxIconSeverityUnknown"
|
|
43
|
+
[class.bg-amber-700]="spxIconSeverityWarning">
|
|
44
|
+
<fa-icon [icon]="icon"></fa-icon>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
}
|
|
48
|
+
<div class="grow font-bold">
|
|
49
|
+
@if (!iconOnly) {
|
|
50
|
+
<ng-content></ng-content><div [innerHTML]="spxValue"></div>
|
|
51
|
+
}
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
55
|
`, isInline: true, dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardItemComponent, decorators: [{
|
|
@@ -62,40 +62,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
62
62
|
imports: [
|
|
63
63
|
FaIconComponent
|
|
64
64
|
],
|
|
65
|
-
template: `
|
|
66
|
-
<div class='py-2 px-3 rounded h-full'
|
|
67
|
-
[class.bg-slate-100]="!spxSeverity"
|
|
68
|
-
[class.dark:bg-slate-600]="!spxSeverity"
|
|
69
|
-
[class.text-black]="spxSeverityWarning"
|
|
70
|
-
[class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
|
|
71
|
-
[class.bg-red-700]="spxSeverityError"
|
|
72
|
-
[class.bg-green-700]="spxSeveritySuccess"
|
|
73
|
-
[class.bg-blue-700]="spxSeverityInfo"
|
|
74
|
-
[class.bg-gray-400]="spxSeverityUnknown"
|
|
75
|
-
[class.bg-amber-700]="spxSeverityWarning">
|
|
76
|
-
<div class="font-small leading-normal">{{ spxLabel }}</div>
|
|
77
|
-
<div class="flex gap-4 text-lg leading-normal py-1">
|
|
78
|
-
@if (icon) {
|
|
79
|
-
<div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
|
|
80
|
-
<div
|
|
81
|
-
class="px-3 py-1 text-white rounded"
|
|
82
|
-
[class.bg-black]="!spxIconSeverity"
|
|
83
|
-
[class.bg-red-700]="spxIconSeverityError"
|
|
84
|
-
[class.bg-green-700]="spxIconSeveritySuccess"
|
|
85
|
-
[class.bg-blue-700]="spxIconSeverityInfo"
|
|
86
|
-
[class.bg-gray-400]="spxIconSeverityUnknown"
|
|
87
|
-
[class.bg-amber-700]="spxIconSeverityWarning">
|
|
88
|
-
<fa-icon [icon]="icon"></fa-icon>
|
|
89
|
-
</div>
|
|
90
|
-
</div>
|
|
91
|
-
}
|
|
92
|
-
<div class="grow font-bold">
|
|
93
|
-
@if (!iconOnly) {
|
|
94
|
-
<ng-content></ng-content><div [innerHTML]="spxValue"></div>
|
|
95
|
-
}
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
65
|
+
template: `
|
|
66
|
+
<div class='py-2 px-3 rounded h-full'
|
|
67
|
+
[class.bg-slate-100]="!spxSeverity"
|
|
68
|
+
[class.dark:bg-slate-600]="!spxSeverity"
|
|
69
|
+
[class.text-black]="spxSeverityWarning"
|
|
70
|
+
[class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
|
|
71
|
+
[class.bg-red-700]="spxSeverityError"
|
|
72
|
+
[class.bg-green-700]="spxSeveritySuccess"
|
|
73
|
+
[class.bg-blue-700]="spxSeverityInfo"
|
|
74
|
+
[class.bg-gray-400]="spxSeverityUnknown"
|
|
75
|
+
[class.bg-amber-700]="spxSeverityWarning">
|
|
76
|
+
<div class="font-small leading-normal">{{ spxLabel }}</div>
|
|
77
|
+
<div class="flex gap-4 text-lg leading-normal py-1">
|
|
78
|
+
@if (icon) {
|
|
79
|
+
<div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
|
|
80
|
+
<div
|
|
81
|
+
class="px-3 py-1 text-white rounded"
|
|
82
|
+
[class.bg-black]="!spxIconSeverity"
|
|
83
|
+
[class.bg-red-700]="spxIconSeverityError"
|
|
84
|
+
[class.bg-green-700]="spxIconSeveritySuccess"
|
|
85
|
+
[class.bg-blue-700]="spxIconSeverityInfo"
|
|
86
|
+
[class.bg-gray-400]="spxIconSeverityUnknown"
|
|
87
|
+
[class.bg-amber-700]="spxIconSeverityWarning">
|
|
88
|
+
<fa-icon [icon]="icon"></fa-icon>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
}
|
|
92
|
+
<div class="grow font-bold">
|
|
93
|
+
@if (!iconOnly) {
|
|
94
|
+
<ng-content></ng-content><div [innerHTML]="spxValue"></div>
|
|
95
|
+
}
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
99
|
`,
|
|
100
100
|
}]
|
|
101
101
|
}], propDecorators: { hFull: [{
|
|
@@ -114,4 +114,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
114
114
|
}], spxIconSeverity: [{
|
|
115
115
|
type: Input
|
|
116
116
|
}] } });
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBNENsRSxNQUFNLE9BQU8sb0JBQW9CO0lBMUNqQztRQTJDK0IsVUFBSyxHQUFHLElBQUksQ0FBQztRQUVqQyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBZTNCO0lBVkMsSUFBSSxnQkFBZ0IsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDN0UsSUFBSSxlQUFlLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzNFLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksb0JBQW9CLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3JGLElBQUksbUJBQW1CLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ25GLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDOytHQWpCOUUsb0JBQW9CO21HQUFwQixvQkFBb0IsNlJBcENyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWtDUCw0REFwQ0QsZUFBZTs7NEZBc0NOLG9CQUFvQjtrQkExQ2hDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDbEI7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBa0NQO2lCQUNKOzhCQUU4QixLQUFLO3NCQUFqQyxXQUFXO3VCQUFDLGNBQWM7Z0JBQ2xCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lL3R5cGVzJztcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZC1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZhSWNvbkNvbXBvbmVudFxuXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPSdweS0yIHB4LTMgcm91bmRlZCBoLWZ1bGwnXG4gICAgICBbY2xhc3MuYmctc2xhdGUtMTAwXT1cIiFzcHhTZXZlcml0eVwiXG4gICAgICBbY2xhc3MuZGFyazpiZy1zbGF0ZS02MDBdPVwiIXNweFNldmVyaXR5XCJcbiAgICAgIFtjbGFzcy50ZXh0LWJsYWNrXT1cInNweFNldmVyaXR5V2FybmluZ1wiXG4gICAgICBbY2xhc3MudGV4dC13aGl0ZV09XCJzcHhTZXZlcml0eUVycm9yIHx8IHNweFNldmVyaXR5SW5mbyB8fCBzcHhTZXZlcml0eVN1Y2Nlc3MgfHwgc3B4U2V2ZXJpdHlVbmtub3duXCJcbiAgICAgIFtjbGFzcy5iZy1yZWQtNzAwXT1cInNweFNldmVyaXR5RXJyb3JcIlxuICAgICAgW2NsYXNzLmJnLWdyZWVuLTcwMF09XCJzcHhTZXZlcml0eVN1Y2Nlc3NcIlxuICAgICAgW2NsYXNzLmJnLWJsdWUtNzAwXT1cInNweFNldmVyaXR5SW5mb1wiXG4gICAgICBbY2xhc3MuYmctZ3JheS00MDBdPVwic3B4U2V2ZXJpdHlVbmtub3duXCJcbiAgICAgIFtjbGFzcy5iZy1hbWJlci03MDBdPVwic3B4U2V2ZXJpdHlXYXJuaW5nXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9udC1zbWFsbCBsZWFkaW5nLW5vcm1hbFwiPnt7IHNweExhYmVsIH19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtNCB0ZXh0LWxnIGxlYWRpbmctbm9ybWFsIHB5LTFcIj5cbiAgICAgICAgQGlmIChpY29uKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LWNlbnRlciBsZWFkaW5nLW5vcm1hbCBtYXgtdy0xMiBtaW4tdy0xMlwiIFtjbGFzcy5ncm93XT1cImljb25Pbmx5XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwicHgtMyBweS0xIHRleHQtd2hpdGUgcm91bmRlZFwiXG4gICAgICAgICAgICAgIFtjbGFzcy5iZy1ibGFja109XCIhc3B4SWNvblNldmVyaXR5XCJcbiAgICAgICAgICAgICAgW2NsYXNzLmJnLXJlZC03MDBdPVwic3B4SWNvblNldmVyaXR5RXJyb3JcIlxuICAgICAgICAgICAgICBbY2xhc3MuYmctZ3JlZW4tNzAwXT1cInNweEljb25TZXZlcml0eVN1Y2Nlc3NcIlxuICAgICAgICAgICAgICBbY2xhc3MuYmctYmx1ZS03MDBdPVwic3B4SWNvblNldmVyaXR5SW5mb1wiXG4gICAgICAgICAgICAgIFtjbGFzcy5iZy1ncmF5LTQwMF09XCJzcHhJY29uU2V2ZXJpdHlVbmtub3duXCJcbiAgICAgICAgICAgICAgW2NsYXNzLmJnLWFtYmVyLTcwMF09XCJzcHhJY29uU2V2ZXJpdHlXYXJuaW5nXCI+XG4gICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JvdyBmb250LWJvbGRcIj5cbiAgICAgICAgICBAaWYgKCFpY29uT25seSkge1xuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjxkaXYgW2lubmVySFRNTF09XCJzcHhWYWx1ZVwiPjwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhDYXJkSXRlbUNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuaC1mdWxsJykgaEZ1bGwgPSB0cnVlO1xuICBASW5wdXQoKSBpY29uPzogSWNvblByb3A7XG4gIEBJbnB1dCgpIGljb25Pbmx5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNweExhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhWYWx1ZSE6IHN0cmluZztcbiAgQElucHV0KCkgc3B4U2V2ZXJpdHk/OiBTcHhTZXZlcml0eUVudW07XG4gIEBJbnB1dCgpIHNweEljb25TZXZlcml0eT86IFNweFNldmVyaXR5RW51bTtcbiAgZ2V0IHNweFNldmVyaXR5RXJyb3IoKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uZXJyb3I7IH1cbiAgZ2V0IHNweFNldmVyaXR5SW5mbygpIHsgcmV0dXJuIHRoaXMuc3B4U2V2ZXJpdHkgPT09IFNweFNldmVyaXR5RW51bS5pbmZvOyB9XG4gIGdldCBzcHhTZXZlcml0eVN1Y2Nlc3MoKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uc3VjY2VzczsgfVxuICBnZXQgc3B4U2V2ZXJpdHlVbmtub3duKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnVua25vd247IH1cbiAgZ2V0IHNweFNldmVyaXR5V2FybmluZygpIHsgcmV0dXJuIHRoaXMuc3B4U2V2ZXJpdHkgPT09IFNweFNldmVyaXR5RW51bS53YXJuaW5nOyB9XG4gIGdldCBzcHhJY29uU2V2ZXJpdHlFcnJvcigpIHsgcmV0dXJuIHRoaXMuc3B4SWNvblNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uZXJyb3I7IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eUluZm8oKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLmluZm87IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVN1Y2Nlc3MoKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVVua25vd24oKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnVua25vd247IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVdhcm5pbmcoKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLndhcm5pbmc7IH1cbn1cbiJdfQ==
|
|
@@ -15,44 +15,44 @@ export class SpxCardLineComponent {
|
|
|
15
15
|
return val || val === 0 ? val : '—';
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardLineComponent, isStandalone: true, selector: "spx-card-line", inputs: { icon: "icon", showPositiveOrNegative: "showPositiveOrNegative", text: "text", value: "value", secondValue: "secondValue", showProgress: "showProgress", unit: "unit", newOrderScreen: "newOrderScreen" }, ngImport: i0, template: `
|
|
19
|
-
<div class="items-center" [class.flex]="!newOrderScreen">
|
|
20
|
-
<div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
|
|
21
|
-
<div class="flex">
|
|
22
|
-
@if (icon) {
|
|
23
|
-
<fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
|
|
24
|
-
}
|
|
25
|
-
@if (showPositiveOrNegative && numericValue < 0) {
|
|
26
|
-
<div class="rounded-full w-4 h-4 mr-2 bg-sky-600"> </div>
|
|
27
|
-
}
|
|
28
|
-
@if (!showProgress) {
|
|
29
|
-
<span class="block font-medium grow whitespace-pre-line leading-5">
|
|
30
|
-
<span [innerHTML]="displayValue(value)"></span>
|
|
31
|
-
<ng-content></ng-content>
|
|
32
|
-
@if (unit) {
|
|
33
|
-
<span> {{ unit }}</span>
|
|
34
|
-
}
|
|
35
|
-
@if (!unit && secondValue !== null && secondValue !== undefined) {
|
|
36
|
-
/ {{ displayValue(secondValue) }}
|
|
37
|
-
}
|
|
38
|
-
</span>
|
|
39
|
-
}
|
|
40
|
-
</div>
|
|
41
|
-
@if (showProgress) {
|
|
42
|
-
<div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
|
|
43
|
-
<div class="flex">
|
|
44
|
-
<div class="flex grow gap-2">
|
|
45
|
-
<div class="bg-gray-200 my-0.5 h-5 w-full rounded">
|
|
46
|
-
<div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
<div class="flex text-left pl-3 gap-2">
|
|
50
|
-
<div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
}
|
|
55
|
-
</div>
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardLineComponent, isStandalone: true, selector: "spx-card-line", inputs: { icon: "icon", showPositiveOrNegative: "showPositiveOrNegative", text: "text", value: "value", secondValue: "secondValue", showProgress: "showProgress", unit: "unit", newOrderScreen: "newOrderScreen" }, ngImport: i0, template: `
|
|
19
|
+
<div class="items-center" [class.flex]="!newOrderScreen">
|
|
20
|
+
<div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
|
|
21
|
+
<div class="flex">
|
|
22
|
+
@if (icon) {
|
|
23
|
+
<fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
|
|
24
|
+
}
|
|
25
|
+
@if (showPositiveOrNegative && numericValue < 0) {
|
|
26
|
+
<div class="rounded-full w-4 h-4 mr-2 bg-sky-600"> </div>
|
|
27
|
+
}
|
|
28
|
+
@if (!showProgress) {
|
|
29
|
+
<span class="block font-medium grow whitespace-pre-line leading-5">
|
|
30
|
+
<span [innerHTML]="displayValue(value)"></span>
|
|
31
|
+
<ng-content></ng-content>
|
|
32
|
+
@if (unit) {
|
|
33
|
+
<span> {{ unit }}</span>
|
|
34
|
+
}
|
|
35
|
+
@if (!unit && secondValue !== null && secondValue !== undefined) {
|
|
36
|
+
/ {{ displayValue(secondValue) }}
|
|
37
|
+
}
|
|
38
|
+
</span>
|
|
39
|
+
}
|
|
40
|
+
</div>
|
|
41
|
+
@if (showProgress) {
|
|
42
|
+
<div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
|
|
43
|
+
<div class="flex">
|
|
44
|
+
<div class="flex grow gap-2">
|
|
45
|
+
<div class="bg-gray-200 my-0.5 h-5 w-full rounded">
|
|
46
|
+
<div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="flex text-left pl-3 gap-2">
|
|
50
|
+
<div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
}
|
|
55
|
+
</div>
|
|
56
56
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardLineComponent, decorators: [{
|
|
@@ -64,44 +64,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
64
64
|
FontAwesomeModule,
|
|
65
65
|
NgClass
|
|
66
66
|
],
|
|
67
|
-
template: `
|
|
68
|
-
<div class="items-center" [class.flex]="!newOrderScreen">
|
|
69
|
-
<div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
|
|
70
|
-
<div class="flex">
|
|
71
|
-
@if (icon) {
|
|
72
|
-
<fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
|
|
73
|
-
}
|
|
74
|
-
@if (showPositiveOrNegative && numericValue < 0) {
|
|
75
|
-
<div class="rounded-full w-4 h-4 mr-2 bg-sky-600"> </div>
|
|
76
|
-
}
|
|
77
|
-
@if (!showProgress) {
|
|
78
|
-
<span class="block font-medium grow whitespace-pre-line leading-5">
|
|
79
|
-
<span [innerHTML]="displayValue(value)"></span>
|
|
80
|
-
<ng-content></ng-content>
|
|
81
|
-
@if (unit) {
|
|
82
|
-
<span> {{ unit }}</span>
|
|
83
|
-
}
|
|
84
|
-
@if (!unit && secondValue !== null && secondValue !== undefined) {
|
|
85
|
-
/ {{ displayValue(secondValue) }}
|
|
86
|
-
}
|
|
87
|
-
</span>
|
|
88
|
-
}
|
|
89
|
-
</div>
|
|
90
|
-
@if (showProgress) {
|
|
91
|
-
<div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
|
|
92
|
-
<div class="flex">
|
|
93
|
-
<div class="flex grow gap-2">
|
|
94
|
-
<div class="bg-gray-200 my-0.5 h-5 w-full rounded">
|
|
95
|
-
<div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
<div class="flex text-left pl-3 gap-2">
|
|
99
|
-
<div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
}
|
|
104
|
-
</div>
|
|
67
|
+
template: `
|
|
68
|
+
<div class="items-center" [class.flex]="!newOrderScreen">
|
|
69
|
+
<div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
|
|
70
|
+
<div class="flex">
|
|
71
|
+
@if (icon) {
|
|
72
|
+
<fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
|
|
73
|
+
}
|
|
74
|
+
@if (showPositiveOrNegative && numericValue < 0) {
|
|
75
|
+
<div class="rounded-full w-4 h-4 mr-2 bg-sky-600"> </div>
|
|
76
|
+
}
|
|
77
|
+
@if (!showProgress) {
|
|
78
|
+
<span class="block font-medium grow whitespace-pre-line leading-5">
|
|
79
|
+
<span [innerHTML]="displayValue(value)"></span>
|
|
80
|
+
<ng-content></ng-content>
|
|
81
|
+
@if (unit) {
|
|
82
|
+
<span> {{ unit }}</span>
|
|
83
|
+
}
|
|
84
|
+
@if (!unit && secondValue !== null && secondValue !== undefined) {
|
|
85
|
+
/ {{ displayValue(secondValue) }}
|
|
86
|
+
}
|
|
87
|
+
</span>
|
|
88
|
+
}
|
|
89
|
+
</div>
|
|
90
|
+
@if (showProgress) {
|
|
91
|
+
<div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
|
|
92
|
+
<div class="flex">
|
|
93
|
+
<div class="flex grow gap-2">
|
|
94
|
+
<div class="bg-gray-200 my-0.5 h-5 w-full rounded">
|
|
95
|
+
<div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="flex text-left pl-3 gap-2">
|
|
99
|
+
<div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
}
|
|
104
|
+
</div>
|
|
105
105
|
`,
|
|
106
106
|
}]
|
|
107
107
|
}], ctorParameters: () => [], propDecorators: { icon: [{
|
|
@@ -121,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
121
121
|
}], newOrderScreen: [{
|
|
122
122
|
type: Input
|
|
123
123
|
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFrRHJFLE1BQU0sT0FBTyxvQkFBb0I7SUFVL0IsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsS0FBZSxDQUFDO0lBQzlCLENBQUM7SUFFRDtRQVpTLDJCQUFzQixHQUFHLEtBQUssQ0FBQztRQU0vQixtQkFBYyxHQUFHLEtBQUssQ0FBQztJQU1oQixDQUFDO0lBRVYsWUFBWSxDQUFDLEdBQThCO1FBQ2hELE9BQU8sR0FBRyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3RDLENBQUM7K0dBbEJVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDZSQXhDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBc0NYLDJEQXpDRyxpQkFBaUI7OzRGQTJDUixvQkFBb0I7a0JBL0NoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsT0FBTztxQkFDVjtvQkFDQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBc0NYO2lCQUNBO3dEQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZS90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1jYXJkLWxpbmUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgTmdDbGFzc1xuXSxcbiAgdGVtcGxhdGU6IGBcbjxkaXYgY2xhc3M9XCJpdGVtcy1jZW50ZXJcIiBbY2xhc3MuZmxleF09XCIhbmV3T3JkZXJTY3JlZW5cIj5cbiAgPGRpdiBjbGFzcz1cImJsb2NrIHctMjQgdGV4dC1ncmF5LTYwMCBkYXJrOnRleHQtZ3JheS0yMDAgdGV4dC14cyBtYi0xXCIgW2NsYXNzLnB0LTFdPVwiIW5ld09yZGVyU2NyZWVuXCIgW2lubmVySFRNTF09XCJ0ZXh0XCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgQGlmIChpY29uKSB7XG4gICAgICA8ZmEtaWNvbiBbaWNvbl09XCJpY29uXCIgY2xhc3M9XCJ0ZXh0LWxnIG1yLTMgdy02IHRleHQtY2VudGVyXCI+PC9mYS1pY29uPlxuICAgIH1cbiAgICBAaWYgKHNob3dQb3NpdGl2ZU9yTmVnYXRpdmUgJiYgbnVtZXJpY1ZhbHVlIDwgMCkge1xuICAgICAgPGRpdiBjbGFzcz1cInJvdW5kZWQtZnVsbCB3LTQgaC00IG1yLTIgYmctc2t5LTYwMFwiPiZuYnNwOzwvZGl2PlxuICAgIH1cbiAgICBAaWYgKCFzaG93UHJvZ3Jlc3MpIHtcbiAgICAgIDxzcGFuIGNsYXNzPVwiYmxvY2sgZm9udC1tZWRpdW0gZ3JvdyB3aGl0ZXNwYWNlLXByZS1saW5lIGxlYWRpbmctNVwiPlxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImRpc3BsYXlWYWx1ZSh2YWx1ZSlcIj48L3NwYW4+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgQGlmICh1bml0KSB7XG4gICAgICAgICAgPHNwYW4+IHt7IHVuaXQgfX08L3NwYW4+XG4gICAgICAgIH1cbiAgICAgICAgQGlmICghdW5pdCAmJiBzZWNvbmRWYWx1ZSAhPT0gbnVsbCAmJiBzZWNvbmRWYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgLyB7eyBkaXNwbGF5VmFsdWUoc2Vjb25kVmFsdWUpIH19XG4gICAgICAgIH1cbiAgICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxuICBAaWYgKHNob3dQcm9ncmVzcykge1xuICAgIDxkaXYgY2xhc3M9XCJibG9jayBmb250LW1lZGl1bSBncm93IHdoaXRlc3BhY2UtcHJlLWxpbmUgdGV4dC1ncmF5LTYwMCBkYXJrOnRleHQtZ3JheS0yMDBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdyb3cgZ2FwLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmctZ3JheS0yMDAgbXktMC41IGgtNSB3LWZ1bGwgcm91bmRlZFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJnLXRlYWwtNjAwIGgtNSByb3VuZGVkXCIgW3N0eWxlLndpZHRoXT1cIigoK3ZhbHVlKSAvIChzZWNvbmRWYWx1ZSA/ICtzZWNvbmRWYWx1ZSA6IDApKSAqIDEwMCArICclJ1wiPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggdGV4dC1sZWZ0IHBsLTMgZ2FwLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgdy0xNiB0ZXh0LXJpZ2h0XCI+e3sgdmFsdWUgfX0gLyB7eyBzZWNvbmRWYWx1ZSB9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbmAsXG59KVxuZXhwb3J0IGNsYXNzIFNweENhcmRMaW5lQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbj86IEljb25Qcm9wO1xuICBASW5wdXQoKSBzaG93UG9zaXRpdmVPck5lZ2F0aXZlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyB8IHVua25vd247XG4gIEBJbnB1dCgpIHZhbHVlITogc3RyaW5nIHwgbnVtYmVyO1xuICBASW5wdXQoKSBzZWNvbmRWYWx1ZT86IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgc2hvd1Byb2dyZXNzPzogYm9vbGVhbjtcbiAgQElucHV0KCkgdW5pdD86IHN0cmluZztcbiAgQElucHV0KCkgbmV3T3JkZXJTY3JlZW4gPSBmYWxzZTtcblxuICBnZXQgbnVtZXJpY1ZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLnZhbHVlIGFzIG51bWJlcjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgcHVibGljIGRpc3BsYXlWYWx1ZSh2YWw6IHN0cmluZyB8IG51bWJlciB8IHVua25vd24pOiBzdHJpbmcgfCBudW1iZXIgfCB1bmtub3duIHtcbiAgICByZXR1cm4gdmFsIHx8IHZhbCA9PT0gMCA/IHZhbCA6ICfigJQnO1xuICB9XG59XG4iXX0=
|
|
@@ -16,31 +16,31 @@ export class SpxCardComponent {
|
|
|
16
16
|
this.clicked.emit();
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardComponent, isStandalone: true, selector: "spx-card", inputs: { clickable: "clickable", hasContent: "hasContent", onDetailPage: "onDetailPage", text: "text", unit: "unit", tableView: "tableView" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
|
|
20
|
-
<button type="button"
|
|
21
|
-
class="block w-full text-left rounded font-body items-stretch"
|
|
22
|
-
[class.flex]="tableView"
|
|
23
|
-
[class.cursor-pointer]="clickable"
|
|
24
|
-
[class.cursor-not-allowed]="!clickable"
|
|
25
|
-
[class.focus:ring-2]="clickable"
|
|
26
|
-
[class.focus:ring-offset-2]="clickable"
|
|
27
|
-
[class.focus:ring-blue-500]="clickable"
|
|
28
|
-
(click)="onClick()"
|
|
29
|
-
[tabIndex]="clickable ? 0 : -1">
|
|
30
|
-
<div class="text-gray-900 opacity-90" [class.w-96]="tableView">
|
|
31
|
-
<ng-content select="[card-header]"></ng-content>
|
|
32
|
-
</div>
|
|
33
|
-
<ng-content select="[card-content-top]"></ng-content>
|
|
34
|
-
@if (hasContent) {
|
|
35
|
-
<div class="bg-white dark:bg-gray-600 p-3">
|
|
36
|
-
<ng-content select="[card-content]"></ng-content>
|
|
37
|
-
</div>
|
|
38
|
-
}
|
|
39
|
-
<ng-content select="[card-content-bottom]"></ng-content>
|
|
40
|
-
<div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
|
|
41
|
-
<ng-content select="[card-lines]"></ng-content>
|
|
42
|
-
</div>
|
|
43
|
-
</button>
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardComponent, isStandalone: true, selector: "spx-card", inputs: { clickable: "clickable", hasContent: "hasContent", onDetailPage: "onDetailPage", text: "text", unit: "unit", tableView: "tableView" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
|
|
20
|
+
<button type="button"
|
|
21
|
+
class="block w-full text-left rounded font-body items-stretch"
|
|
22
|
+
[class.flex]="tableView"
|
|
23
|
+
[class.cursor-pointer]="clickable"
|
|
24
|
+
[class.cursor-not-allowed]="!clickable"
|
|
25
|
+
[class.focus:ring-2]="clickable"
|
|
26
|
+
[class.focus:ring-offset-2]="clickable"
|
|
27
|
+
[class.focus:ring-blue-500]="clickable"
|
|
28
|
+
(click)="onClick()"
|
|
29
|
+
[tabIndex]="clickable ? 0 : -1">
|
|
30
|
+
<div class="text-gray-900 opacity-90" [class.w-96]="tableView">
|
|
31
|
+
<ng-content select="[card-header]"></ng-content>
|
|
32
|
+
</div>
|
|
33
|
+
<ng-content select="[card-content-top]"></ng-content>
|
|
34
|
+
@if (hasContent) {
|
|
35
|
+
<div class="bg-white dark:bg-gray-600 p-3">
|
|
36
|
+
<ng-content select="[card-content]"></ng-content>
|
|
37
|
+
</div>
|
|
38
|
+
}
|
|
39
|
+
<ng-content select="[card-content-bottom]"></ng-content>
|
|
40
|
+
<div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
|
|
41
|
+
<ng-content select="[card-lines]"></ng-content>
|
|
42
|
+
</div>
|
|
43
|
+
</button>
|
|
44
44
|
`, isInline: true }); }
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardComponent, decorators: [{
|
|
@@ -51,31 +51,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
51
|
imports: [
|
|
52
52
|
NgClass
|
|
53
53
|
],
|
|
54
|
-
template: `
|
|
55
|
-
<button type="button"
|
|
56
|
-
class="block w-full text-left rounded font-body items-stretch"
|
|
57
|
-
[class.flex]="tableView"
|
|
58
|
-
[class.cursor-pointer]="clickable"
|
|
59
|
-
[class.cursor-not-allowed]="!clickable"
|
|
60
|
-
[class.focus:ring-2]="clickable"
|
|
61
|
-
[class.focus:ring-offset-2]="clickable"
|
|
62
|
-
[class.focus:ring-blue-500]="clickable"
|
|
63
|
-
(click)="onClick()"
|
|
64
|
-
[tabIndex]="clickable ? 0 : -1">
|
|
65
|
-
<div class="text-gray-900 opacity-90" [class.w-96]="tableView">
|
|
66
|
-
<ng-content select="[card-header]"></ng-content>
|
|
67
|
-
</div>
|
|
68
|
-
<ng-content select="[card-content-top]"></ng-content>
|
|
69
|
-
@if (hasContent) {
|
|
70
|
-
<div class="bg-white dark:bg-gray-600 p-3">
|
|
71
|
-
<ng-content select="[card-content]"></ng-content>
|
|
72
|
-
</div>
|
|
73
|
-
}
|
|
74
|
-
<ng-content select="[card-content-bottom]"></ng-content>
|
|
75
|
-
<div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
|
|
76
|
-
<ng-content select="[card-lines]"></ng-content>
|
|
77
|
-
</div>
|
|
78
|
-
</button>
|
|
54
|
+
template: `
|
|
55
|
+
<button type="button"
|
|
56
|
+
class="block w-full text-left rounded font-body items-stretch"
|
|
57
|
+
[class.flex]="tableView"
|
|
58
|
+
[class.cursor-pointer]="clickable"
|
|
59
|
+
[class.cursor-not-allowed]="!clickable"
|
|
60
|
+
[class.focus:ring-2]="clickable"
|
|
61
|
+
[class.focus:ring-offset-2]="clickable"
|
|
62
|
+
[class.focus:ring-blue-500]="clickable"
|
|
63
|
+
(click)="onClick()"
|
|
64
|
+
[tabIndex]="clickable ? 0 : -1">
|
|
65
|
+
<div class="text-gray-900 opacity-90" [class.w-96]="tableView">
|
|
66
|
+
<ng-content select="[card-header]"></ng-content>
|
|
67
|
+
</div>
|
|
68
|
+
<ng-content select="[card-content-top]"></ng-content>
|
|
69
|
+
@if (hasContent) {
|
|
70
|
+
<div class="bg-white dark:bg-gray-600 p-3">
|
|
71
|
+
<ng-content select="[card-content]"></ng-content>
|
|
72
|
+
</div>
|
|
73
|
+
}
|
|
74
|
+
<ng-content select="[card-content-bottom]"></ng-content>
|
|
75
|
+
<div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
|
|
76
|
+
<ng-content select="[card-lines]"></ng-content>
|
|
77
|
+
</div>
|
|
78
|
+
</button>
|
|
79
79
|
`,
|
|
80
80
|
}]
|
|
81
81
|
}], ctorParameters: () => [], propDecorators: { clickable: [{
|
|
@@ -93,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
93
93
|
}], clicked: [{
|
|
94
94
|
type: Output
|
|
95
95
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1jYXJkL3NweC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFtQ3ZFLE1BQU0sT0FBTyxnQkFBZ0I7SUFTM0I7UUFSUyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFakQsQ0FBQztJQUVqQixZQUFZLENBQUMsR0FBb0I7UUFDL0IsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQWpCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixxUEEzQmpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUOzs0RkFFVSxnQkFBZ0I7a0JBakM1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLE9BQU87cUJBQ1Y7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUO2lCQUNGO3dEQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzXG5dLFxuICB0ZW1wbGF0ZTogYFxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiYmxvY2sgdy1mdWxsIHRleHQtbGVmdCByb3VuZGVkIGZvbnQtYm9keSBpdGVtcy1zdHJldGNoXCJcbiAgICBbY2xhc3MuZmxleF09XCJ0YWJsZVZpZXdcIlxuICAgIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJjbGlja2FibGVcIlxuICAgIFtjbGFzcy5jdXJzb3Itbm90LWFsbG93ZWRdPVwiIWNsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctMl09XCJjbGlja2FibGVcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLW9mZnNldC0yXT1cImNsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctYmx1ZS01MDBdPVwiY2xpY2thYmxlXCJcbiAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICBbdGFiSW5kZXhdPVwiY2xpY2thYmxlID8gMCA6IC0xXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtZ3JheS05MDAgb3BhY2l0eS05MFwiIFtjbGFzcy53LTk2XT1cInRhYmxlVmlld1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2FyZC1jb250ZW50LXRvcF1cIj48L25nLWNvbnRlbnQ+XG4gICAgQGlmIChoYXNDb250ZW50KSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiYmctd2hpdGUgZGFyazpiZy1ncmF5LTYwMCBwLTNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtY29udGVudC1ib3R0b21dXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJiZy1ncmF5LTUwIGRhcms6YmctZ3JheS03MDAgcC0zIGdyb3dcIiBbY2xhc3Mucm91bmRlZC1iLWxnXT1cIiFvbkRldGFpbFBhZ2UgJiYgIXRhYmxlVmlld1wiIFtjbGFzcy5yb3VuZGVkLXItbGddPVwiIW9uRGV0YWlsUGFnZSAmJiB0YWJsZVZpZXdcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWxpbmVzXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9idXR0b24+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNweENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjbGlja2FibGUgPSB0cnVlO1xuICBASW5wdXQoKSBoYXNDb250ZW50ID0gdHJ1ZTtcbiAgQElucHV0KCkgb25EZXRhaWxQYWdlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHVuaXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRhYmxlVmlldyA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgZGlzcGxheVZhbHVlKHZhbDogc3RyaW5nIHwgbnVtYmVyKTogc3RyaW5nIHwgbnVtYmVyIHtcbiAgICByZXR1cm4gdmFsIHx8ICh2YWwgPT09IDApID8gdmFsIDogJ+KAlCc7XG4gIH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './spx-change-details.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hhbmdlLWRldGFpbHMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcHgtY2hhbmdlLWRldGFpbHMuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNoYW5nZS1kZXRhaWxzLXZhbHVlLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hhbmdlLWRldGFpbHMvc3B4LWNoYW5nZS1kZXRhaWxzLXZhbHVlLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3B4VmFsdWVQYWlyIH0gZnJvbSBcIkBzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0c1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNweENoYW5nZURldGFpbHNWYWx1ZUkge1xuICAgIGNhdGVnb3J5PzogU3B4VmFsdWVQYWlyPHN0cmluZz47XG4gICAgY29udGFpbmVyVHlwZTogU3B4VmFsdWVQYWlyPHN0cmluZz47XG4gICAgbGljZW5zZVBsYXRlOiBTcHhWYWx1ZVBhaXI8c3RyaW5nPjtcbiAgICB0b25zVGVzdGVkOiBTcHhWYWx1ZVBhaXI8c3RyaW5nPjtcbn1cbiJdfQ==
|