@vonage/vivid 3.49.0 → 3.50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/accordion/index.cjs +1 -1
  2. package/accordion/index.js +1 -1
  3. package/accordion-item/index.cjs +1 -1
  4. package/accordion-item/index.js +1 -1
  5. package/alert/index.cjs +2 -2
  6. package/alert/index.js +2 -2
  7. package/audio-player/index.cjs +1 -1
  8. package/audio-player/index.js +1 -1
  9. package/banner/index.cjs +1 -1
  10. package/banner/index.js +1 -1
  11. package/breadcrumb-item/index.cjs +1 -1
  12. package/breadcrumb-item/index.js +1 -1
  13. package/button/index.cjs +1 -1
  14. package/button/index.js +1 -1
  15. package/card/index.cjs +1 -1
  16. package/card/index.js +1 -1
  17. package/checkbox/index.cjs +1 -2
  18. package/checkbox/index.js +1 -2
  19. package/combobox/index.cjs +3 -3
  20. package/combobox/index.js +3 -3
  21. package/custom-elements.json +797 -124
  22. package/date-picker/index.cjs +4 -3
  23. package/date-picker/index.js +4 -3
  24. package/date-range-picker/index.cjs +3 -2
  25. package/date-range-picker/index.js +3 -2
  26. package/dialog/index.cjs +2 -2
  27. package/dialog/index.js +2 -2
  28. package/elevation/index.cjs +1 -1
  29. package/elevation/index.js +1 -1
  30. package/fab/index.cjs +1 -1
  31. package/fab/index.js +1 -1
  32. package/file-picker/index.cjs +1 -1
  33. package/file-picker/index.js +1 -1
  34. package/focus/index.cjs +1 -1
  35. package/focus/index.js +1 -1
  36. package/header/index.cjs +1 -1
  37. package/header/index.js +1 -1
  38. package/index.cjs +21 -16
  39. package/index.js +10 -8
  40. package/lib/components.d.ts +1 -0
  41. package/lib/time-picker/definition.d.ts +3 -0
  42. package/lib/time-picker/locale.d.ts +12 -0
  43. package/lib/time-picker/time/picker.d.ts +9 -0
  44. package/lib/time-picker/time/presentationTime.d.ts +5 -0
  45. package/lib/time-picker/time/time.d.ts +15 -0
  46. package/lib/time-picker/time-picker.d.ts +16 -0
  47. package/lib/time-picker/time-picker.form-associated.d.ts +10 -0
  48. package/lib/time-picker/time-picker.template.d.ts +4 -0
  49. package/listbox/index.cjs +1 -1
  50. package/listbox/index.js +1 -1
  51. package/locales/en-GB.cjs +15 -0
  52. package/locales/en-GB.js +15 -0
  53. package/locales/en-US.cjs +15 -0
  54. package/locales/en-US.js +15 -0
  55. package/locales/ja-JP.cjs +15 -0
  56. package/locales/ja-JP.js +15 -0
  57. package/locales/zh-CN.cjs +15 -0
  58. package/locales/zh-CN.js +15 -0
  59. package/menu/index.cjs +3 -3
  60. package/menu/index.js +3 -3
  61. package/menu-item/index.cjs +1 -1
  62. package/menu-item/index.js +1 -1
  63. package/nav-disclosure/index.cjs +1 -1
  64. package/nav-disclosure/index.js +1 -1
  65. package/nav-item/index.cjs +1 -1
  66. package/nav-item/index.js +1 -1
  67. package/number-field/index.cjs +1 -1
  68. package/number-field/index.js +1 -1
  69. package/option/index.cjs +1 -1
  70. package/option/index.js +1 -1
  71. package/package.json +1 -1
  72. package/pagination/index.cjs +1 -1
  73. package/pagination/index.js +1 -1
  74. package/popup/index.cjs +3 -3
  75. package/popup/index.js +3 -3
  76. package/radio/index.cjs +1 -2
  77. package/radio/index.js +1 -2
  78. package/select/index.cjs +3 -3
  79. package/select/index.js +3 -3
  80. package/selectable-box/index.cjs +2 -2
  81. package/selectable-box/index.js +2 -2
  82. package/shared/date-picker/date-picker-base.d.ts +2 -2
  83. package/shared/definition.cjs +1 -1
  84. package/shared/definition.js +1 -1
  85. package/shared/definition11.cjs +1 -1
  86. package/shared/definition11.js +1 -1
  87. package/shared/definition14.cjs +1 -1
  88. package/shared/definition14.js +1 -1
  89. package/shared/definition15.cjs +2 -5
  90. package/shared/definition15.js +2 -5
  91. package/shared/definition16.cjs +2 -2
  92. package/shared/definition16.js +2 -2
  93. package/shared/definition18.cjs +2 -2
  94. package/shared/definition18.js +2 -2
  95. package/shared/definition19.cjs +2 -2
  96. package/shared/definition19.js +2 -2
  97. package/shared/definition20.cjs +1 -1
  98. package/shared/definition20.js +1 -1
  99. package/shared/definition23.cjs +1 -1
  100. package/shared/definition23.js +1 -1
  101. package/shared/definition24.cjs +1 -1
  102. package/shared/definition24.js +1 -1
  103. package/shared/definition25.cjs +1 -1
  104. package/shared/definition25.js +1 -1
  105. package/shared/definition28.cjs +1 -1
  106. package/shared/definition28.js +1 -1
  107. package/shared/definition29.cjs +1 -1
  108. package/shared/definition29.js +1 -1
  109. package/shared/definition30.cjs +1 -1
  110. package/shared/definition30.js +1 -1
  111. package/shared/definition31.cjs +1 -1
  112. package/shared/definition31.js +1 -1
  113. package/shared/definition35.cjs +1 -1
  114. package/shared/definition35.js +1 -1
  115. package/shared/definition4.cjs +1 -1
  116. package/shared/definition4.js +1 -1
  117. package/shared/definition40.cjs +3 -6
  118. package/shared/definition40.js +3 -6
  119. package/shared/definition41.cjs +2 -2
  120. package/shared/definition41.js +2 -2
  121. package/shared/definition42.cjs +1 -1
  122. package/shared/definition42.js +1 -1
  123. package/shared/definition44.cjs +1 -1
  124. package/shared/definition44.js +1 -1
  125. package/shared/definition45.cjs +1 -1
  126. package/shared/definition45.js +1 -1
  127. package/shared/definition46.cjs +1 -1
  128. package/shared/definition46.js +1 -1
  129. package/shared/definition48.cjs +1 -1
  130. package/shared/definition48.js +1 -1
  131. package/shared/definition5.cjs +1 -1
  132. package/shared/definition5.js +1 -1
  133. package/shared/definition51.cjs +1 -1
  134. package/shared/definition51.js +1 -1
  135. package/shared/definition52.cjs +1 -1
  136. package/shared/definition52.js +1 -1
  137. package/shared/definition53.cjs +1 -1
  138. package/shared/definition53.js +1 -1
  139. package/shared/definition54.cjs +769 -91
  140. package/shared/definition54.js +768 -90
  141. package/shared/definition55.cjs +76 -58
  142. package/shared/definition55.js +75 -57
  143. package/shared/definition56.cjs +100 -71
  144. package/shared/definition56.js +99 -70
  145. package/shared/definition57.cjs +80 -291
  146. package/shared/definition57.js +81 -292
  147. package/shared/definition58.cjs +303 -13
  148. package/shared/definition58.js +302 -13
  149. package/shared/definition59.cjs +11 -42
  150. package/shared/definition59.js +11 -41
  151. package/shared/definition60.cjs +23 -1782
  152. package/shared/definition60.js +22 -1781
  153. package/shared/definition61.cjs +1810 -0
  154. package/shared/definition61.js +1806 -0
  155. package/shared/definition9.cjs +1 -1
  156. package/shared/definition9.js +1 -1
  157. package/shared/localization/Locale.d.ts +2 -0
  158. package/shared/patterns/index.d.ts +1 -0
  159. package/shared/patterns/trapped-focus.d.ts +4 -0
  160. package/shared/presentationDate.cjs +11 -25
  161. package/shared/presentationDate.js +11 -25
  162. package/shared/trapped-focus.cjs +29 -0
  163. package/shared/trapped-focus.js +27 -0
  164. package/slider/index.cjs +1 -1
  165. package/slider/index.js +1 -1
  166. package/split-button/index.cjs +1 -1
  167. package/split-button/index.js +1 -1
  168. package/style.css +1 -1
  169. package/styles/core/all.css +1 -1
  170. package/styles/core/theme.css +1 -1
  171. package/styles/core/typography.css +1 -1
  172. package/styles/tokens/theme-dark.css +4 -4
  173. package/styles/tokens/theme-light.css +4 -4
  174. package/styles/tokens/vivid-2-compat.css +1 -1
  175. package/switch/index.cjs +1 -1
  176. package/switch/index.js +1 -1
  177. package/tab/index.cjs +1 -1
  178. package/tab/index.js +1 -1
  179. package/tabs/index.cjs +1 -1
  180. package/tabs/index.js +1 -1
  181. package/tag/index.cjs +1 -1
  182. package/tag/index.js +1 -1
  183. package/text-area/index.cjs +1 -1
  184. package/text-area/index.js +1 -1
  185. package/text-field/index.cjs +1 -1
  186. package/text-field/index.js +1 -1
  187. package/time-picker/index.cjs +38 -0
  188. package/time-picker/index.js +36 -0
  189. package/toggletip/index.cjs +4 -4
  190. package/toggletip/index.js +4 -4
  191. package/tooltip/index.cjs +4 -4
  192. package/tooltip/index.js +4 -4
  193. package/tree-item/index.cjs +2 -2
  194. package/tree-item/index.js +2 -2
  195. package/tree-view/index.cjs +1 -1
  196. package/tree-view/index.js +1 -1
  197. package/vivid.api.json +105 -0
@@ -4666,14 +4666,6 @@
4666
4666
  "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4667
4667
  }
4668
4668
  },
4669
- {
4670
- "kind": "method",
4671
- "name": "#getFocusableEls",
4672
- "inheritedFrom": {
4673
- "name": "DatePickerBase",
4674
- "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4675
- }
4676
- },
4677
4669
  {
4678
4670
  "kind": "method",
4679
4671
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -5098,14 +5090,6 @@
5098
5090
  "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
5099
5091
  }
5100
5092
  },
5101
- {
5102
- "kind": "method",
5103
- "name": "#getFocusableEls",
5104
- "inheritedFrom": {
5105
- "name": "DatePickerBase",
5106
- "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
5107
- }
5108
- },
5109
5093
  {
5110
5094
  "kind": "method",
5111
5095
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -13006,17 +12990,16 @@
13006
12990
  },
13007
12991
  {
13008
12992
  "kind": "javascript-module",
13009
- "path": "libs/components/src/lib/toggletip/definition.ts",
12993
+ "path": "libs/components/src/lib/time-picker/definition.ts",
13010
12994
  "declarations": [
13011
12995
  {
13012
12996
  "kind": "variable",
13013
- "name": "toggletipDefinition",
13014
- "description": "The toggletip element."
12997
+ "name": "timePickerDefinition"
13015
12998
  },
13016
12999
  {
13017
13000
  "kind": "variable",
13018
- "name": "registerToggletip",
13019
- "description": "Registers the toggletip element with the design system.",
13001
+ "name": "registerTimePicker",
13002
+ "description": "Registers the time-picker element with the design system.",
13020
13003
  "parameters": [
13021
13004
  {
13022
13005
  "description": "the prefix to use for the component name",
@@ -13028,226 +13011,568 @@
13028
13011
  "exports": [
13029
13012
  {
13030
13013
  "kind": "js",
13031
- "name": "toggletipDefinition",
13014
+ "name": "timePickerDefinition",
13032
13015
  "declaration": {
13033
- "name": "toggletipDefinition",
13034
- "module": "libs/components/src/lib/toggletip/definition.ts"
13016
+ "name": "timePickerDefinition",
13017
+ "module": "libs/components/src/lib/time-picker/definition.ts"
13035
13018
  }
13036
13019
  },
13037
13020
  {
13038
13021
  "kind": "js",
13039
- "name": "registerToggletip",
13022
+ "name": "registerTimePicker",
13040
13023
  "declaration": {
13041
- "name": "registerToggletip",
13042
- "module": "libs/components/src/lib/toggletip/definition.ts"
13024
+ "name": "registerTimePicker",
13025
+ "module": "libs/components/src/lib/time-picker/definition.ts"
13043
13026
  }
13044
13027
  }
13045
13028
  ]
13046
13029
  },
13047
13030
  {
13048
13031
  "kind": "javascript-module",
13049
- "path": "libs/components/src/lib/toggletip/toggletip.ts",
13032
+ "path": "libs/components/src/lib/time-picker/locale.ts",
13033
+ "declarations": [],
13034
+ "exports": []
13035
+ },
13036
+ {
13037
+ "kind": "javascript-module",
13038
+ "path": "libs/components/src/lib/time-picker/time-picker.form-associated.ts",
13050
13039
  "declarations": [
13051
13040
  {
13052
13041
  "kind": "class",
13053
- "description": "Base class for toggletip",
13054
- "name": "Toggletip",
13055
- "slots": [
13042
+ "description": "",
13043
+ "name": "FormAssociatedTimePicker",
13044
+ "members": [
13056
13045
  {
13057
- "description": "The content to display in the toggletip.",
13058
- "name": ""
13046
+ "kind": "field",
13047
+ "name": "proxy"
13048
+ }
13049
+ ],
13050
+ "mixins": [
13051
+ {
13052
+ "name": "FormAssociated",
13053
+ "package": "@microsoft/fast-foundation"
13054
+ }
13055
+ ],
13056
+ "superclass": {
13057
+ "name": "_TimePicker",
13058
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
13059
+ }
13060
+ }
13061
+ ],
13062
+ "exports": [
13063
+ {
13064
+ "kind": "js",
13065
+ "name": "FormAssociatedTimePicker",
13066
+ "declaration": {
13067
+ "name": "FormAssociatedTimePicker",
13068
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
13069
+ }
13070
+ }
13071
+ ]
13072
+ },
13073
+ {
13074
+ "kind": "javascript-module",
13075
+ "path": "libs/components/src/lib/time-picker/time-picker.ts",
13076
+ "declarations": [
13077
+ {
13078
+ "kind": "class",
13079
+ "description": "Base class for time-picker",
13080
+ "name": "TimePicker",
13081
+ "cssProperties": [
13082
+ {
13083
+ "name": "--vvd-time-picker-accent-primary",
13084
+ "default": "var(--vvd-color-canvas-text)"
13059
13085
  },
13060
13086
  {
13061
- "description": "The content to display in the toggletip action items.",
13062
- "name": "action-items"
13087
+ "name": "--vvd-time-picker-accent-faint",
13088
+ "default": "var(--vvd-color-neutral-50)"
13089
+ },
13090
+ {
13091
+ "name": "--vvd-time-picker-accent-soft",
13092
+ "default": "var(--vvd-color-neutral-100)"
13093
+ },
13094
+ {
13095
+ "name": "--vvd-time-picker-accent-dim",
13096
+ "default": "var(--vvd-color-neutral-200)"
13097
+ },
13098
+ {
13099
+ "name": "--vvd-time-picker-accent-pale",
13100
+ "default": "var(--vvd-color-neutral-300)"
13063
13101
  }
13064
13102
  ],
13065
13103
  "members": [
13066
13104
  {
13067
13105
  "kind": "field",
13068
- "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
13069
- "privacy": "private",
13106
+ "name": "readOnly",
13070
13107
  "type": {
13071
- "text": "string"
13108
+ "text": "boolean"
13072
13109
  },
13073
- "default": "' ; Show more information'"
13110
+ "default": "false",
13111
+ "description": "Whether the time-picker is readonly.",
13112
+ "privacy": "public"
13074
13113
  },
13075
13114
  {
13076
13115
  "kind": "field",
13077
- "name": "headline",
13116
+ "name": "minutesStep",
13078
13117
  "type": {
13079
- "text": "string | undefined"
13118
+ "text": "number | null"
13080
13119
  },
13081
- "description": "the optional title of the toggletip",
13120
+ "default": "null",
13121
+ "description": "Distance between presented minute options.",
13082
13122
  "privacy": "public"
13083
13123
  },
13084
13124
  {
13085
13125
  "kind": "field",
13086
- "name": "alternate",
13126
+ "name": "secondsStep",
13087
13127
  "type": {
13088
- "text": "boolean"
13128
+ "text": "number | null"
13089
13129
  },
13090
- "default": "false",
13091
- "description": "toggle color scheme",
13130
+ "default": "null",
13131
+ "description": "Distance between presented seconds options. If null, seconds are not presented.",
13092
13132
  "privacy": "public"
13093
13133
  },
13094
13134
  {
13095
13135
  "kind": "field",
13096
- "name": "placement",
13136
+ "name": "clock",
13097
13137
  "type": {
13098
- "text": "Placement | undefined"
13138
+ "text": "'12h' | '24h' | undefined"
13099
13139
  },
13100
- "default": "'right'",
13101
- "description": "placement of the toggletip",
13140
+ "description": "Forces the time-picker to use a 12h or 24h clock.",
13102
13141
  "privacy": "public"
13103
13142
  },
13104
13143
  {
13105
13144
  "kind": "field",
13106
- "name": "open",
13145
+ "name": "min",
13107
13146
  "type": {
13108
- "text": "boolean"
13147
+ "text": "string"
13109
13148
  },
13110
- "default": "false",
13111
- "description": "indicates whether the toggletip is open",
13112
- "privacy": "public"
13149
+ "description": "The earliest accepted time of the time-picker.",
13150
+ "privacy": "public",
13151
+ "default": "''"
13113
13152
  },
13114
13153
  {
13115
- "kind": "method",
13116
- "name": "openChanged",
13117
- "return": {
13118
- "type": {
13119
- "text": "void"
13120
- }
13154
+ "kind": "field",
13155
+ "name": "max",
13156
+ "type": {
13157
+ "text": "string"
13121
13158
  },
13159
+ "description": "The latest accepted time of the time-picker.",
13160
+ "privacy": "public",
13161
+ "default": "''"
13162
+ },
13163
+ {
13164
+ "kind": "field",
13165
+ "name": "#getFocusableEls",
13166
+ "privacy": "private"
13167
+ },
13168
+ {
13169
+ "kind": "method",
13170
+ "name": "#updateValueDueToUserInteraction",
13122
13171
  "parameters": [
13123
- {
13124
- "name": "oldValue",
13125
- "type": {
13126
- "text": "boolean"
13127
- }
13128
- },
13129
13172
  {
13130
13173
  "name": "newValue",
13131
13174
  "type": {
13132
- "text": "boolean"
13175
+ "text": "TimeStr"
13133
13176
  }
13134
13177
  }
13135
13178
  ]
13136
13179
  },
13180
+ {
13181
+ "kind": "field",
13182
+ "name": "#onFocusIn",
13183
+ "privacy": "private"
13184
+ },
13185
+ {
13186
+ "kind": "field",
13187
+ "name": "#onFocusOut",
13188
+ "privacy": "private"
13189
+ },
13190
+ {
13191
+ "kind": "field",
13192
+ "name": "#dismissOnClickOutside",
13193
+ "privacy": "private"
13194
+ },
13137
13195
  {
13138
13196
  "kind": "method",
13139
- "name": "#setupAnchor",
13140
- "parameters": [
13141
- {
13142
- "name": "a",
13143
- "type": {
13144
- "text": "HTMLElement"
13145
- }
13146
- }
13147
- ]
13197
+ "name": "#openPopupIfPossible"
13148
13198
  },
13149
13199
  {
13150
13200
  "kind": "method",
13151
- "name": "#updateAnchor",
13201
+ "name": "#scrollToItem",
13152
13202
  "parameters": [
13153
13203
  {
13154
- "name": "a",
13204
+ "name": "picker",
13155
13205
  "type": {
13156
- "text": "HTMLElement"
13206
+ "text": "string"
13157
13207
  }
13158
- }
13159
- ]
13160
- },
13161
- {
13162
- "kind": "method",
13163
- "name": "#cleanupAnchor",
13164
- "parameters": [
13208
+ },
13165
13209
  {
13166
- "name": "a",
13210
+ "name": "selectedValue",
13167
13211
  "type": {
13168
- "text": "HTMLElement"
13212
+ "text": "string"
13213
+ }
13214
+ },
13215
+ {
13216
+ "name": "position",
13217
+ "type": {
13218
+ "text": "'nearest' | 'start'"
13169
13219
  }
13170
13220
  }
13171
13221
  ]
13172
13222
  },
13173
13223
  {
13174
13224
  "kind": "field",
13175
- "name": "#openIfClosed",
13176
- "privacy": "private"
13225
+ "name": "value",
13226
+ "type": {
13227
+ "text": "string"
13228
+ },
13229
+ "default": "''"
13177
13230
  },
13178
13231
  {
13179
- "kind": "method",
13180
- "name": "#updateListeners"
13232
+ "kind": "field",
13233
+ "name": "type",
13234
+ "type": {
13235
+ "text": "string"
13236
+ },
13237
+ "default": "'time'"
13181
13238
  },
13182
13239
  {
13183
13240
  "kind": "field",
13184
- "name": "#closeOnClickOutside",
13185
- "privacy": "private"
13241
+ "name": "step",
13242
+ "type": {
13243
+ "text": "string"
13244
+ },
13245
+ "default": "'1'"
13186
13246
  },
13187
13247
  {
13188
13248
  "kind": "field",
13189
- "name": "#closeOnEscape",
13190
- "privacy": "private"
13249
+ "name": "proxy",
13250
+ "inheritedFrom": {
13251
+ "name": "FormAssociatedTimePicker",
13252
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
13253
+ }
13254
+ }
13255
+ ],
13256
+ "events": [
13257
+ {
13258
+ "description": "Emitted when the time is changed by the user.",
13259
+ "name": "change"
13191
13260
  }
13192
13261
  ],
13193
13262
  "attributes": [
13194
13263
  {
13195
- "name": "headline",
13264
+ "name": "readonly",
13196
13265
  "type": {
13197
- "text": "string | undefined"
13266
+ "text": "boolean"
13198
13267
  },
13199
- "description": "the optional title of the toggletip",
13200
- "fieldName": "headline"
13268
+ "default": "false",
13269
+ "description": "Whether the time-picker is readonly.",
13270
+ "fieldName": "readOnly"
13201
13271
  },
13202
13272
  {
13273
+ "name": "minutes-step",
13203
13274
  "type": {
13204
- "text": "boolean"
13275
+ "text": "number | null"
13205
13276
  },
13206
- "default": "false",
13207
- "description": "toggle color scheme",
13208
- "fieldName": "alternate"
13277
+ "default": "null",
13278
+ "description": "Distance between presented minute options.",
13279
+ "fieldName": "minutesStep"
13209
13280
  },
13210
13281
  {
13282
+ "name": "seconds-step",
13211
13283
  "type": {
13212
- "text": "Placement | undefined"
13284
+ "text": "number | null"
13213
13285
  },
13214
- "default": "'right'",
13215
- "description": "placement of the toggletip",
13216
- "fieldName": "placement"
13286
+ "default": "null",
13287
+ "description": "Distance between presented seconds options. If null, seconds are not presented.",
13288
+ "fieldName": "secondsStep"
13217
13289
  },
13218
13290
  {
13291
+ "name": "clock",
13219
13292
  "type": {
13220
- "text": "boolean"
13293
+ "text": "'12h' | '24h' | undefined"
13221
13294
  },
13222
- "default": "false",
13223
- "description": "indicates whether the toggletip is open",
13224
- "fieldName": "open"
13295
+ "description": "Forces the time-picker to use a 12h or 24h clock.",
13296
+ "fieldName": "clock"
13297
+ },
13298
+ {
13299
+ "type": {
13300
+ "text": "string"
13301
+ },
13302
+ "description": "The earliest accepted time of the time-picker.",
13303
+ "default": "''",
13304
+ "fieldName": "min"
13305
+ },
13306
+ {
13307
+ "type": {
13308
+ "text": "string"
13309
+ },
13310
+ "description": "The latest accepted time of the time-picker.",
13311
+ "default": "''",
13312
+ "fieldName": "max"
13225
13313
  }
13226
13314
  ],
13227
13315
  "superclass": {
13228
- "name": "FoundationElement",
13229
- "package": "@microsoft/fast-foundation"
13316
+ "name": "FormAssociatedTimePicker",
13317
+ "module": "/libs/components/src/lib/time-picker/time-picker.form-associated"
13230
13318
  }
13231
13319
  }
13232
13320
  ],
13233
13321
  "exports": [
13234
13322
  {
13235
13323
  "kind": "js",
13236
- "name": "Toggletip",
13324
+ "name": "TimePicker",
13237
13325
  "declaration": {
13238
- "name": "Toggletip",
13239
- "module": "libs/components/src/lib/toggletip/toggletip.ts"
13326
+ "name": "TimePicker",
13327
+ "module": "libs/components/src/lib/time-picker/time-picker.ts"
13240
13328
  }
13241
13329
  }
13242
13330
  ]
13243
13331
  },
13244
13332
  {
13245
13333
  "kind": "javascript-module",
13246
- "path": "libs/components/src/lib/tooltip/definition.ts",
13334
+ "path": "libs/components/src/lib/toggletip/definition.ts",
13247
13335
  "declarations": [
13248
13336
  {
13249
13337
  "kind": "variable",
13250
- "name": "tooltipDefinition",
13338
+ "name": "toggletipDefinition",
13339
+ "description": "The toggletip element."
13340
+ },
13341
+ {
13342
+ "kind": "variable",
13343
+ "name": "registerToggletip",
13344
+ "description": "Registers the toggletip element with the design system.",
13345
+ "parameters": [
13346
+ {
13347
+ "description": "the prefix to use for the component name",
13348
+ "name": "prefix"
13349
+ }
13350
+ ]
13351
+ }
13352
+ ],
13353
+ "exports": [
13354
+ {
13355
+ "kind": "js",
13356
+ "name": "toggletipDefinition",
13357
+ "declaration": {
13358
+ "name": "toggletipDefinition",
13359
+ "module": "libs/components/src/lib/toggletip/definition.ts"
13360
+ }
13361
+ },
13362
+ {
13363
+ "kind": "js",
13364
+ "name": "registerToggletip",
13365
+ "declaration": {
13366
+ "name": "registerToggletip",
13367
+ "module": "libs/components/src/lib/toggletip/definition.ts"
13368
+ }
13369
+ }
13370
+ ]
13371
+ },
13372
+ {
13373
+ "kind": "javascript-module",
13374
+ "path": "libs/components/src/lib/toggletip/toggletip.ts",
13375
+ "declarations": [
13376
+ {
13377
+ "kind": "class",
13378
+ "description": "Base class for toggletip",
13379
+ "name": "Toggletip",
13380
+ "slots": [
13381
+ {
13382
+ "description": "The content to display in the toggletip.",
13383
+ "name": ""
13384
+ },
13385
+ {
13386
+ "description": "The content to display in the toggletip action items.",
13387
+ "name": "action-items"
13388
+ }
13389
+ ],
13390
+ "members": [
13391
+ {
13392
+ "kind": "field",
13393
+ "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
13394
+ "privacy": "private",
13395
+ "type": {
13396
+ "text": "string"
13397
+ },
13398
+ "default": "' ; Show more information'"
13399
+ },
13400
+ {
13401
+ "kind": "field",
13402
+ "name": "headline",
13403
+ "type": {
13404
+ "text": "string | undefined"
13405
+ },
13406
+ "description": "the optional title of the toggletip",
13407
+ "privacy": "public"
13408
+ },
13409
+ {
13410
+ "kind": "field",
13411
+ "name": "alternate",
13412
+ "type": {
13413
+ "text": "boolean"
13414
+ },
13415
+ "default": "false",
13416
+ "description": "toggle color scheme",
13417
+ "privacy": "public"
13418
+ },
13419
+ {
13420
+ "kind": "field",
13421
+ "name": "placement",
13422
+ "type": {
13423
+ "text": "Placement | undefined"
13424
+ },
13425
+ "default": "'right'",
13426
+ "description": "placement of the toggletip",
13427
+ "privacy": "public"
13428
+ },
13429
+ {
13430
+ "kind": "field",
13431
+ "name": "open",
13432
+ "type": {
13433
+ "text": "boolean"
13434
+ },
13435
+ "default": "false",
13436
+ "description": "indicates whether the toggletip is open",
13437
+ "privacy": "public"
13438
+ },
13439
+ {
13440
+ "kind": "method",
13441
+ "name": "openChanged",
13442
+ "return": {
13443
+ "type": {
13444
+ "text": "void"
13445
+ }
13446
+ },
13447
+ "parameters": [
13448
+ {
13449
+ "name": "oldValue",
13450
+ "type": {
13451
+ "text": "boolean"
13452
+ }
13453
+ },
13454
+ {
13455
+ "name": "newValue",
13456
+ "type": {
13457
+ "text": "boolean"
13458
+ }
13459
+ }
13460
+ ]
13461
+ },
13462
+ {
13463
+ "kind": "method",
13464
+ "name": "#setupAnchor",
13465
+ "parameters": [
13466
+ {
13467
+ "name": "a",
13468
+ "type": {
13469
+ "text": "HTMLElement"
13470
+ }
13471
+ }
13472
+ ]
13473
+ },
13474
+ {
13475
+ "kind": "method",
13476
+ "name": "#updateAnchor",
13477
+ "parameters": [
13478
+ {
13479
+ "name": "a",
13480
+ "type": {
13481
+ "text": "HTMLElement"
13482
+ }
13483
+ }
13484
+ ]
13485
+ },
13486
+ {
13487
+ "kind": "method",
13488
+ "name": "#cleanupAnchor",
13489
+ "parameters": [
13490
+ {
13491
+ "name": "a",
13492
+ "type": {
13493
+ "text": "HTMLElement"
13494
+ }
13495
+ }
13496
+ ]
13497
+ },
13498
+ {
13499
+ "kind": "field",
13500
+ "name": "#openIfClosed",
13501
+ "privacy": "private"
13502
+ },
13503
+ {
13504
+ "kind": "method",
13505
+ "name": "#updateListeners"
13506
+ },
13507
+ {
13508
+ "kind": "field",
13509
+ "name": "#closeOnClickOutside",
13510
+ "privacy": "private"
13511
+ },
13512
+ {
13513
+ "kind": "field",
13514
+ "name": "#closeOnEscape",
13515
+ "privacy": "private"
13516
+ }
13517
+ ],
13518
+ "attributes": [
13519
+ {
13520
+ "name": "headline",
13521
+ "type": {
13522
+ "text": "string | undefined"
13523
+ },
13524
+ "description": "the optional title of the toggletip",
13525
+ "fieldName": "headline"
13526
+ },
13527
+ {
13528
+ "type": {
13529
+ "text": "boolean"
13530
+ },
13531
+ "default": "false",
13532
+ "description": "toggle color scheme",
13533
+ "fieldName": "alternate"
13534
+ },
13535
+ {
13536
+ "type": {
13537
+ "text": "Placement | undefined"
13538
+ },
13539
+ "default": "'right'",
13540
+ "description": "placement of the toggletip",
13541
+ "fieldName": "placement"
13542
+ },
13543
+ {
13544
+ "type": {
13545
+ "text": "boolean"
13546
+ },
13547
+ "default": "false",
13548
+ "description": "indicates whether the toggletip is open",
13549
+ "fieldName": "open"
13550
+ }
13551
+ ],
13552
+ "superclass": {
13553
+ "name": "FoundationElement",
13554
+ "package": "@microsoft/fast-foundation"
13555
+ }
13556
+ }
13557
+ ],
13558
+ "exports": [
13559
+ {
13560
+ "kind": "js",
13561
+ "name": "Toggletip",
13562
+ "declaration": {
13563
+ "name": "Toggletip",
13564
+ "module": "libs/components/src/lib/toggletip/toggletip.ts"
13565
+ }
13566
+ }
13567
+ ]
13568
+ },
13569
+ {
13570
+ "kind": "javascript-module",
13571
+ "path": "libs/components/src/lib/tooltip/definition.ts",
13572
+ "declarations": [
13573
+ {
13574
+ "kind": "variable",
13575
+ "name": "tooltipDefinition",
13251
13576
  "description": "The tooltip element."
13252
13577
  },
13253
13578
  {
@@ -13585,6 +13910,358 @@
13585
13910
  }
13586
13911
  ]
13587
13912
  },
13913
+ {
13914
+ "kind": "javascript-module",
13915
+ "path": "libs/components/src/lib/time-picker/time/picker.ts",
13916
+ "declarations": [
13917
+ {
13918
+ "kind": "function",
13919
+ "name": "getHoursOptions",
13920
+ "return": {
13921
+ "type": {
13922
+ "text": "PickerOption[]"
13923
+ }
13924
+ },
13925
+ "parameters": [
13926
+ {
13927
+ "name": "min",
13928
+ "optional": true,
13929
+ "type": {
13930
+ "text": "TimeStr"
13931
+ }
13932
+ },
13933
+ {
13934
+ "name": "max",
13935
+ "optional": true,
13936
+ "type": {
13937
+ "text": "TimeStr"
13938
+ }
13939
+ },
13940
+ {
13941
+ "name": "forMeridiem",
13942
+ "optional": true,
13943
+ "type": {
13944
+ "text": "string"
13945
+ }
13946
+ }
13947
+ ]
13948
+ },
13949
+ {
13950
+ "kind": "function",
13951
+ "name": "getMinutesOptions",
13952
+ "return": {
13953
+ "type": {
13954
+ "text": "PickerOption[]"
13955
+ }
13956
+ },
13957
+ "parameters": [
13958
+ {
13959
+ "name": "step",
13960
+ "type": {
13961
+ "text": "number | null"
13962
+ }
13963
+ },
13964
+ {
13965
+ "name": "value",
13966
+ "optional": true,
13967
+ "type": {
13968
+ "text": "TimeStr"
13969
+ }
13970
+ },
13971
+ {
13972
+ "name": "min",
13973
+ "optional": true,
13974
+ "type": {
13975
+ "text": "TimeStr"
13976
+ }
13977
+ },
13978
+ {
13979
+ "name": "max",
13980
+ "optional": true,
13981
+ "type": {
13982
+ "text": "TimeStr"
13983
+ }
13984
+ }
13985
+ ]
13986
+ },
13987
+ {
13988
+ "kind": "function",
13989
+ "name": "getSecondsOptions",
13990
+ "return": {
13991
+ "type": {
13992
+ "text": "PickerOption[]"
13993
+ }
13994
+ },
13995
+ "parameters": [
13996
+ {
13997
+ "name": "step",
13998
+ "type": {
13999
+ "text": "number"
14000
+ }
14001
+ },
14002
+ {
14003
+ "name": "value",
14004
+ "optional": true,
14005
+ "type": {
14006
+ "text": "TimeStr"
14007
+ }
14008
+ },
14009
+ {
14010
+ "name": "min",
14011
+ "optional": true,
14012
+ "type": {
14013
+ "text": "TimeStr"
14014
+ }
14015
+ },
14016
+ {
14017
+ "name": "max",
14018
+ "optional": true,
14019
+ "type": {
14020
+ "text": "TimeStr"
14021
+ }
14022
+ }
14023
+ ]
14024
+ },
14025
+ {
14026
+ "kind": "function",
14027
+ "name": "getMeridiesOptions",
14028
+ "return": {
14029
+ "type": {
14030
+ "text": "PickerOption[]"
14031
+ }
14032
+ },
14033
+ "parameters": [
14034
+ {
14035
+ "name": "min",
14036
+ "optional": true,
14037
+ "type": {
14038
+ "text": "TimeStr"
14039
+ }
14040
+ },
14041
+ {
14042
+ "name": "max",
14043
+ "optional": true,
14044
+ "type": {
14045
+ "text": "TimeStr"
14046
+ }
14047
+ }
14048
+ ]
14049
+ }
14050
+ ],
14051
+ "exports": [
14052
+ {
14053
+ "kind": "js",
14054
+ "name": "getHoursOptions",
14055
+ "declaration": {
14056
+ "name": "getHoursOptions",
14057
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
14058
+ }
14059
+ },
14060
+ {
14061
+ "kind": "js",
14062
+ "name": "getMinutesOptions",
14063
+ "declaration": {
14064
+ "name": "getMinutesOptions",
14065
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
14066
+ }
14067
+ },
14068
+ {
14069
+ "kind": "js",
14070
+ "name": "getSecondsOptions",
14071
+ "declaration": {
14072
+ "name": "getSecondsOptions",
14073
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
14074
+ }
14075
+ },
14076
+ {
14077
+ "kind": "js",
14078
+ "name": "getMeridiesOptions",
14079
+ "declaration": {
14080
+ "name": "getMeridiesOptions",
14081
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
14082
+ }
14083
+ }
14084
+ ]
14085
+ },
14086
+ {
14087
+ "kind": "javascript-module",
14088
+ "path": "libs/components/src/lib/time-picker/time/presentationTime.ts",
14089
+ "declarations": [
14090
+ {
14091
+ "kind": "function",
14092
+ "name": "formatPresentationTime",
14093
+ "return": {
14094
+ "type": {
14095
+ "text": "PresentationTime"
14096
+ }
14097
+ },
14098
+ "parameters": [
14099
+ {
14100
+ "name": "timeStr",
14101
+ "type": {
14102
+ "text": "TimeStr"
14103
+ }
14104
+ },
14105
+ {
14106
+ "name": "includeSeconds",
14107
+ "type": {
14108
+ "text": "boolean"
14109
+ }
14110
+ },
14111
+ {
14112
+ "name": "use12HourClock",
14113
+ "type": {
14114
+ "text": "boolean"
14115
+ }
14116
+ }
14117
+ ]
14118
+ },
14119
+ {
14120
+ "kind": "function",
14121
+ "name": "parsePresentationTime",
14122
+ "return": {
14123
+ "type": {
14124
+ "text": "TimeStr"
14125
+ }
14126
+ },
14127
+ "parameters": [
14128
+ {
14129
+ "name": "input",
14130
+ "type": {
14131
+ "text": "string"
14132
+ }
14133
+ },
14134
+ {
14135
+ "name": "use12HourClock",
14136
+ "type": {
14137
+ "text": "boolean"
14138
+ }
14139
+ }
14140
+ ]
14141
+ }
14142
+ ],
14143
+ "exports": [
14144
+ {
14145
+ "kind": "js",
14146
+ "name": "formatPresentationTime",
14147
+ "declaration": {
14148
+ "name": "formatPresentationTime",
14149
+ "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
14150
+ }
14151
+ },
14152
+ {
14153
+ "kind": "js",
14154
+ "name": "parsePresentationTime",
14155
+ "declaration": {
14156
+ "name": "parsePresentationTime",
14157
+ "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
14158
+ }
14159
+ }
14160
+ ]
14161
+ },
14162
+ {
14163
+ "kind": "javascript-module",
14164
+ "path": "libs/components/src/lib/time-picker/time/time.ts",
14165
+ "declarations": [
14166
+ {
14167
+ "kind": "function",
14168
+ "name": "isValidTimeStr",
14169
+ "return": {
14170
+ "type": {
14171
+ "text": "boolean"
14172
+ }
14173
+ },
14174
+ "parameters": [
14175
+ {
14176
+ "name": "timeStr",
14177
+ "type": {
14178
+ "text": "TimeStr"
14179
+ }
14180
+ }
14181
+ ]
14182
+ },
14183
+ {
14184
+ "kind": "function",
14185
+ "name": "formatTimePart",
14186
+ "return": {
14187
+ "type": {
14188
+ "text": "string"
14189
+ }
14190
+ },
14191
+ "parameters": [
14192
+ {
14193
+ "name": "part",
14194
+ "type": {
14195
+ "text": "number"
14196
+ }
14197
+ }
14198
+ ]
14199
+ },
14200
+ {
14201
+ "kind": "function",
14202
+ "name": "parseTimeStr",
14203
+ "return": {
14204
+ "type": {
14205
+ "text": "ParsedTimeStr"
14206
+ }
14207
+ },
14208
+ "parameters": [
14209
+ {
14210
+ "name": "timeStr",
14211
+ "type": {
14212
+ "text": "TimeStr"
14213
+ }
14214
+ }
14215
+ ]
14216
+ },
14217
+ {
14218
+ "kind": "function",
14219
+ "name": "hoursAs12hClock",
14220
+ "parameters": [
14221
+ {
14222
+ "name": "hour",
14223
+ "type": {
14224
+ "text": "number"
14225
+ }
14226
+ }
14227
+ ]
14228
+ }
14229
+ ],
14230
+ "exports": [
14231
+ {
14232
+ "kind": "js",
14233
+ "name": "isValidTimeStr",
14234
+ "declaration": {
14235
+ "name": "isValidTimeStr",
14236
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14237
+ }
14238
+ },
14239
+ {
14240
+ "kind": "js",
14241
+ "name": "formatTimePart",
14242
+ "declaration": {
14243
+ "name": "formatTimePart",
14244
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14245
+ }
14246
+ },
14247
+ {
14248
+ "kind": "js",
14249
+ "name": "parseTimeStr",
14250
+ "declaration": {
14251
+ "name": "parseTimeStr",
14252
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14253
+ }
14254
+ },
14255
+ {
14256
+ "kind": "js",
14257
+ "name": "hoursAs12hClock",
14258
+ "declaration": {
14259
+ "name": "hoursAs12hClock",
14260
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14261
+ }
14262
+ }
14263
+ ]
14264
+ },
13588
14265
  {
13589
14266
  "kind": "javascript-module",
13590
14267
  "path": "libs/components/src/shared/date-picker/date-picker-base.ts",
@@ -13671,10 +14348,6 @@
13671
14348
  "description": "Whether the date-picker is readonly.",
13672
14349
  "privacy": "public"
13673
14350
  },
13674
- {
13675
- "kind": "method",
13676
- "name": "#getFocusableEls"
13677
- },
13678
14351
  {
13679
14352
  "kind": "method",
13680
14353
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",