@softpak/components 18.6.1 → 18.6.3
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/esm2022/spx-helpers/spx-severity.enum.mjs +2 -1
- package/esm2022/spx-inputs/spx-input-date/spx-input-date.component.mjs +164 -0
- package/esm2022/spx-inputs/spx-input.component.mjs +9 -11
- package/esm2022/spx-suggestion/spx-suggestion.component.mjs +40 -48
- package/fesm2022/softpak-components-spx-helpers.mjs +1 -0
- package/fesm2022/softpak-components-spx-helpers.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-inputs.mjs +166 -304
- package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-suggestion.mjs +39 -47
- package/fesm2022/softpak-components-spx-suggestion.mjs.map +1 -1
- package/package.json +49 -49
- package/spx-helpers/spx-severity.enum.d.ts +2 -1
- package/spx-inputs/spx-input-date/spx-input-date.component.d.ts +39 -0
- package/spx-suggestion/spx-suggestion.component.d.ts +5 -5
- package/esm2022/spx-inputs/spx-input-date.component.mjs +0 -297
- package/spx-inputs/spx-input-date.component.d.ts +0 -49
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { input, Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class SpxSuggestionComponent {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.spxDisabled =
|
|
7
|
-
this.spxFocused =
|
|
8
|
-
this.spxSelected =
|
|
9
|
-
this.spxTabbable =
|
|
6
|
+
this.spxDisabled = input();
|
|
7
|
+
this.spxFocused = input();
|
|
8
|
+
this.spxSelected = input();
|
|
9
|
+
this.spxTabbable = input();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxFocused: { classPropertyName: "spxFocused", publicName: "spxFocused", isSignal: true, isRequired: false, transformFunction: null }, spxSelected: { classPropertyName: "spxSelected", publicName: "spxSelected", isSignal: true, isRequired: false, transformFunction: null }, spxTabbable: { classPropertyName: "spxTabbable", publicName: "spxTabbable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<button
|
|
13
13
|
type="button"
|
|
14
14
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
15
|
-
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
16
|
-
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
17
|
-
[class.hover:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
18
|
-
[class.active:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
19
|
-
[class.bg-gray-200]="this.spxDisabled && !this.spxSelected"
|
|
20
|
-
[class.bg-gray-400]="this.spxDisabled && this.spxSelected"
|
|
21
|
-
[class.cursor-not-allowed]="this.spxDisabled"
|
|
22
|
-
[class.opacity-60]="this.spxDisabled"
|
|
23
|
-
[class.bg-gradient-to-r]="this.spxSelected && !this.spxDisabled"
|
|
24
|
-
[class.from-teal-400]="this.spxSelected && !this.spxDisabled"
|
|
25
|
-
[class.to-teal-600]="this.spxSelected && !this.spxDisabled"
|
|
26
|
-
[class.font-bold]="this.spxSelected"
|
|
27
|
-
[attr.tabindex]="this.spxTabbable && !this.spxDisabled ? 0 : -1"
|
|
28
|
-
[class.ring-2]="this.spxFocused && this.spxTabbable && !this.spxDisabled"
|
|
29
|
-
[class.ring-offset-2]="this.spxFocused && this.spxTabbable && !this.spxDisabled"
|
|
30
|
-
[class.ring-blue-500]="this.spxFocused && this.spxTabbable && !this.spxDisabled">
|
|
15
|
+
[class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
|
|
16
|
+
[class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
17
|
+
[class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
18
|
+
[class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
19
|
+
[class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
|
|
20
|
+
[class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
|
|
21
|
+
[class.cursor-not-allowed]="this.spxDisabled()"
|
|
22
|
+
[class.opacity-60]="this.spxDisabled()"
|
|
23
|
+
[class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
|
|
24
|
+
[class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
|
|
25
|
+
[class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
|
|
26
|
+
[class.font-bold]="this.spxSelected()"
|
|
27
|
+
[attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
|
|
28
|
+
[class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
|
|
29
|
+
[class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
|
|
30
|
+
[class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
|
|
31
31
|
<div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
|
|
32
32
|
</button>`, isInline: true }); }
|
|
33
33
|
}
|
|
@@ -39,34 +39,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
39
39
|
template: `<button
|
|
40
40
|
type="button"
|
|
41
41
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
42
|
-
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
43
|
-
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
44
|
-
[class.hover:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
45
|
-
[class.active:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
46
|
-
[class.bg-gray-200]="this.spxDisabled && !this.spxSelected"
|
|
47
|
-
[class.bg-gray-400]="this.spxDisabled && this.spxSelected"
|
|
48
|
-
[class.cursor-not-allowed]="this.spxDisabled"
|
|
49
|
-
[class.opacity-60]="this.spxDisabled"
|
|
50
|
-
[class.bg-gradient-to-r]="this.spxSelected && !this.spxDisabled"
|
|
51
|
-
[class.from-teal-400]="this.spxSelected && !this.spxDisabled"
|
|
52
|
-
[class.to-teal-600]="this.spxSelected && !this.spxDisabled"
|
|
53
|
-
[class.font-bold]="this.spxSelected"
|
|
54
|
-
[attr.tabindex]="this.spxTabbable && !this.spxDisabled ? 0 : -1"
|
|
55
|
-
[class.ring-2]="this.spxFocused && this.spxTabbable && !this.spxDisabled"
|
|
56
|
-
[class.ring-offset-2]="this.spxFocused && this.spxTabbable && !this.spxDisabled"
|
|
57
|
-
[class.ring-blue-500]="this.spxFocused && this.spxTabbable && !this.spxDisabled">
|
|
42
|
+
[class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
|
|
43
|
+
[class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
44
|
+
[class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
45
|
+
[class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
|
|
46
|
+
[class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
|
|
47
|
+
[class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
|
|
48
|
+
[class.cursor-not-allowed]="this.spxDisabled()"
|
|
49
|
+
[class.opacity-60]="this.spxDisabled()"
|
|
50
|
+
[class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
|
|
51
|
+
[class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
|
|
52
|
+
[class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
|
|
53
|
+
[class.font-bold]="this.spxSelected()"
|
|
54
|
+
[attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
|
|
55
|
+
[class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
|
|
56
|
+
[class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
|
|
57
|
+
[class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
|
|
58
58
|
<div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
|
|
59
59
|
</button>`,
|
|
60
60
|
}]
|
|
61
|
-
}]
|
|
62
|
-
type: Input
|
|
63
|
-
}], spxFocused: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], spxSelected: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], spxTabbable: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}] } });
|
|
61
|
+
}] });
|
|
70
62
|
|
|
71
63
|
/**
|
|
72
64
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component,
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'spx-suggestion',\r\n standalone: true,\r\n template: `<button\r\n type=\"button\"\r\n class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\r\n [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n [class.focus:ring-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n [class.hover:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n [class.active:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n [class.bg-gray-200]=\"this.spxDisabled() && !this.spxSelected()\"\r\n [class.bg-gray-400]=\"this.spxDisabled() && this.spxSelected()\"\r\n [class.cursor-not-allowed]=\"this.spxDisabled()\"\r\n [class.opacity-60]=\"this.spxDisabled()\"\r\n [class.bg-gradient-to-r]=\"this.spxSelected() && !this.spxDisabled()\"\r\n [class.from-teal-400]=\"this.spxSelected() && !this.spxDisabled()\"\r\n [class.to-teal-600]=\"this.spxSelected() && !this.spxDisabled()\"\r\n [class.font-bold]=\"this.spxSelected()\"\r\n [attr.tabindex]=\"this.spxTabbable() && !this.spxDisabled() ? 0 : -1\"\r\n [class.ring-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\r\n [class.ring-offset-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\r\n [class.ring-blue-500]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\">\r\n <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\r\n </button>`,\r\n})\r\nexport class SpxSuggestionComponent {\r\n spxDisabled = input<boolean>();\r\n spxFocused = input<boolean>();\r\n spxSelected = input<boolean>();\r\n spxTabbable = input<boolean>();\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MA2Ba,sBAAsB,CAAA;AAzBnC,IAAA,WAAA,GAAA;QA0BE,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAU,CAAA,UAAA,GAAG,KAAK,EAAW,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;AAChC,KAAA;+GALY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAtBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAED,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA;AACb,iBAAA,CAAA;;;AC1BD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@softpak/components",
|
|
3
|
-
"version": "18.6.
|
|
3
|
+
"version": "18.6.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "18.x.x || 19.x.x",
|
|
@@ -34,18 +34,6 @@
|
|
|
34
34
|
"esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
|
|
35
35
|
"default": "./fesm2022/softpak-components-spx-alert.mjs"
|
|
36
36
|
},
|
|
37
|
-
"./spx-app-expiry": {
|
|
38
|
-
"types": "./spx-app-expiry/index.d.ts",
|
|
39
|
-
"esm2022": "./esm2022/spx-app-expiry/softpak-components-spx-app-expiry.mjs",
|
|
40
|
-
"esm": "./esm2022/spx-app-expiry/softpak-components-spx-app-expiry.mjs",
|
|
41
|
-
"default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
|
|
42
|
-
},
|
|
43
|
-
"./spx-app-configuration": {
|
|
44
|
-
"types": "./spx-app-configuration/index.d.ts",
|
|
45
|
-
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
46
|
-
"esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
47
|
-
"default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
|
|
48
|
-
},
|
|
49
37
|
"./spx-app-update": {
|
|
50
38
|
"types": "./spx-app-update/index.d.ts",
|
|
51
39
|
"esm2022": "./esm2022/spx-app-update/softpak-components-spx-app-update.mjs",
|
|
@@ -58,24 +46,24 @@
|
|
|
58
46
|
"esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
59
47
|
"default": "./fesm2022/softpak-components-spx-capitalize.mjs"
|
|
60
48
|
},
|
|
49
|
+
"./spx-app-expiry": {
|
|
50
|
+
"types": "./spx-app-expiry/index.d.ts",
|
|
51
|
+
"esm2022": "./esm2022/spx-app-expiry/softpak-components-spx-app-expiry.mjs",
|
|
52
|
+
"esm": "./esm2022/spx-app-expiry/softpak-components-spx-app-expiry.mjs",
|
|
53
|
+
"default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./spx-app-configuration": {
|
|
56
|
+
"types": "./spx-app-configuration/index.d.ts",
|
|
57
|
+
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
58
|
+
"esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
59
|
+
"default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
|
|
60
|
+
},
|
|
61
61
|
"./spx-button": {
|
|
62
62
|
"types": "./spx-button/index.d.ts",
|
|
63
63
|
"esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
64
64
|
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
65
65
|
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
66
66
|
},
|
|
67
|
-
"./spx-channel-selection": {
|
|
68
|
-
"types": "./spx-channel-selection/index.d.ts",
|
|
69
|
-
"esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
70
|
-
"esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
71
|
-
"default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
|
|
72
|
-
},
|
|
73
|
-
"./spx-check-digit": {
|
|
74
|
-
"types": "./spx-check-digit/index.d.ts",
|
|
75
|
-
"esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
76
|
-
"esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
77
|
-
"default": "./fesm2022/softpak-components-spx-check-digit.mjs"
|
|
78
|
-
},
|
|
79
67
|
"./spx-card": {
|
|
80
68
|
"types": "./spx-card/index.d.ts",
|
|
81
69
|
"esm2022": "./esm2022/spx-card/softpak-components-spx-card.mjs",
|
|
@@ -88,6 +76,12 @@
|
|
|
88
76
|
"esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
|
|
89
77
|
"default": "./fesm2022/softpak-components-spx-change-details.mjs"
|
|
90
78
|
},
|
|
79
|
+
"./spx-channel-selection": {
|
|
80
|
+
"types": "./spx-channel-selection/index.d.ts",
|
|
81
|
+
"esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
82
|
+
"esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
83
|
+
"default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
|
|
84
|
+
},
|
|
91
85
|
"./spx-form-section": {
|
|
92
86
|
"types": "./spx-form-section/index.d.ts",
|
|
93
87
|
"esm2022": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
|
|
@@ -106,42 +100,36 @@
|
|
|
106
100
|
"esm": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
|
|
107
101
|
"default": "./fesm2022/softpak-components-spx-helpers.mjs"
|
|
108
102
|
},
|
|
103
|
+
"./spx-check-digit": {
|
|
104
|
+
"types": "./spx-check-digit/index.d.ts",
|
|
105
|
+
"esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
106
|
+
"esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
107
|
+
"default": "./fesm2022/softpak-components-spx-check-digit.mjs"
|
|
108
|
+
},
|
|
109
109
|
"./spx-inputs": {
|
|
110
110
|
"types": "./spx-inputs/index.d.ts",
|
|
111
111
|
"esm2022": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
112
112
|
"esm": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
|
|
113
113
|
"default": "./fesm2022/softpak-components-spx-inputs.mjs"
|
|
114
114
|
},
|
|
115
|
-
"./spx-navigation": {
|
|
116
|
-
"types": "./spx-navigation/index.d.ts",
|
|
117
|
-
"esm2022": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
|
|
118
|
-
"esm": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
|
|
119
|
-
"default": "./fesm2022/softpak-components-spx-navigation.mjs"
|
|
120
|
-
},
|
|
121
115
|
"./spx-number-check": {
|
|
122
116
|
"types": "./spx-number-check/index.d.ts",
|
|
123
117
|
"esm2022": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
|
|
124
118
|
"esm": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
|
|
125
119
|
"default": "./fesm2022/softpak-components-spx-number-check.mjs"
|
|
126
120
|
},
|
|
121
|
+
"./spx-navigation": {
|
|
122
|
+
"types": "./spx-navigation/index.d.ts",
|
|
123
|
+
"esm2022": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
|
|
124
|
+
"esm": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
|
|
125
|
+
"default": "./fesm2022/softpak-components-spx-navigation.mjs"
|
|
126
|
+
},
|
|
127
127
|
"./spx-pagination": {
|
|
128
128
|
"types": "./spx-pagination/index.d.ts",
|
|
129
129
|
"esm2022": "./esm2022/spx-pagination/softpak-components-spx-pagination.mjs",
|
|
130
130
|
"esm": "./esm2022/spx-pagination/softpak-components-spx-pagination.mjs",
|
|
131
131
|
"default": "./fesm2022/softpak-components-spx-pagination.mjs"
|
|
132
132
|
},
|
|
133
|
-
"./spx-patch": {
|
|
134
|
-
"types": "./spx-patch/index.d.ts",
|
|
135
|
-
"esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
|
|
136
|
-
"esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
|
|
137
|
-
"default": "./fesm2022/softpak-components-spx-patch.mjs"
|
|
138
|
-
},
|
|
139
|
-
"./spx-progress-bar": {
|
|
140
|
-
"types": "./spx-progress-bar/index.d.ts",
|
|
141
|
-
"esm2022": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
|
|
142
|
-
"esm": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
|
|
143
|
-
"default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
|
|
144
|
-
},
|
|
145
133
|
"./spx-spinner": {
|
|
146
134
|
"types": "./spx-spinner/index.d.ts",
|
|
147
135
|
"esm2022": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
|
|
@@ -166,23 +154,35 @@
|
|
|
166
154
|
"esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
|
|
167
155
|
"default": "./fesm2022/softpak-components-spx-suggestion.mjs"
|
|
168
156
|
},
|
|
169
|
-
"./spx-toaster": {
|
|
170
|
-
"types": "./spx-toaster/index.d.ts",
|
|
171
|
-
"esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
|
|
172
|
-
"esm": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
|
|
173
|
-
"default": "./fesm2022/softpak-components-spx-toaster.mjs"
|
|
174
|
-
},
|
|
175
157
|
"./spx-update": {
|
|
176
158
|
"types": "./spx-update/index.d.ts",
|
|
177
159
|
"esm2022": "./esm2022/spx-update/softpak-components-spx-update.mjs",
|
|
178
160
|
"esm": "./esm2022/spx-update/softpak-components-spx-update.mjs",
|
|
179
161
|
"default": "./fesm2022/softpak-components-spx-update.mjs"
|
|
180
162
|
},
|
|
163
|
+
"./spx-patch": {
|
|
164
|
+
"types": "./spx-patch/index.d.ts",
|
|
165
|
+
"esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
|
|
166
|
+
"esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
|
|
167
|
+
"default": "./fesm2022/softpak-components-spx-patch.mjs"
|
|
168
|
+
},
|
|
169
|
+
"./spx-toaster": {
|
|
170
|
+
"types": "./spx-toaster/index.d.ts",
|
|
171
|
+
"esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
|
|
172
|
+
"esm": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
|
|
173
|
+
"default": "./fesm2022/softpak-components-spx-toaster.mjs"
|
|
174
|
+
},
|
|
181
175
|
"./spx-validation": {
|
|
182
176
|
"types": "./spx-validation/index.d.ts",
|
|
183
177
|
"esm2022": "./esm2022/spx-validation/softpak-components-spx-validation.mjs",
|
|
184
178
|
"esm": "./esm2022/spx-validation/softpak-components-spx-validation.mjs",
|
|
185
179
|
"default": "./fesm2022/softpak-components-spx-validation.mjs"
|
|
180
|
+
},
|
|
181
|
+
"./spx-progress-bar": {
|
|
182
|
+
"types": "./spx-progress-bar/index.d.ts",
|
|
183
|
+
"esm2022": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
|
|
184
|
+
"esm": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
|
|
185
|
+
"default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { SpxValuePair } from '../spx-value-interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
declare enum stepType {
|
|
5
|
+
years = "years",
|
|
6
|
+
months = "months",
|
|
7
|
+
days = "days"
|
|
8
|
+
}
|
|
9
|
+
export declare class SpxInputDateComponent implements OnInit {
|
|
10
|
+
spxMax: import("@angular/core").InputSignal<string>;
|
|
11
|
+
spxMin: import("@angular/core").InputSignal<string>;
|
|
12
|
+
spxReadonly: import("@angular/core").InputSignal<boolean | undefined>;
|
|
13
|
+
spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
|
|
14
|
+
value: import("@angular/core").ModelSignal<SpxValuePair<string>>;
|
|
15
|
+
spxChange: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
|
|
16
|
+
spxFocused: import("@angular/core").InputSignal<boolean>;
|
|
17
|
+
spxFocus: import("@angular/core").OutputEmitterRef<void>;
|
|
18
|
+
spxSelectedStep: import("@angular/core").WritableSignal<stepType>;
|
|
19
|
+
spxSelectDay: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
spxSelectMonth: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
selectedYear: import("@angular/core").WritableSignal<number | null>;
|
|
22
|
+
selectedMonth: import("@angular/core").WritableSignal<number | null>;
|
|
23
|
+
selectedDay: import("@angular/core").WritableSignal<number | null>;
|
|
24
|
+
spxSuggestionC: import("@angular/core").Signal<SpxValuePair<number>[]>;
|
|
25
|
+
onModelChange(newValue: string, selectedStep: string): void;
|
|
26
|
+
spxSuggestions: import("@angular/core").InputSignal<{
|
|
27
|
+
years: SpxValuePair<number>[];
|
|
28
|
+
months: SpxValuePair<number>[];
|
|
29
|
+
days: SpxValuePair<number>[];
|
|
30
|
+
}>;
|
|
31
|
+
ngOnInit(): void;
|
|
32
|
+
handleSuggestionClick(value: number): void;
|
|
33
|
+
updateValueAndEmit(): void;
|
|
34
|
+
changeSelectedStep(): void;
|
|
35
|
+
private suggestYears;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputDateComponent, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputDateComponent, "spx-input-date", never, { "spxMax": { "alias": "spxMax"; "required": true; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": true; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "spxChange": "spxChange"; "spxFocus": "spxFocus"; }, never, never, true, never>;
|
|
38
|
+
}
|
|
39
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class SpxSuggestionComponent {
|
|
3
|
-
spxDisabled: boolean
|
|
4
|
-
spxFocused: boolean
|
|
5
|
-
spxSelected: boolean
|
|
6
|
-
spxTabbable: boolean
|
|
3
|
+
spxDisabled: import("@angular/core").InputSignal<boolean | undefined>;
|
|
4
|
+
spxFocused: import("@angular/core").InputSignal<boolean | undefined>;
|
|
5
|
+
spxSelected: import("@angular/core").InputSignal<boolean | undefined>;
|
|
6
|
+
spxTabbable: import("@angular/core").InputSignal<boolean | undefined>;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpxSuggestionComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxSelected": { "alias": "spxSelected"; "required": false; }; "spxTabbable": { "alias": "spxTabbable"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxSelected": { "alias": "spxSelected"; "required": false; "isSignal": true; }; "spxTabbable": { "alias": "spxTabbable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
9
9
|
}
|