@skf-design-system/ui-components 1.0.1-beta.0 → 1.0.1-beta.1
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/dist/components/accordion/accordion.component.js +3 -3
- package/dist/components/alert/alert.component.js +8 -8
- package/dist/components/button/button.component.d.ts +3 -3
- package/dist/components/button/button.component.js +59 -55
- package/dist/components/card/card.component.js +4 -4
- package/dist/components/checkbox/checkbox.component.d.ts +3 -1
- package/dist/components/checkbox/checkbox.component.js +69 -56
- package/dist/components/date-picker/datepicker.calendar.component.d.ts +72 -0
- package/dist/components/date-picker/datepicker.calendar.component.js +382 -0
- package/dist/components/date-picker/datepicker.calendar.styles.d.ts +1 -0
- package/dist/components/date-picker/datepicker.calendar.styles.js +192 -0
- package/dist/components/date-picker/datepicker.component.d.ts +74 -0
- package/dist/components/date-picker/datepicker.component.js +241 -0
- package/dist/components/date-picker/datepicker.d.ts +10 -0
- package/dist/components/date-picker/datepicker.helpers.d.ts +40 -0
- package/dist/components/date-picker/datepicker.helpers.js +69 -0
- package/dist/components/date-picker/datepicker.js +8 -0
- package/dist/components/date-picker/datepicker.styles.d.ts +1 -0
- package/dist/components/date-picker/datepicker.styles.js +99 -0
- package/dist/components/date-picker-input/datepicker-input.component.d.ts +107 -0
- package/dist/components/date-picker-input/datepicker-input.component.js +397 -0
- package/dist/components/date-picker-input/datepicker-input.d.ts +8 -0
- package/dist/components/date-picker-input/datepicker-input.helpers.d.ts +4 -0
- package/dist/components/date-picker-input/datepicker-input.helpers.js +29 -0
- package/dist/components/date-picker-input/datepicker-input.js +6 -0
- package/dist/components/date-picker-input/datepicker-input.styles.d.ts +1 -0
- package/dist/components/date-picker-input/datepicker-input.styles.js +22 -0
- package/dist/components/dialog/dialog.component.js +19 -19
- package/dist/components/divider/divider.component.js +12 -12
- package/dist/components/heading/heading.component.js +13 -13
- package/dist/components/icon/icon.component.js +19 -19
- package/dist/components/input/input.component.d.ts +1 -0
- package/dist/components/input/input.component.js +87 -80
- package/dist/components/link/link.component.js +28 -28
- package/dist/components/loader/loader.component.js +19 -19
- package/dist/components/logo/logo.component.js +6 -6
- package/dist/components/popover/popover.component.js +12 -12
- package/dist/components/progress/progress.component.js +7 -7
- package/dist/components/radio/radio.component.js +4 -4
- package/dist/components/select-option-group/select-option-group.component.js +9 -9
- package/dist/components/stepper/stepper.component.js +9 -9
- package/dist/components/stepper/stepper.helpers.js +5 -5
- package/dist/components/stepper-item/stepper-item.component.js +23 -23
- package/dist/components/tab/tab.component.js +4 -4
- package/dist/components/tab-panel/tab-panel.component.js +12 -12
- package/dist/components/tag/tag.component.js +9 -9
- package/dist/components/textarea/textarea.component.js +3 -3
- package/dist/components/toast/toast.component.js +13 -13
- package/dist/components/toast-wrapper/toast-wrapper.component.js +10 -10
- package/dist/components/tooltip/tooltip.component.js +2 -2
- package/dist/custom-elements.json +941 -161
- package/dist/index.d.ts +2 -0
- package/dist/index.js +72 -66
- package/dist/internal/components/hint/hint.component.js +13 -13
- package/dist/internal/controllers/popover.controller.d.ts +2 -1
- package/dist/internal/controllers/popover.controller.js +2 -2
- package/dist/internal/helpers/dateFormatter.d.ts +2 -0
- package/dist/internal/helpers/utilityTypes.d.ts +22 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +1 -0
- package/dist/react/skf-datepicker/index.d.ts +12 -0
- package/dist/react/skf-datepicker/index.js +18 -0
- package/dist/types/jsx/custom-element-jsx.d.ts +45 -3
- package/dist/types/vue/index.d.ts +44 -1
- package/dist/vscode.html-custom-data.json +39 -1
- package/dist/web-types.json +107 -10
- package/package.json +3 -2
|
@@ -506,10 +506,10 @@
|
|
|
506
506
|
"kind": "field",
|
|
507
507
|
"name": "iconPosition",
|
|
508
508
|
"type": {
|
|
509
|
-
"text": "'left' | 'right'
|
|
509
|
+
"text": "'left' | 'right'"
|
|
510
510
|
},
|
|
511
511
|
"default": "'left'",
|
|
512
|
-
"description": "
|
|
512
|
+
"description": "Determines the positioning of the icon in relation to the text",
|
|
513
513
|
"attribute": "icon-position"
|
|
514
514
|
},
|
|
515
515
|
{
|
|
@@ -520,7 +520,8 @@
|
|
|
520
520
|
},
|
|
521
521
|
"default": "false",
|
|
522
522
|
"description": "If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `variant` is `primary`.",
|
|
523
|
-
"attribute": "loading"
|
|
523
|
+
"attribute": "loading",
|
|
524
|
+
"reflects": true
|
|
524
525
|
},
|
|
525
526
|
{
|
|
526
527
|
"kind": "field",
|
|
@@ -563,6 +564,10 @@
|
|
|
563
564
|
"attribute": "variant",
|
|
564
565
|
"reflects": true
|
|
565
566
|
},
|
|
567
|
+
{
|
|
568
|
+
"kind": "method",
|
|
569
|
+
"name": "_handleLoadingChange"
|
|
570
|
+
},
|
|
566
571
|
{
|
|
567
572
|
"kind": "method",
|
|
568
573
|
"name": "click",
|
|
@@ -614,10 +619,10 @@
|
|
|
614
619
|
{
|
|
615
620
|
"name": "icon-position",
|
|
616
621
|
"type": {
|
|
617
|
-
"text": "'left' | 'right'
|
|
622
|
+
"text": "'left' | 'right'"
|
|
618
623
|
},
|
|
619
624
|
"default": "'left'",
|
|
620
|
-
"description": "
|
|
625
|
+
"description": "Determines the positioning of the icon in relation to the text",
|
|
621
626
|
"fieldName": "iconPosition"
|
|
622
627
|
},
|
|
623
628
|
{
|
|
@@ -806,9 +811,6 @@
|
|
|
806
811
|
{
|
|
807
812
|
"kind": "field",
|
|
808
813
|
"name": "checked",
|
|
809
|
-
"type": {
|
|
810
|
-
"text": "boolean | undefined"
|
|
811
|
-
},
|
|
812
814
|
"description": "If true, outputs helping hints in console",
|
|
813
815
|
"attribute": "checked",
|
|
814
816
|
"reflects": true
|
|
@@ -900,6 +902,10 @@
|
|
|
900
902
|
"description": "The current value of the input field",
|
|
901
903
|
"attribute": "value"
|
|
902
904
|
},
|
|
905
|
+
{
|
|
906
|
+
"kind": "method",
|
|
907
|
+
"name": "handleCheckedChange"
|
|
908
|
+
},
|
|
903
909
|
{
|
|
904
910
|
"kind": "method",
|
|
905
911
|
"name": "handleInvalidChange"
|
|
@@ -944,9 +950,6 @@
|
|
|
944
950
|
},
|
|
945
951
|
{
|
|
946
952
|
"name": "checked",
|
|
947
|
-
"type": {
|
|
948
|
-
"text": "boolean | undefined"
|
|
949
|
-
},
|
|
950
953
|
"description": "If true, outputs helping hints in console",
|
|
951
954
|
"fieldName": "checked"
|
|
952
955
|
},
|
|
@@ -967,251 +970,1022 @@
|
|
|
967
970
|
"fieldName": "indeterminate"
|
|
968
971
|
},
|
|
969
972
|
{
|
|
970
|
-
"name": "label",
|
|
973
|
+
"name": "label",
|
|
974
|
+
"type": {
|
|
975
|
+
"text": "string | undefined"
|
|
976
|
+
},
|
|
977
|
+
"description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
|
|
978
|
+
"fieldName": "label"
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"name": "name",
|
|
982
|
+
"type": {
|
|
983
|
+
"text": "string | undefined"
|
|
984
|
+
},
|
|
985
|
+
"description": "If defined, adds name to the input-element",
|
|
986
|
+
"fieldName": "name"
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"name": "required-label",
|
|
990
|
+
"type": {
|
|
991
|
+
"text": "string | undefined"
|
|
992
|
+
},
|
|
993
|
+
"description": "If defined, renders an alternative A11y text for the asterisk",
|
|
994
|
+
"fieldName": "requiredLabel"
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
"name": "severity",
|
|
998
|
+
"type": {
|
|
999
|
+
"text": "\"alert\" | \"success\" | \"info\" | \"warning\""
|
|
1000
|
+
},
|
|
1001
|
+
"description": "If defined, styles checkbox using provided severity",
|
|
1002
|
+
"fieldName": "severity"
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"name": "show-valid",
|
|
1006
|
+
"type": {
|
|
1007
|
+
"text": "boolean | undefined"
|
|
1008
|
+
},
|
|
1009
|
+
"description": "If true, displays valid state after interaction",
|
|
1010
|
+
"fieldName": "showValid"
|
|
1011
|
+
},
|
|
1012
|
+
{
|
|
1013
|
+
"name": "size",
|
|
1014
|
+
"type": {
|
|
1015
|
+
"text": "'sm' | 'md'"
|
|
1016
|
+
},
|
|
1017
|
+
"default": "'md'",
|
|
1018
|
+
"description": "Size of the checkbox",
|
|
1019
|
+
"fieldName": "size"
|
|
1020
|
+
},
|
|
1021
|
+
{
|
|
1022
|
+
"name": "value",
|
|
1023
|
+
"type": {
|
|
1024
|
+
"text": "string"
|
|
1025
|
+
},
|
|
1026
|
+
"default": "''",
|
|
1027
|
+
"description": "The current value of the input field",
|
|
1028
|
+
"fieldName": "value"
|
|
1029
|
+
}
|
|
1030
|
+
],
|
|
1031
|
+
"superclass": {
|
|
1032
|
+
"name": "FormBase",
|
|
1033
|
+
"package": "@internal/components/formBase.js"
|
|
1034
|
+
},
|
|
1035
|
+
"tagName": "skf-checkbox",
|
|
1036
|
+
"customElement": true
|
|
1037
|
+
}
|
|
1038
|
+
],
|
|
1039
|
+
"exports": [
|
|
1040
|
+
{
|
|
1041
|
+
"kind": "js",
|
|
1042
|
+
"name": "SkfCheckbox",
|
|
1043
|
+
"declaration": {
|
|
1044
|
+
"name": "SkfCheckbox",
|
|
1045
|
+
"module": "src/components/checkbox/checkbox.component.ts"
|
|
1046
|
+
}
|
|
1047
|
+
}
|
|
1048
|
+
]
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"kind": "javascript-module",
|
|
1052
|
+
"path": "src/components/collapse/collapse.component.ts",
|
|
1053
|
+
"declarations": [
|
|
1054
|
+
{
|
|
1055
|
+
"kind": "class",
|
|
1056
|
+
"description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
|
|
1057
|
+
"name": "SkfCollapse",
|
|
1058
|
+
"slots": [
|
|
1059
|
+
{
|
|
1060
|
+
"description": "Main content",
|
|
1061
|
+
"name": ""
|
|
1062
|
+
}
|
|
1063
|
+
],
|
|
1064
|
+
"members": [
|
|
1065
|
+
{
|
|
1066
|
+
"kind": "field",
|
|
1067
|
+
"name": "animated",
|
|
1068
|
+
"type": {
|
|
1069
|
+
"text": "boolean"
|
|
1070
|
+
},
|
|
1071
|
+
"default": "false",
|
|
1072
|
+
"description": "If true, will animate the expand/collapse state",
|
|
1073
|
+
"attribute": "animated",
|
|
1074
|
+
"reflects": true
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
1077
|
+
"kind": "field",
|
|
1078
|
+
"name": "expanded",
|
|
1079
|
+
"type": {
|
|
1080
|
+
"text": "boolean"
|
|
1081
|
+
},
|
|
1082
|
+
"default": "false",
|
|
1083
|
+
"description": "If true, will set the collapse to be expanded by default",
|
|
1084
|
+
"attribute": "expanded",
|
|
1085
|
+
"reflects": true
|
|
1086
|
+
},
|
|
1087
|
+
{
|
|
1088
|
+
"kind": "field",
|
|
1089
|
+
"name": "heading",
|
|
1090
|
+
"type": {
|
|
1091
|
+
"text": "string | undefined"
|
|
1092
|
+
},
|
|
1093
|
+
"description": "Heading for the collapse",
|
|
1094
|
+
"attribute": "heading"
|
|
1095
|
+
},
|
|
1096
|
+
{
|
|
1097
|
+
"kind": "field",
|
|
1098
|
+
"name": "headingAs",
|
|
1099
|
+
"type": {
|
|
1100
|
+
"text": "\"h2\" | \"h3\" | \"h4\""
|
|
1101
|
+
},
|
|
1102
|
+
"default": "'h2'",
|
|
1103
|
+
"description": "Defines which heading element will be rendered",
|
|
1104
|
+
"attribute": "heading-as"
|
|
1105
|
+
},
|
|
1106
|
+
{
|
|
1107
|
+
"kind": "field",
|
|
1108
|
+
"name": "small",
|
|
1109
|
+
"type": {
|
|
1110
|
+
"text": "boolean"
|
|
1111
|
+
},
|
|
1112
|
+
"default": "false",
|
|
1113
|
+
"description": "If true, renders the small version",
|
|
1114
|
+
"attribute": "small",
|
|
1115
|
+
"reflects": true
|
|
1116
|
+
},
|
|
1117
|
+
{
|
|
1118
|
+
"kind": "field",
|
|
1119
|
+
"name": "truncate",
|
|
1120
|
+
"type": {
|
|
1121
|
+
"text": "boolean"
|
|
1122
|
+
},
|
|
1123
|
+
"default": "false",
|
|
1124
|
+
"description": "If true, will truncate the heading in collapsed state",
|
|
1125
|
+
"attribute": "truncate",
|
|
1126
|
+
"reflects": true
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
"kind": "method",
|
|
1130
|
+
"name": "setClose",
|
|
1131
|
+
"description": "Class method as alternative to manipulate attribute"
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"kind": "method",
|
|
1135
|
+
"name": "setOpen",
|
|
1136
|
+
"description": "Class method as alternative to manipulate attribute"
|
|
1137
|
+
}
|
|
1138
|
+
],
|
|
1139
|
+
"events": [
|
|
1140
|
+
{
|
|
1141
|
+
"type": {
|
|
1142
|
+
"text": "CustomEvent"
|
|
1143
|
+
},
|
|
1144
|
+
"description": "Event emitted when toggled",
|
|
1145
|
+
"name": "skf-collapse-toggle"
|
|
1146
|
+
}
|
|
1147
|
+
],
|
|
1148
|
+
"attributes": [
|
|
1149
|
+
{
|
|
1150
|
+
"name": "animated",
|
|
1151
|
+
"type": {
|
|
1152
|
+
"text": "boolean"
|
|
1153
|
+
},
|
|
1154
|
+
"default": "false",
|
|
1155
|
+
"description": "If true, will animate the expand/collapse state",
|
|
1156
|
+
"fieldName": "animated"
|
|
1157
|
+
},
|
|
1158
|
+
{
|
|
1159
|
+
"name": "expanded",
|
|
1160
|
+
"type": {
|
|
1161
|
+
"text": "boolean"
|
|
1162
|
+
},
|
|
1163
|
+
"default": "false",
|
|
1164
|
+
"description": "If true, will set the collapse to be expanded by default",
|
|
1165
|
+
"fieldName": "expanded"
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"name": "heading",
|
|
1169
|
+
"type": {
|
|
1170
|
+
"text": "string | undefined"
|
|
1171
|
+
},
|
|
1172
|
+
"description": "Heading for the collapse",
|
|
1173
|
+
"fieldName": "heading"
|
|
1174
|
+
},
|
|
1175
|
+
{
|
|
1176
|
+
"name": "heading-as",
|
|
1177
|
+
"type": {
|
|
1178
|
+
"text": "\"h2\" | \"h3\" | \"h4\""
|
|
1179
|
+
},
|
|
1180
|
+
"default": "'h2'",
|
|
1181
|
+
"description": "Defines which heading element will be rendered",
|
|
1182
|
+
"fieldName": "headingAs"
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"name": "small",
|
|
1186
|
+
"type": {
|
|
1187
|
+
"text": "boolean"
|
|
1188
|
+
},
|
|
1189
|
+
"default": "false",
|
|
1190
|
+
"description": "If true, renders the small version",
|
|
1191
|
+
"fieldName": "small"
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "truncate",
|
|
1195
|
+
"type": {
|
|
1196
|
+
"text": "boolean"
|
|
1197
|
+
},
|
|
1198
|
+
"default": "false",
|
|
1199
|
+
"description": "If true, will truncate the heading in collapsed state",
|
|
1200
|
+
"fieldName": "truncate"
|
|
1201
|
+
}
|
|
1202
|
+
],
|
|
1203
|
+
"superclass": {
|
|
1204
|
+
"name": "SkfElement",
|
|
1205
|
+
"package": "@internal/components/skf-element.js"
|
|
1206
|
+
},
|
|
1207
|
+
"tagName": "skf-collapse",
|
|
1208
|
+
"customElement": true
|
|
1209
|
+
}
|
|
1210
|
+
],
|
|
1211
|
+
"exports": [
|
|
1212
|
+
{
|
|
1213
|
+
"kind": "js",
|
|
1214
|
+
"name": "SkfCollapse",
|
|
1215
|
+
"declaration": {
|
|
1216
|
+
"name": "SkfCollapse",
|
|
1217
|
+
"module": "src/components/collapse/collapse.component.ts"
|
|
1218
|
+
}
|
|
1219
|
+
}
|
|
1220
|
+
]
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"kind": "javascript-module",
|
|
1224
|
+
"path": "src/components/date-picker/datepicker.calendar.component.ts",
|
|
1225
|
+
"declarations": [
|
|
1226
|
+
{
|
|
1227
|
+
"kind": "class",
|
|
1228
|
+
"description": "",
|
|
1229
|
+
"name": "SkfDatePickerCalendar",
|
|
1230
|
+
"members": [
|
|
1231
|
+
{
|
|
1232
|
+
"kind": "field",
|
|
1233
|
+
"name": "eventid",
|
|
1234
|
+
"type": {
|
|
1235
|
+
"text": "string"
|
|
1236
|
+
},
|
|
1237
|
+
"attribute": "eventid"
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"kind": "field",
|
|
1241
|
+
"name": "firstDayOfWeek",
|
|
1242
|
+
"type": {
|
|
1243
|
+
"text": "number"
|
|
1244
|
+
},
|
|
1245
|
+
"default": "0",
|
|
1246
|
+
"attribute": "firstDayOfWeek"
|
|
1247
|
+
},
|
|
1248
|
+
{
|
|
1249
|
+
"kind": "field",
|
|
1250
|
+
"name": "invalidDates",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "string | undefined"
|
|
1253
|
+
},
|
|
1254
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1255
|
+
"attribute": "invalid-dates",
|
|
1256
|
+
"reflects": true
|
|
1257
|
+
},
|
|
1258
|
+
{
|
|
1259
|
+
"kind": "field",
|
|
1260
|
+
"name": "locale",
|
|
1261
|
+
"type": {
|
|
1262
|
+
"text": "string"
|
|
1263
|
+
},
|
|
1264
|
+
"default": "'en-CA'",
|
|
1265
|
+
"attribute": "locale",
|
|
1266
|
+
"reflects": true
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
"kind": "field",
|
|
1270
|
+
"name": "range",
|
|
1271
|
+
"type": {
|
|
1272
|
+
"text": "boolean"
|
|
1273
|
+
},
|
|
1274
|
+
"default": "false",
|
|
1275
|
+
"attribute": "range"
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"kind": "field",
|
|
1279
|
+
"name": "selectableFrom",
|
|
1280
|
+
"type": {
|
|
1281
|
+
"text": "string | undefined"
|
|
1282
|
+
},
|
|
1283
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1284
|
+
"attribute": "selectable-from"
|
|
1285
|
+
},
|
|
1286
|
+
{
|
|
1287
|
+
"kind": "field",
|
|
1288
|
+
"name": "selectableTo",
|
|
1289
|
+
"type": {
|
|
1290
|
+
"text": "string | undefined"
|
|
1291
|
+
},
|
|
1292
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1293
|
+
"attribute": "selectable-to"
|
|
1294
|
+
},
|
|
1295
|
+
{
|
|
1296
|
+
"kind": "field",
|
|
1297
|
+
"name": "selectedDate",
|
|
1298
|
+
"type": {
|
|
1299
|
+
"text": "Date | undefined"
|
|
1300
|
+
},
|
|
1301
|
+
"default": "undefined",
|
|
1302
|
+
"attribute": "selected-date",
|
|
1303
|
+
"reflects": true
|
|
1304
|
+
},
|
|
1305
|
+
{
|
|
1306
|
+
"kind": "field",
|
|
1307
|
+
"name": "selectedDateRange",
|
|
1308
|
+
"type": {
|
|
1309
|
+
"text": "{ start: Date | null; end: Date | null }"
|
|
1310
|
+
},
|
|
1311
|
+
"default": "{ start: null, end: null, }",
|
|
1312
|
+
"attribute": "selectedDateRange"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"kind": "method",
|
|
1316
|
+
"name": "_createDate",
|
|
1317
|
+
"return": {
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "Date"
|
|
1320
|
+
}
|
|
1321
|
+
},
|
|
1322
|
+
"parameters": [
|
|
1323
|
+
{
|
|
1324
|
+
"name": "{ year, month, day }",
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "DateParts"
|
|
1327
|
+
}
|
|
1328
|
+
},
|
|
1329
|
+
{
|
|
1330
|
+
"name": "useTemporalApi",
|
|
1331
|
+
"optional": true,
|
|
1332
|
+
"type": {
|
|
1333
|
+
"text": "false"
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
]
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"kind": "method",
|
|
1340
|
+
"name": "_createDate",
|
|
1341
|
+
"return": {
|
|
1342
|
+
"type": {
|
|
1343
|
+
"text": "Date | Temporal.PlainDate"
|
|
1344
|
+
}
|
|
1345
|
+
},
|
|
1346
|
+
"parameters": [
|
|
1347
|
+
{
|
|
1348
|
+
"name": "{ year, month, day = 1 }",
|
|
1349
|
+
"type": {
|
|
1350
|
+
"text": "DateParts"
|
|
1351
|
+
}
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
"name": "useTemporalApi",
|
|
1355
|
+
"optional": true,
|
|
1356
|
+
"type": {
|
|
1357
|
+
"text": "boolean"
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1360
|
+
]
|
|
1361
|
+
},
|
|
1362
|
+
{
|
|
1363
|
+
"kind": "field",
|
|
1364
|
+
"name": "dateSelectable"
|
|
1365
|
+
}
|
|
1366
|
+
],
|
|
1367
|
+
"attributes": [
|
|
1368
|
+
{
|
|
1369
|
+
"name": "eventid",
|
|
1370
|
+
"type": {
|
|
1371
|
+
"text": "string"
|
|
1372
|
+
},
|
|
1373
|
+
"fieldName": "eventid"
|
|
1374
|
+
},
|
|
1375
|
+
{
|
|
1376
|
+
"name": "firstDayOfWeek",
|
|
1377
|
+
"type": {
|
|
1378
|
+
"text": "number"
|
|
1379
|
+
},
|
|
1380
|
+
"default": "0",
|
|
1381
|
+
"fieldName": "firstDayOfWeek"
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"name": "invalid-dates",
|
|
1385
|
+
"type": {
|
|
1386
|
+
"text": "string | undefined"
|
|
1387
|
+
},
|
|
1388
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1389
|
+
"fieldName": "invalidDates"
|
|
1390
|
+
},
|
|
1391
|
+
{
|
|
1392
|
+
"name": "locale",
|
|
1393
|
+
"type": {
|
|
1394
|
+
"text": "string"
|
|
1395
|
+
},
|
|
1396
|
+
"default": "'en-CA'",
|
|
1397
|
+
"fieldName": "locale"
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "range",
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "boolean"
|
|
1403
|
+
},
|
|
1404
|
+
"default": "false",
|
|
1405
|
+
"fieldName": "range"
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
"name": "selectable-from",
|
|
1409
|
+
"type": {
|
|
1410
|
+
"text": "string | undefined"
|
|
1411
|
+
},
|
|
1412
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1413
|
+
"fieldName": "selectableFrom"
|
|
1414
|
+
},
|
|
1415
|
+
{
|
|
1416
|
+
"name": "selectable-to",
|
|
1417
|
+
"type": {
|
|
1418
|
+
"text": "string | undefined"
|
|
1419
|
+
},
|
|
1420
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1421
|
+
"fieldName": "selectableTo"
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "selected-date",
|
|
1425
|
+
"type": {
|
|
1426
|
+
"text": "Date | undefined"
|
|
1427
|
+
},
|
|
1428
|
+
"default": "undefined",
|
|
1429
|
+
"fieldName": "selectedDate"
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "selectedDateRange",
|
|
1433
|
+
"type": {
|
|
1434
|
+
"text": "{ start: Date | null; end: Date | null }"
|
|
1435
|
+
},
|
|
1436
|
+
"default": "{ start: null, end: null, }",
|
|
1437
|
+
"fieldName": "selectedDateRange"
|
|
1438
|
+
}
|
|
1439
|
+
],
|
|
1440
|
+
"superclass": {
|
|
1441
|
+
"name": "SkfElement",
|
|
1442
|
+
"package": "@internal/components/skf-element.js"
|
|
1443
|
+
}
|
|
1444
|
+
}
|
|
1445
|
+
],
|
|
1446
|
+
"exports": [
|
|
1447
|
+
{
|
|
1448
|
+
"kind": "js",
|
|
1449
|
+
"name": "SkfDatePickerCalendar",
|
|
1450
|
+
"declaration": {
|
|
1451
|
+
"name": "SkfDatePickerCalendar",
|
|
1452
|
+
"module": "src/components/date-picker/datepicker.calendar.component.ts"
|
|
1453
|
+
}
|
|
1454
|
+
}
|
|
1455
|
+
]
|
|
1456
|
+
},
|
|
1457
|
+
{
|
|
1458
|
+
"kind": "javascript-module",
|
|
1459
|
+
"path": "src/components/date-picker/datepicker.component.ts",
|
|
1460
|
+
"declarations": [
|
|
1461
|
+
{
|
|
1462
|
+
"kind": "class",
|
|
1463
|
+
"description": "A date picker component that allows users to select a date or a range of dates.",
|
|
1464
|
+
"name": "SkfDatePicker",
|
|
1465
|
+
"cssProperties": [
|
|
1466
|
+
{
|
|
1467
|
+
"description": "The maximum width of the date picker",
|
|
1468
|
+
"name": "--max-width"
|
|
1469
|
+
}
|
|
1470
|
+
],
|
|
1471
|
+
"slots": [
|
|
1472
|
+
{
|
|
1473
|
+
"description": "Default hint content placed inside the date picker",
|
|
1474
|
+
"name": ""
|
|
1475
|
+
}
|
|
1476
|
+
],
|
|
1477
|
+
"members": [
|
|
1478
|
+
{
|
|
1479
|
+
"kind": "field",
|
|
1480
|
+
"name": "locale",
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "string"
|
|
1483
|
+
},
|
|
1484
|
+
"default": "'en-CA'",
|
|
1485
|
+
"description": "The locale to use for formatting the date",
|
|
1486
|
+
"attribute": "locale",
|
|
1487
|
+
"reflects": true
|
|
1488
|
+
},
|
|
1489
|
+
{
|
|
1490
|
+
"kind": "field",
|
|
1491
|
+
"name": "date",
|
|
1492
|
+
"type": {
|
|
1493
|
+
"text": "string"
|
|
1494
|
+
},
|
|
1495
|
+
"description": "The date to display in the date picker",
|
|
1496
|
+
"attribute": "date",
|
|
1497
|
+
"reflects": true
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"kind": "field",
|
|
1501
|
+
"name": "id",
|
|
1502
|
+
"type": {
|
|
1503
|
+
"text": "string"
|
|
1504
|
+
},
|
|
1505
|
+
"default": "''",
|
|
1506
|
+
"attribute": "id"
|
|
1507
|
+
},
|
|
1508
|
+
{
|
|
1509
|
+
"kind": "field",
|
|
1510
|
+
"name": "invalidDates",
|
|
1511
|
+
"type": {
|
|
1512
|
+
"text": "string | undefined"
|
|
1513
|
+
},
|
|
1514
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1515
|
+
"attribute": "invalid-dates"
|
|
1516
|
+
},
|
|
1517
|
+
{
|
|
1518
|
+
"kind": "field",
|
|
1519
|
+
"name": "range",
|
|
1520
|
+
"type": {
|
|
1521
|
+
"text": "boolean"
|
|
1522
|
+
},
|
|
1523
|
+
"default": "false",
|
|
1524
|
+
"description": "If true, the date picker will allow the selection of a range of dates",
|
|
1525
|
+
"attribute": "range"
|
|
1526
|
+
},
|
|
1527
|
+
{
|
|
1528
|
+
"kind": "field",
|
|
1529
|
+
"name": "selectedDate",
|
|
1530
|
+
"type": {
|
|
1531
|
+
"text": "Date | undefined"
|
|
1532
|
+
},
|
|
1533
|
+
"default": "undefined"
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"kind": "field",
|
|
1537
|
+
"name": "selectableFrom",
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "string | undefined"
|
|
1540
|
+
},
|
|
1541
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1542
|
+
"attribute": "selectable-from"
|
|
1543
|
+
},
|
|
1544
|
+
{
|
|
1545
|
+
"kind": "field",
|
|
1546
|
+
"name": "selectableTo",
|
|
1547
|
+
"type": {
|
|
1548
|
+
"text": "string | undefined"
|
|
1549
|
+
},
|
|
1550
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1551
|
+
"attribute": "selectable-to"
|
|
1552
|
+
},
|
|
1553
|
+
{
|
|
1554
|
+
"kind": "field",
|
|
1555
|
+
"name": "selectedDateRange",
|
|
1556
|
+
"type": {
|
|
1557
|
+
"text": "SkfDatePickerDateRange"
|
|
1558
|
+
},
|
|
1559
|
+
"default": "{ start: null, end: null, }"
|
|
1560
|
+
},
|
|
1561
|
+
{
|
|
1562
|
+
"kind": "method",
|
|
1563
|
+
"name": "clearSelection"
|
|
1564
|
+
}
|
|
1565
|
+
],
|
|
1566
|
+
"events": [
|
|
1567
|
+
{
|
|
1568
|
+
"description": "When a date is selected",
|
|
1569
|
+
"name": "selected-date-changed"
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"description": "When a range of dates is selected",
|
|
1573
|
+
"name": "selected-date-range-changed"
|
|
1574
|
+
}
|
|
1575
|
+
],
|
|
1576
|
+
"attributes": [
|
|
1577
|
+
{
|
|
1578
|
+
"name": "locale",
|
|
1579
|
+
"type": {
|
|
1580
|
+
"text": "string"
|
|
1581
|
+
},
|
|
1582
|
+
"default": "'en-CA'",
|
|
1583
|
+
"description": "The locale to use for formatting the date",
|
|
1584
|
+
"fieldName": "locale"
|
|
1585
|
+
},
|
|
1586
|
+
{
|
|
1587
|
+
"name": "date",
|
|
1588
|
+
"type": {
|
|
1589
|
+
"text": "string"
|
|
1590
|
+
},
|
|
1591
|
+
"description": "The date to display in the date picker",
|
|
1592
|
+
"fieldName": "date"
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"name": "id",
|
|
1596
|
+
"type": {
|
|
1597
|
+
"text": "string"
|
|
1598
|
+
},
|
|
1599
|
+
"default": "''",
|
|
1600
|
+
"fieldName": "id"
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"name": "invalid-dates",
|
|
1604
|
+
"type": {
|
|
1605
|
+
"text": "string | undefined"
|
|
1606
|
+
},
|
|
1607
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1608
|
+
"fieldName": "invalidDates"
|
|
1609
|
+
},
|
|
1610
|
+
{
|
|
1611
|
+
"name": "range",
|
|
1612
|
+
"type": {
|
|
1613
|
+
"text": "boolean"
|
|
1614
|
+
},
|
|
1615
|
+
"default": "false",
|
|
1616
|
+
"description": "If true, the date picker will allow the selection of a range of dates",
|
|
1617
|
+
"fieldName": "range"
|
|
1618
|
+
},
|
|
1619
|
+
{
|
|
1620
|
+
"name": "selectable-from",
|
|
1621
|
+
"type": {
|
|
1622
|
+
"text": "string | undefined"
|
|
1623
|
+
},
|
|
1624
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1625
|
+
"fieldName": "selectableFrom"
|
|
1626
|
+
},
|
|
1627
|
+
{
|
|
1628
|
+
"name": "selectable-to",
|
|
1629
|
+
"type": {
|
|
1630
|
+
"text": "string | undefined"
|
|
1631
|
+
},
|
|
1632
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1633
|
+
"fieldName": "selectableTo"
|
|
1634
|
+
}
|
|
1635
|
+
],
|
|
1636
|
+
"superclass": {
|
|
1637
|
+
"name": "SkfElement",
|
|
1638
|
+
"package": "@internal/components/skf-element.js"
|
|
1639
|
+
},
|
|
1640
|
+
"tagName": "skf-datepicker",
|
|
1641
|
+
"customElement": true
|
|
1642
|
+
}
|
|
1643
|
+
],
|
|
1644
|
+
"exports": [
|
|
1645
|
+
{
|
|
1646
|
+
"kind": "js",
|
|
1647
|
+
"name": "SkfDatePicker",
|
|
1648
|
+
"declaration": {
|
|
1649
|
+
"name": "SkfDatePicker",
|
|
1650
|
+
"module": "src/components/date-picker/datepicker.component.ts"
|
|
1651
|
+
}
|
|
1652
|
+
}
|
|
1653
|
+
]
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"kind": "javascript-module",
|
|
1657
|
+
"path": "src/components/date-picker-input/datepicker-input.component.ts",
|
|
1658
|
+
"declarations": [
|
|
1659
|
+
{
|
|
1660
|
+
"kind": "class",
|
|
1661
|
+
"description": "",
|
|
1662
|
+
"name": "SkfDatePickerInput",
|
|
1663
|
+
"members": [
|
|
1664
|
+
{
|
|
1665
|
+
"kind": "field",
|
|
1666
|
+
"name": "focusTomeoutId",
|
|
1667
|
+
"type": {
|
|
1668
|
+
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
1669
|
+
}
|
|
1670
|
+
},
|
|
1671
|
+
{
|
|
1672
|
+
"kind": "field",
|
|
1673
|
+
"name": "customInvalid",
|
|
1674
|
+
"description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
|
|
1675
|
+
"attribute": "custom-invalid",
|
|
1676
|
+
"reflects": true
|
|
1677
|
+
},
|
|
1678
|
+
{
|
|
1679
|
+
"kind": "field",
|
|
1680
|
+
"name": "id",
|
|
1681
|
+
"type": {
|
|
1682
|
+
"text": "string"
|
|
1683
|
+
},
|
|
1684
|
+
"default": "'skf-datepicker-input'",
|
|
1685
|
+
"attribute": "id"
|
|
1686
|
+
},
|
|
1687
|
+
{
|
|
1688
|
+
"kind": "field",
|
|
1689
|
+
"name": "label",
|
|
1690
|
+
"type": {
|
|
1691
|
+
"text": "string | undefined"
|
|
1692
|
+
},
|
|
1693
|
+
"description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
|
|
1694
|
+
"attribute": "label"
|
|
1695
|
+
},
|
|
1696
|
+
{
|
|
1697
|
+
"kind": "field",
|
|
1698
|
+
"name": "hideLabel",
|
|
1699
|
+
"type": {
|
|
1700
|
+
"text": "boolean | undefined"
|
|
1701
|
+
},
|
|
1702
|
+
"description": "If true, hides the label visually",
|
|
1703
|
+
"attribute": "hide-label"
|
|
1704
|
+
},
|
|
1705
|
+
{
|
|
1706
|
+
"kind": "field",
|
|
1707
|
+
"name": "hint",
|
|
1708
|
+
"type": {
|
|
1709
|
+
"text": "string | undefined"
|
|
1710
|
+
},
|
|
1711
|
+
"description": "If defined, displays informational text below the field",
|
|
1712
|
+
"attribute": "hint"
|
|
1713
|
+
},
|
|
1714
|
+
{
|
|
1715
|
+
"kind": "field",
|
|
1716
|
+
"name": "invalidDates",
|
|
1717
|
+
"type": {
|
|
1718
|
+
"text": "string | undefined"
|
|
1719
|
+
},
|
|
1720
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1721
|
+
"attribute": "invalid-dates"
|
|
1722
|
+
},
|
|
1723
|
+
{
|
|
1724
|
+
"kind": "field",
|
|
1725
|
+
"name": "name",
|
|
1726
|
+
"type": {
|
|
1727
|
+
"text": "string | undefined"
|
|
1728
|
+
},
|
|
1729
|
+
"description": "If defined, adds name to the input-element",
|
|
1730
|
+
"attribute": "name",
|
|
1731
|
+
"reflects": true
|
|
1732
|
+
},
|
|
1733
|
+
{
|
|
1734
|
+
"kind": "field",
|
|
1735
|
+
"name": "placeholder",
|
|
1736
|
+
"type": {
|
|
1737
|
+
"text": "string"
|
|
1738
|
+
},
|
|
1739
|
+
"default": "'Select date'",
|
|
1740
|
+
"attribute": "placeholder"
|
|
1741
|
+
},
|
|
1742
|
+
{
|
|
1743
|
+
"kind": "field",
|
|
1744
|
+
"name": "range",
|
|
1745
|
+
"type": {
|
|
1746
|
+
"text": "boolean"
|
|
1747
|
+
},
|
|
1748
|
+
"default": "false",
|
|
1749
|
+
"attribute": "range"
|
|
1750
|
+
},
|
|
1751
|
+
{
|
|
1752
|
+
"kind": "field",
|
|
1753
|
+
"name": "readonly",
|
|
1754
|
+
"type": {
|
|
1755
|
+
"text": "boolean | undefined"
|
|
1756
|
+
},
|
|
1757
|
+
"description": "If true, makes the element not mutable, meaning the user can not edit the control",
|
|
1758
|
+
"attribute": "readonly"
|
|
1759
|
+
},
|
|
1760
|
+
{
|
|
1761
|
+
"kind": "field",
|
|
1762
|
+
"name": "requiredLabel",
|
|
971
1763
|
"type": {
|
|
972
1764
|
"text": "string | undefined"
|
|
973
1765
|
},
|
|
974
|
-
"description": "If defined,
|
|
975
|
-
"
|
|
1766
|
+
"description": "If defined, renders an alternative A11y text for the asterisk",
|
|
1767
|
+
"attribute": "required-label"
|
|
976
1768
|
},
|
|
977
1769
|
{
|
|
978
|
-
"
|
|
1770
|
+
"kind": "field",
|
|
1771
|
+
"name": "selectableFrom",
|
|
979
1772
|
"type": {
|
|
980
1773
|
"text": "string | undefined"
|
|
981
1774
|
},
|
|
982
|
-
"description": "
|
|
983
|
-
"
|
|
1775
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1776
|
+
"attribute": "selectable-from"
|
|
984
1777
|
},
|
|
985
1778
|
{
|
|
986
|
-
"
|
|
1779
|
+
"kind": "field",
|
|
1780
|
+
"name": "selectableTo",
|
|
987
1781
|
"type": {
|
|
988
1782
|
"text": "string | undefined"
|
|
989
1783
|
},
|
|
990
|
-
"description": "
|
|
991
|
-
"
|
|
1784
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1785
|
+
"attribute": "selectable-to"
|
|
992
1786
|
},
|
|
993
1787
|
{
|
|
1788
|
+
"kind": "field",
|
|
994
1789
|
"name": "severity",
|
|
995
1790
|
"type": {
|
|
996
1791
|
"text": "\"alert\" | \"success\" | \"info\" | \"warning\""
|
|
997
1792
|
},
|
|
998
|
-
"description": "If defined,
|
|
999
|
-
"
|
|
1793
|
+
"description": "If defined, displays provided severity state",
|
|
1794
|
+
"attribute": "severity",
|
|
1795
|
+
"reflects": true
|
|
1000
1796
|
},
|
|
1001
1797
|
{
|
|
1002
|
-
"
|
|
1798
|
+
"kind": "field",
|
|
1799
|
+
"name": "validateOn",
|
|
1003
1800
|
"type": {
|
|
1004
|
-
"text": "
|
|
1801
|
+
"text": "'input' | 'change' | 'submit'"
|
|
1005
1802
|
},
|
|
1006
|
-
"
|
|
1007
|
-
"
|
|
1803
|
+
"default": "'change'",
|
|
1804
|
+
"description": "Sets validation start",
|
|
1805
|
+
"attribute": "validate-on"
|
|
1008
1806
|
},
|
|
1009
1807
|
{
|
|
1010
|
-
"
|
|
1808
|
+
"kind": "field",
|
|
1809
|
+
"name": "value",
|
|
1011
1810
|
"type": {
|
|
1012
|
-
"text": "
|
|
1811
|
+
"text": "string | undefined"
|
|
1013
1812
|
},
|
|
1014
|
-
"
|
|
1015
|
-
"
|
|
1016
|
-
"fieldName": "size"
|
|
1813
|
+
"description": "The current value of the input field",
|
|
1814
|
+
"attribute": "value"
|
|
1017
1815
|
},
|
|
1018
1816
|
{
|
|
1019
|
-
"
|
|
1817
|
+
"kind": "field",
|
|
1818
|
+
"name": "_init_date",
|
|
1020
1819
|
"type": {
|
|
1021
|
-
"text": "string"
|
|
1820
|
+
"text": "string | undefined"
|
|
1022
1821
|
},
|
|
1023
|
-
"
|
|
1024
|
-
|
|
1025
|
-
"fieldName": "value"
|
|
1026
|
-
}
|
|
1027
|
-
],
|
|
1028
|
-
"superclass": {
|
|
1029
|
-
"name": "FormBase",
|
|
1030
|
-
"package": "@internal/components/formBase.js"
|
|
1031
|
-
},
|
|
1032
|
-
"tagName": "skf-checkbox",
|
|
1033
|
-
"customElement": true
|
|
1034
|
-
}
|
|
1035
|
-
],
|
|
1036
|
-
"exports": [
|
|
1037
|
-
{
|
|
1038
|
-
"kind": "js",
|
|
1039
|
-
"name": "SkfCheckbox",
|
|
1040
|
-
"declaration": {
|
|
1041
|
-
"name": "SkfCheckbox",
|
|
1042
|
-
"module": "src/components/checkbox/checkbox.component.ts"
|
|
1043
|
-
}
|
|
1044
|
-
}
|
|
1045
|
-
]
|
|
1046
|
-
},
|
|
1047
|
-
{
|
|
1048
|
-
"kind": "javascript-module",
|
|
1049
|
-
"path": "src/components/collapse/collapse.component.ts",
|
|
1050
|
-
"declarations": [
|
|
1051
|
-
{
|
|
1052
|
-
"kind": "class",
|
|
1053
|
-
"description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
|
|
1054
|
-
"name": "SkfCollapse",
|
|
1055
|
-
"slots": [
|
|
1822
|
+
"privacy": "private"
|
|
1823
|
+
},
|
|
1056
1824
|
{
|
|
1057
|
-
"
|
|
1058
|
-
"name": ""
|
|
1059
|
-
}
|
|
1060
|
-
],
|
|
1061
|
-
"members": [
|
|
1825
|
+
"kind": "field",
|
|
1826
|
+
"name": "_handleSelectedDate"
|
|
1827
|
+
},
|
|
1062
1828
|
{
|
|
1063
1829
|
"kind": "field",
|
|
1064
|
-
"name": "
|
|
1065
|
-
"
|
|
1066
|
-
"text": "boolean"
|
|
1067
|
-
},
|
|
1068
|
-
"default": "false",
|
|
1069
|
-
"description": "If true, will animate the expand/collapse state",
|
|
1070
|
-
"attribute": "animated",
|
|
1071
|
-
"reflects": true
|
|
1830
|
+
"name": "_handleDateSelected",
|
|
1831
|
+
"privacy": "private"
|
|
1072
1832
|
},
|
|
1073
1833
|
{
|
|
1074
1834
|
"kind": "field",
|
|
1075
|
-
"name": "
|
|
1835
|
+
"name": "_handleFocus",
|
|
1836
|
+
"privacy": "private"
|
|
1837
|
+
},
|
|
1838
|
+
{
|
|
1839
|
+
"kind": "method",
|
|
1840
|
+
"name": "_handleValueChange"
|
|
1841
|
+
},
|
|
1842
|
+
{
|
|
1843
|
+
"kind": "field",
|
|
1844
|
+
"name": "clear",
|
|
1845
|
+
"description": "Clears the input field"
|
|
1846
|
+
}
|
|
1847
|
+
],
|
|
1848
|
+
"attributes": [
|
|
1849
|
+
{
|
|
1850
|
+
"name": "custom-invalid",
|
|
1851
|
+
"description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
|
|
1852
|
+
"fieldName": "customInvalid"
|
|
1853
|
+
},
|
|
1854
|
+
{
|
|
1855
|
+
"name": "id",
|
|
1076
1856
|
"type": {
|
|
1077
|
-
"text": "
|
|
1857
|
+
"text": "string"
|
|
1078
1858
|
},
|
|
1079
|
-
"default": "
|
|
1080
|
-
"
|
|
1081
|
-
"attribute": "expanded",
|
|
1082
|
-
"reflects": true
|
|
1859
|
+
"default": "'skf-datepicker-input'",
|
|
1860
|
+
"fieldName": "id"
|
|
1083
1861
|
},
|
|
1084
1862
|
{
|
|
1085
|
-
"
|
|
1086
|
-
"name": "heading",
|
|
1863
|
+
"name": "label",
|
|
1087
1864
|
"type": {
|
|
1088
1865
|
"text": "string | undefined"
|
|
1089
1866
|
},
|
|
1090
|
-
"description": "
|
|
1091
|
-
"
|
|
1867
|
+
"description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
|
|
1868
|
+
"fieldName": "label"
|
|
1092
1869
|
},
|
|
1093
1870
|
{
|
|
1094
|
-
"
|
|
1095
|
-
"name": "headingAs",
|
|
1871
|
+
"name": "hide-label",
|
|
1096
1872
|
"type": {
|
|
1097
|
-
"text": "
|
|
1873
|
+
"text": "boolean | undefined"
|
|
1098
1874
|
},
|
|
1099
|
-
"
|
|
1100
|
-
"
|
|
1101
|
-
"attribute": "heading-as"
|
|
1875
|
+
"description": "If true, hides the label visually",
|
|
1876
|
+
"fieldName": "hideLabel"
|
|
1102
1877
|
},
|
|
1103
1878
|
{
|
|
1104
|
-
"
|
|
1105
|
-
"name": "small",
|
|
1879
|
+
"name": "hint",
|
|
1106
1880
|
"type": {
|
|
1107
|
-
"text": "
|
|
1881
|
+
"text": "string | undefined"
|
|
1108
1882
|
},
|
|
1109
|
-
"
|
|
1110
|
-
"
|
|
1111
|
-
"attribute": "small",
|
|
1112
|
-
"reflects": true
|
|
1883
|
+
"description": "If defined, displays informational text below the field",
|
|
1884
|
+
"fieldName": "hint"
|
|
1113
1885
|
},
|
|
1114
1886
|
{
|
|
1115
|
-
"
|
|
1116
|
-
"name": "truncate",
|
|
1887
|
+
"name": "invalid-dates",
|
|
1117
1888
|
"type": {
|
|
1118
|
-
"text": "
|
|
1889
|
+
"text": "string | undefined"
|
|
1119
1890
|
},
|
|
1120
|
-
"
|
|
1121
|
-
"
|
|
1122
|
-
"attribute": "truncate",
|
|
1123
|
-
"reflects": true
|
|
1891
|
+
"description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
|
|
1892
|
+
"fieldName": "invalidDates"
|
|
1124
1893
|
},
|
|
1125
1894
|
{
|
|
1126
|
-
"
|
|
1127
|
-
"
|
|
1128
|
-
|
|
1895
|
+
"name": "name",
|
|
1896
|
+
"type": {
|
|
1897
|
+
"text": "string | undefined"
|
|
1898
|
+
},
|
|
1899
|
+
"description": "If defined, adds name to the input-element",
|
|
1900
|
+
"fieldName": "name"
|
|
1129
1901
|
},
|
|
1130
1902
|
{
|
|
1131
|
-
"
|
|
1132
|
-
"name": "setOpen",
|
|
1133
|
-
"description": "Class method as alternative to manipulate attribute"
|
|
1134
|
-
}
|
|
1135
|
-
],
|
|
1136
|
-
"events": [
|
|
1137
|
-
{
|
|
1903
|
+
"name": "placeholder",
|
|
1138
1904
|
"type": {
|
|
1139
|
-
"text": "
|
|
1905
|
+
"text": "string"
|
|
1140
1906
|
},
|
|
1141
|
-
"
|
|
1142
|
-
"
|
|
1143
|
-
}
|
|
1144
|
-
],
|
|
1145
|
-
"attributes": [
|
|
1907
|
+
"default": "'Select date'",
|
|
1908
|
+
"fieldName": "placeholder"
|
|
1909
|
+
},
|
|
1146
1910
|
{
|
|
1147
|
-
"name": "
|
|
1911
|
+
"name": "range",
|
|
1148
1912
|
"type": {
|
|
1149
1913
|
"text": "boolean"
|
|
1150
1914
|
},
|
|
1151
1915
|
"default": "false",
|
|
1152
|
-
"
|
|
1153
|
-
"fieldName": "animated"
|
|
1916
|
+
"fieldName": "range"
|
|
1154
1917
|
},
|
|
1155
1918
|
{
|
|
1156
|
-
"name": "
|
|
1919
|
+
"name": "readonly",
|
|
1157
1920
|
"type": {
|
|
1158
|
-
"text": "boolean"
|
|
1921
|
+
"text": "boolean | undefined"
|
|
1159
1922
|
},
|
|
1160
|
-
"
|
|
1161
|
-
"
|
|
1162
|
-
"fieldName": "expanded"
|
|
1923
|
+
"description": "If true, makes the element not mutable, meaning the user can not edit the control",
|
|
1924
|
+
"fieldName": "readonly"
|
|
1163
1925
|
},
|
|
1164
1926
|
{
|
|
1165
|
-
"name": "
|
|
1927
|
+
"name": "required-label",
|
|
1166
1928
|
"type": {
|
|
1167
1929
|
"text": "string | undefined"
|
|
1168
1930
|
},
|
|
1169
|
-
"description": "
|
|
1170
|
-
"fieldName": "
|
|
1931
|
+
"description": "If defined, renders an alternative A11y text for the asterisk",
|
|
1932
|
+
"fieldName": "requiredLabel"
|
|
1171
1933
|
},
|
|
1172
1934
|
{
|
|
1173
|
-
"name": "
|
|
1935
|
+
"name": "selectable-from",
|
|
1174
1936
|
"type": {
|
|
1175
|
-
"text": "
|
|
1937
|
+
"text": "string | undefined"
|
|
1176
1938
|
},
|
|
1177
|
-
"
|
|
1178
|
-
"
|
|
1179
|
-
"fieldName": "headingAs"
|
|
1939
|
+
"description": "Earliest selectable date. (yyyy-mm-dd format)",
|
|
1940
|
+
"fieldName": "selectableFrom"
|
|
1180
1941
|
},
|
|
1181
1942
|
{
|
|
1182
|
-
"name": "
|
|
1943
|
+
"name": "selectable-to",
|
|
1183
1944
|
"type": {
|
|
1184
|
-
"text": "
|
|
1945
|
+
"text": "string | undefined"
|
|
1185
1946
|
},
|
|
1186
|
-
"
|
|
1187
|
-
"
|
|
1188
|
-
"fieldName": "small"
|
|
1947
|
+
"description": "Latest selectable date. (yyyy-mm-dd format)",
|
|
1948
|
+
"fieldName": "selectableTo"
|
|
1189
1949
|
},
|
|
1190
1950
|
{
|
|
1191
|
-
"name": "
|
|
1951
|
+
"name": "severity",
|
|
1192
1952
|
"type": {
|
|
1193
|
-
"text": "
|
|
1953
|
+
"text": "\"alert\" | \"success\" | \"info\" | \"warning\""
|
|
1194
1954
|
},
|
|
1195
|
-
"
|
|
1196
|
-
"
|
|
1197
|
-
|
|
1955
|
+
"description": "If defined, displays provided severity state",
|
|
1956
|
+
"fieldName": "severity"
|
|
1957
|
+
},
|
|
1958
|
+
{
|
|
1959
|
+
"name": "validate-on",
|
|
1960
|
+
"type": {
|
|
1961
|
+
"text": "'input' | 'change' | 'submit'"
|
|
1962
|
+
},
|
|
1963
|
+
"default": "'change'",
|
|
1964
|
+
"description": "Sets validation start",
|
|
1965
|
+
"fieldName": "validateOn"
|
|
1966
|
+
},
|
|
1967
|
+
{
|
|
1968
|
+
"name": "value",
|
|
1969
|
+
"type": {
|
|
1970
|
+
"text": "string | undefined"
|
|
1971
|
+
},
|
|
1972
|
+
"description": "The current value of the input field",
|
|
1973
|
+
"fieldName": "value"
|
|
1198
1974
|
}
|
|
1199
1975
|
],
|
|
1200
1976
|
"superclass": {
|
|
1201
|
-
"name": "
|
|
1202
|
-
"package": "@internal/components/
|
|
1203
|
-
}
|
|
1204
|
-
"tagName": "skf-collapse",
|
|
1205
|
-
"customElement": true
|
|
1977
|
+
"name": "FormBase",
|
|
1978
|
+
"package": "@internal/components/formBase.js"
|
|
1979
|
+
}
|
|
1206
1980
|
}
|
|
1207
1981
|
],
|
|
1208
1982
|
"exports": [
|
|
1209
1983
|
{
|
|
1210
1984
|
"kind": "js",
|
|
1211
|
-
"name": "
|
|
1985
|
+
"name": "SkfDatePickerInput",
|
|
1212
1986
|
"declaration": {
|
|
1213
|
-
"name": "
|
|
1214
|
-
"module": "src/components/
|
|
1987
|
+
"name": "SkfDatePickerInput",
|
|
1988
|
+
"module": "src/components/date-picker-input/datepicker-input.component.ts"
|
|
1215
1989
|
}
|
|
1216
1990
|
}
|
|
1217
1991
|
]
|
|
@@ -1865,7 +2639,8 @@
|
|
|
1865
2639
|
"text": "string | undefined"
|
|
1866
2640
|
},
|
|
1867
2641
|
"description": "If defined, adds name to the input-element",
|
|
1868
|
-
"attribute": "name"
|
|
2642
|
+
"attribute": "name",
|
|
2643
|
+
"reflects": true
|
|
1869
2644
|
},
|
|
1870
2645
|
{
|
|
1871
2646
|
"kind": "field",
|
|
@@ -1970,7 +2745,12 @@
|
|
|
1970
2745
|
},
|
|
1971
2746
|
"default": "''",
|
|
1972
2747
|
"description": "The current value of the input field",
|
|
1973
|
-
"attribute": "value"
|
|
2748
|
+
"attribute": "value",
|
|
2749
|
+
"reflects": true
|
|
2750
|
+
},
|
|
2751
|
+
{
|
|
2752
|
+
"kind": "method",
|
|
2753
|
+
"name": "valueChanged"
|
|
1974
2754
|
}
|
|
1975
2755
|
],
|
|
1976
2756
|
"events": [
|