@redvars/peacock 3.8.1 → 3.8.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.
Files changed (501) hide show
  1. package/dist/{BaseInput-14YmcfK7.js → BaseInput-CU1zZYKc.js} +3 -3
  2. package/dist/{BaseInput-14YmcfK7.js.map → BaseInput-CU1zZYKc.js.map} +1 -1
  3. package/dist/ButtonConstants-CahP2_NA.js +4 -0
  4. package/dist/ButtonConstants-CahP2_NA.js.map +1 -0
  5. package/dist/{IndividualComponent-DUINtMGK.js → IndividualComponent-Bdwyrvd6.js} +2 -2
  6. package/dist/{IndividualComponent-DUINtMGK.js.map → IndividualComponent-Bdwyrvd6.js.map} +1 -1
  7. package/dist/{NativeHyperlinkMixin-DrYXyfMQ.js → NativeHyperlinkMixin-D9J4aBTy.js} +4 -30
  8. package/dist/NativeHyperlinkMixin-D9J4aBTy.js.map +1 -0
  9. package/dist/accordion-item.js +338 -0
  10. package/dist/accordion-item.js.map +1 -0
  11. package/dist/accordion.js +159 -0
  12. package/dist/accordion.js.map +1 -0
  13. package/dist/alert.js +190 -0
  14. package/dist/alert.js.map +1 -0
  15. package/dist/app-bar.js +324 -0
  16. package/dist/app-bar.js.map +1 -0
  17. package/dist/assets/components.css +1 -1
  18. package/dist/assets/components.css.map +1 -1
  19. package/dist/assets/styles.css +1 -1
  20. package/dist/assets/styles.css.map +1 -1
  21. package/dist/attachable-controller-CAKVrfcG.js +119 -0
  22. package/dist/attachable-controller-CAKVrfcG.js.map +1 -0
  23. package/dist/avatar.js +114 -0
  24. package/dist/avatar.js.map +1 -0
  25. package/dist/babel-DBsfpl3B.js +18 -0
  26. package/dist/babel-DBsfpl3B.js.map +1 -0
  27. package/dist/badge.js +91 -0
  28. package/dist/badge.js.map +1 -0
  29. package/dist/base-Cl6v8-BZ.js +9 -0
  30. package/dist/base-Cl6v8-BZ.js.map +1 -0
  31. package/dist/bottom-sheet.js +14 -5
  32. package/dist/bottom-sheet.js.map +1 -1
  33. package/dist/breadcrumb-item.js +163 -0
  34. package/dist/breadcrumb-item.js.map +1 -0
  35. package/dist/breadcrumb.js +95 -0
  36. package/dist/breadcrumb.js.map +1 -0
  37. package/dist/button-group.js +87 -137
  38. package/dist/button-group.js.map +1 -1
  39. package/dist/button.js +863 -133
  40. package/dist/button.js.map +1 -1
  41. package/dist/calendar-column-view.js +8 -4
  42. package/dist/calendar-column-view.js.map +1 -1
  43. package/dist/calendar-month-view.js +8 -4
  44. package/dist/calendar-month-view.js.map +1 -1
  45. package/dist/calendar.js +8 -4
  46. package/dist/calendar.js.map +1 -1
  47. package/dist/canvas.js +8 -4
  48. package/dist/canvas.js.map +1 -1
  49. package/dist/card-content.js +1 -1
  50. package/dist/card.js +45 -52
  51. package/dist/card.js.map +1 -1
  52. package/dist/cb-compound-expression.js +6 -2
  53. package/dist/cb-compound-expression.js.map +1 -1
  54. package/dist/cb-divider.js +7 -3
  55. package/dist/cb-divider.js.map +1 -1
  56. package/dist/cb-expression.js +6 -2
  57. package/dist/cb-expression.js.map +1 -1
  58. package/dist/cb-predicate.js +7 -3
  59. package/dist/cb-predicate.js.map +1 -1
  60. package/dist/{chart-bar-cn6rrna-.js → chart-bar-CYoGNXnK.js} +6 -2
  61. package/dist/{chart-bar-cn6rrna-.js.map → chart-bar-CYoGNXnK.js.map} +1 -1
  62. package/dist/chart-bar.js +7 -6
  63. package/dist/chart-bar.js.map +1 -1
  64. package/dist/chart-doughnut.js +8 -3
  65. package/dist/chart-doughnut.js.map +1 -1
  66. package/dist/chart-pie.js +8 -3
  67. package/dist/chart-pie.js.map +1 -1
  68. package/dist/chart-stacked-bar.js +7 -6
  69. package/dist/chart-stacked-bar.js.map +1 -1
  70. package/dist/checkbox.js +526 -0
  71. package/dist/checkbox.js.map +1 -0
  72. package/dist/chip.js +459 -0
  73. package/dist/chip.js.map +1 -0
  74. package/dist/{class-map-YU7g0o3B.js → class-map-DG7CA1et.js} +2 -2
  75. package/dist/{class-map-YU7g0o3B.js.map → class-map-DG7CA1et.js.map} +1 -1
  76. package/dist/clock.js +6 -2
  77. package/dist/clock.js.map +1 -1
  78. package/dist/code-editor.js +45 -30
  79. package/dist/code-editor.js.map +1 -1
  80. package/dist/code-highlighter.js +82 -11216
  81. package/dist/code-highlighter.js.map +1 -1
  82. package/dist/color-picker.js +701 -0
  83. package/dist/color-picker.js.map +1 -0
  84. package/dist/condition-builder.js +5 -1
  85. package/dist/condition-builder.js.map +1 -1
  86. package/dist/container.js +141 -0
  87. package/dist/container.js.map +1 -0
  88. package/dist/custom-elements-jsdocs.json +823 -778
  89. package/dist/custom-elements.json +4067 -2207
  90. package/dist/datasource-B2eRh6Or.js +108 -0
  91. package/dist/datasource-B2eRh6Or.js.map +1 -0
  92. package/dist/dispatch-event-utils-CuEqjlPT.js.map +1 -1
  93. package/dist/divider.js +135 -0
  94. package/dist/divider.js.map +1 -0
  95. package/dist/dropdown-button.js +11 -6
  96. package/dist/dropdown-button.js.map +1 -1
  97. package/dist/element-internals-2CMts_0M.js +290 -0
  98. package/dist/element-internals-2CMts_0M.js.map +1 -0
  99. package/dist/elevation.js +94 -0
  100. package/dist/elevation.js.map +1 -0
  101. package/dist/empty-state.js +194 -0
  102. package/dist/empty-state.js.map +1 -0
  103. package/dist/estree-C2LDzX4U.js +47 -0
  104. package/dist/estree-C2LDzX4U.js.map +1 -0
  105. package/dist/{event-manager-D-QCmUgR.js → event-manager-DTyX2uYD.js} +2 -2
  106. package/dist/{event-manager-D-QCmUgR.js.map → event-manager-DTyX2uYD.js.map} +1 -1
  107. package/dist/fab.js +139 -148
  108. package/dist/fab.js.map +1 -1
  109. package/dist/field.js +461 -0
  110. package/dist/field.js.map +1 -0
  111. package/dist/{popover-DUPmMVWS.js → floating-controller-CnUZnOhK.js} +2 -171
  112. package/dist/floating-controller-CnUZnOhK.js.map +1 -0
  113. package/dist/{flow-designer-node-BWrPuxAR.js → flow-designer-node-DsVwQTac.js} +7 -3
  114. package/dist/{flow-designer-node-BWrPuxAR.js.map → flow-designer-node-DsVwQTac.js.map} +1 -1
  115. package/dist/flow-designer-node.js +3 -3
  116. package/dist/flow-designer.js +19 -12
  117. package/dist/flow-designer.js.map +1 -1
  118. package/dist/focus-ring.js +126 -0
  119. package/dist/focus-ring.js.map +1 -0
  120. package/dist/form-associated-BXADnjOB.js +388 -0
  121. package/dist/form-associated-BXADnjOB.js.map +1 -0
  122. package/dist/html-D22sQuVy.js +27 -0
  123. package/dist/html-D22sQuVy.js.map +1 -0
  124. package/dist/html-editor.js +21 -9
  125. package/dist/html-editor.js.map +1 -1
  126. package/dist/hyperlink-DLvb6MXE.js +98 -0
  127. package/dist/hyperlink-DLvb6MXE.js.map +1 -0
  128. package/dist/icon-button.js +1064 -0
  129. package/dist/icon-button.js.map +1 -0
  130. package/dist/icon.js +170 -0
  131. package/dist/icon.js.map +1 -0
  132. package/dist/if-defined-BXZpRQ4P.js +10 -0
  133. package/dist/if-defined-BXZpRQ4P.js.map +1 -0
  134. package/dist/image.js +201 -0
  135. package/dist/image.js.map +1 -0
  136. package/dist/index-_g_oLekF.js +14095 -0
  137. package/dist/index-_g_oLekF.js.map +1 -0
  138. package/dist/index.js +74 -20
  139. package/dist/index.js.map +1 -1
  140. package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -1
  141. package/dist/is-link-Dk2OV3PM.js +6 -0
  142. package/dist/is-link-Dk2OV3PM.js.map +1 -0
  143. package/dist/item.js +213 -0
  144. package/dist/item.js.map +1 -0
  145. package/dist/link.js +75 -0
  146. package/dist/link.js.map +1 -0
  147. package/dist/list-H0itjRte.js +526 -0
  148. package/dist/list-H0itjRte.js.map +1 -0
  149. package/dist/list.js +14 -0
  150. package/dist/list.js.map +1 -0
  151. package/dist/{peacock-loader.js → loader.js} +87 -22
  152. package/dist/loader.js.map +1 -0
  153. package/dist/menu-item.js +388 -0
  154. package/dist/menu-item.js.map +1 -0
  155. package/dist/menu.js +520 -0
  156. package/dist/menu.js.map +1 -0
  157. package/dist/modal.js +9 -5
  158. package/dist/modal.js.map +1 -1
  159. package/dist/navigation-rail-item.js +400 -0
  160. package/dist/navigation-rail-item.js.map +1 -0
  161. package/dist/navigation-rail.js +219 -0
  162. package/dist/navigation-rail.js.map +1 -0
  163. package/dist/notification-manager.js +8 -4
  164. package/dist/notification-manager.js.map +1 -1
  165. package/dist/notification.js +8 -4
  166. package/dist/notification.js.map +1 -1
  167. package/dist/number-counter.js +7 -3
  168. package/dist/number-counter.js.map +1 -1
  169. package/dist/{observe-slot-change-D8Xg-kSS.js → observe-slot-change-DPxaZrZF.js} +3 -4
  170. package/dist/observe-slot-change-DPxaZrZF.js.map +1 -0
  171. package/dist/option.js +121 -0
  172. package/dist/option.js.map +1 -0
  173. package/dist/pagination.js +255 -0
  174. package/dist/pagination.js.map +1 -0
  175. package/dist/pierre-dark-DFWl0m-C.js +4 -0
  176. package/dist/pierre-dark-DFWl0m-C.js.map +1 -0
  177. package/dist/pierre-light-BEkAPImt.js +4 -0
  178. package/dist/pierre-light-BEkAPImt.js.map +1 -0
  179. package/dist/popover-content.js +7 -3
  180. package/dist/popover-content.js.map +1 -1
  181. package/dist/popover.js +175 -3
  182. package/dist/popover.js.map +1 -1
  183. package/dist/postcss-BhbitHaI.js +64 -0
  184. package/dist/postcss-BhbitHaI.js.map +1 -0
  185. package/dist/{property-1psGvXOq.js → property-B49QQ8pS.js} +2 -2
  186. package/dist/{property-1psGvXOq.js.map → property-B49QQ8pS.js.map} +1 -1
  187. package/dist/query-CHb9Ft_d.js +10 -0
  188. package/dist/query-CHb9Ft_d.js.map +1 -0
  189. package/dist/query-assigned-elements-BJaGSqM0.js +10 -0
  190. package/dist/query-assigned-elements-BJaGSqM0.js.map +1 -0
  191. package/dist/radio.js +476 -0
  192. package/dist/radio.js.map +1 -0
  193. package/dist/ripple.js +506 -0
  194. package/dist/ripple.js.map +1 -0
  195. package/dist/search.js +12 -7
  196. package/dist/search.js.map +1 -1
  197. package/dist/segmented-button-group.js +137 -0
  198. package/dist/segmented-button-group.js.map +1 -0
  199. package/dist/segmented-button.js +289 -0
  200. package/dist/segmented-button.js.map +1 -0
  201. package/dist/select-CspawZ18.js +3944 -0
  202. package/dist/select-CspawZ18.js.map +1 -0
  203. package/dist/side-sheet.js +9 -5
  204. package/dist/side-sheet.js.map +1 -1
  205. package/dist/skeleton.js +122 -0
  206. package/dist/skeleton.js.map +1 -0
  207. package/dist/slider.js +346 -0
  208. package/dist/slider.js.map +1 -0
  209. package/dist/snackbar.js +335 -0
  210. package/dist/snackbar.js.map +1 -0
  211. package/dist/spinner.js +100 -0
  212. package/dist/spinner.js.map +1 -0
  213. package/dist/split-button.js +10 -5
  214. package/dist/split-button.js.map +1 -1
  215. package/dist/spread-B5cgadZl.js +32 -0
  216. package/dist/spread-B5cgadZl.js.map +1 -0
  217. package/dist/src/__internal/aria/aria.d.ts +98 -0
  218. package/dist/src/__internal/aria/delegate.d.ts +54 -0
  219. package/dist/src/__internal/events/dispatch-hooks.d.ts +80 -0
  220. package/dist/src/__internal/mixins/element-internals.d.ts +40 -0
  221. package/dist/src/__internal/mixins/form-associated.d.ts +174 -0
  222. package/dist/src/__internal/mixins/form-submitter.d.ts +59 -0
  223. package/dist/src/__internal/mixins/hyperlink.d.ts +42 -0
  224. package/dist/src/__internal/mixins/mixin.d.ts +49 -0
  225. package/dist/src/{__utils → __internal/utils}/observe-slot-change.d.ts +1 -0
  226. package/dist/src/accordion/accordion-item.d.ts +3 -1
  227. package/dist/src/accordion/accordion.d.ts +1 -1
  228. package/dist/src/alert/alert.d.ts +43 -0
  229. package/dist/src/alert/index.d.ts +1 -0
  230. package/dist/src/app-bar/app-bar.d.ts +92 -0
  231. package/dist/src/app-bar/index.d.ts +1 -0
  232. package/dist/src/avatar/avatar.d.ts +2 -0
  233. package/dist/src/bottom-sheet/bottom-sheet.d.ts +1 -1
  234. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +1 -0
  235. package/dist/src/button/ButtonTypes.d.ts +5 -0
  236. package/dist/src/button/base-button/base-button.d.ts +18 -0
  237. package/dist/src/button/button/button.d.ts +29 -37
  238. package/dist/src/button/button-group/button-group.d.ts +17 -18
  239. package/dist/src/{fab → button/fab}/fab.d.ts +8 -26
  240. package/dist/src/button/icon-button/icon-button.d.ts +20 -27
  241. package/dist/src/button/index.d.ts +1 -0
  242. package/dist/src/calendar/calendar.d.ts +1 -1
  243. package/dist/src/canvas/canvas.d.ts +1 -1
  244. package/dist/src/card/card.d.ts +5 -6
  245. package/dist/src/chart-bar/chart-bar.d.ts +1 -1
  246. package/dist/src/chart-bar/chart-stacked-bar.d.ts +1 -1
  247. package/dist/src/checkbox/checkbox.d.ts +5 -1
  248. package/dist/src/chip/chip/chip.d.ts +9 -8
  249. package/dist/src/code-highlighter/code-highlighter.d.ts +2 -2
  250. package/dist/src/color-picker/color-picker.d.ts +85 -0
  251. package/dist/src/color-picker/index.d.ts +1 -0
  252. package/dist/src/container/container.d.ts +5 -1
  253. package/dist/src/divider/divider.d.ts +2 -0
  254. package/dist/src/empty-state/empty-state.d.ts +1 -0
  255. package/dist/src/field/field.d.ts +19 -1
  256. package/dist/src/focus-ring/focus-ring.d.ts +3 -7
  257. package/dist/src/html-editor/html-editor.d.ts +1 -1
  258. package/dist/src/icon/icon.d.ts +9 -4
  259. package/dist/src/image/image.d.ts +4 -0
  260. package/dist/src/index.d.ts +8 -6
  261. package/dist/src/item/item.d.ts +19 -29
  262. package/dist/src/link/link.d.ts +1 -1
  263. package/dist/src/list/list-item.d.ts +10 -6
  264. package/dist/src/list/list.d.ts +27 -2
  265. package/dist/src/menu/menu/menu.d.ts +14 -0
  266. package/dist/src/menu/menu-item/menu-item.d.ts +11 -4
  267. package/dist/src/modal/modal.d.ts +1 -1
  268. package/dist/src/navigation-rail/navigation-rail-item.d.ts +5 -4
  269. package/dist/src/navigation-rail/navigation-rail.d.ts +1 -1
  270. package/dist/src/radio/radio.d.ts +5 -0
  271. package/dist/src/ripple/ripple.d.ts +10 -1
  272. package/dist/src/search/search.d.ts +1 -1
  273. package/dist/src/segmented-button/segmented-button-group.d.ts +2 -2
  274. package/dist/src/segmented-button/segmented-button.d.ts +2 -0
  275. package/dist/src/side-sheet/side-sheet.d.ts +1 -1
  276. package/dist/src/skeleton/skeleton.d.ts +1 -0
  277. package/dist/src/slider/slider.d.ts +1 -0
  278. package/dist/src/snackbar/snackbar.d.ts +12 -2
  279. package/dist/src/svg/svg.d.ts +5 -0
  280. package/dist/src/table/table.d.ts +5 -0
  281. package/dist/src/tabs/tab.d.ts +2 -7
  282. package/dist/src/toolbar/toolbar.d.ts +2 -2
  283. package/dist/standalone-Ccq0tWwA.js +32 -0
  284. package/dist/standalone-Ccq0tWwA.js.map +1 -0
  285. package/dist/{state-DwbEjqVk.js → state-DkTK9EGF.js} +2 -2
  286. package/dist/{state-DwbEjqVk.js.map → state-DkTK9EGF.js.map} +1 -1
  287. package/dist/{style-map-DVmWOuYy.js → style-map-BQD5Et1D.js} +2 -2
  288. package/dist/{style-map-DVmWOuYy.js.map → style-map-BQD5Et1D.js.map} +1 -1
  289. package/dist/sub-menu.js +246 -0
  290. package/dist/sub-menu.js.map +1 -0
  291. package/dist/svg.js +273 -0
  292. package/dist/svg.js.map +1 -0
  293. package/dist/tab-group.js +188 -0
  294. package/dist/tab-group.js.map +1 -0
  295. package/dist/tab-panel.js +61 -0
  296. package/dist/tab-panel.js.map +1 -0
  297. package/dist/tab.js +658 -0
  298. package/dist/tab.js.map +1 -0
  299. package/dist/table.js +620 -0
  300. package/dist/table.js.map +1 -0
  301. package/dist/tabs.js +240 -0
  302. package/dist/tabs.js.map +1 -0
  303. package/dist/throttle-C7ZAPqtu.js +24 -0
  304. package/dist/throttle-C7ZAPqtu.js.map +1 -0
  305. package/dist/toolbar.js +9 -5
  306. package/dist/toolbar.js.map +1 -1
  307. package/dist/tooltip.js +270 -0
  308. package/dist/tooltip.js.map +1 -0
  309. package/dist/tsconfig.tsbuildinfo +1 -1
  310. package/dist/{unsafe-html-BsGUjx94.js → unsafe-html-Ct0N2_UU.js} +2 -2
  311. package/dist/{unsafe-html-BsGUjx94.js.map → unsafe-html-Ct0N2_UU.js.map} +1 -1
  312. package/dist/when-DEJm_QN9.js +9 -0
  313. package/dist/when-DEJm_QN9.js.map +1 -0
  314. package/package.json +4 -2
  315. package/readme.md +4 -4
  316. package/scss/mixin.scss +9 -6
  317. package/src/__internal/aria/aria.ts +293 -0
  318. package/src/__internal/aria/delegate.ts +206 -0
  319. package/src/__internal/events/dispatch-hooks.ts +182 -0
  320. package/src/__internal/mixins/element-internals.ts +73 -0
  321. package/src/__internal/mixins/form-associated.ts +295 -0
  322. package/src/__internal/mixins/form-submitter.ts +133 -0
  323. package/src/__internal/mixins/hyperlink.ts +71 -0
  324. package/src/__internal/mixins/mixin.ts +58 -0
  325. package/src/{__utils → __internal/utils}/observe-slot-change.ts +2 -5
  326. package/src/accordion/accordion-item.ts +6 -2
  327. package/src/accordion/accordion.ts +4 -2
  328. package/src/accordion/demo/index.html +95 -90
  329. package/src/alert/alert.scss +82 -0
  330. package/src/{banner/banner.ts → alert/alert.ts} +22 -22
  331. package/src/alert/index.ts +1 -0
  332. package/src/app-bar/app-bar-colors.scss +17 -0
  333. package/src/app-bar/app-bar.scss +165 -0
  334. package/src/app-bar/app-bar.ts +155 -0
  335. package/src/app-bar/index.ts +1 -0
  336. package/src/avatar/avatar.ts +4 -0
  337. package/src/badge/badge.ts +2 -0
  338. package/src/bottom-sheet/bottom-sheet.ts +8 -2
  339. package/src/breadcrumb/breadcrumb/breadcrumb.ts +2 -0
  340. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +3 -0
  341. package/src/button/ButtonTypes.ts +17 -0
  342. package/src/button/base-button/base-button.ts +85 -0
  343. package/src/button/button/button-base.scss +307 -0
  344. package/src/button/button/button-colors.scss +27 -32
  345. package/src/button/button/button-layers.scss +126 -43
  346. package/src/button/button/button-shapes.scss +73 -0
  347. package/src/button/button/button.scss +12 -286
  348. package/src/button/button/button.ts +174 -194
  349. package/src/button/button-group/button-group.scss +43 -36
  350. package/src/button/button-group/button-group.ts +26 -137
  351. package/src/{fab → button/fab}/fab-colors.scss +0 -10
  352. package/src/button/fab/fab-sizes.scss +37 -0
  353. package/src/button/fab/fab.scss +172 -0
  354. package/src/{fab → button/fab}/fab.ts +69 -109
  355. package/src/button/icon-button/icon-button-sizes.scss +18 -3
  356. package/src/button/icon-button/icon-button.scss +5 -0
  357. package/src/button/icon-button/icon-button.ts +111 -141
  358. package/src/button/index.ts +7 -0
  359. package/src/calendar/calendar.ts +2 -2
  360. package/src/canvas/canvas.ts +2 -2
  361. package/src/card/card.scss +21 -8
  362. package/src/card/card.ts +20 -40
  363. package/src/chart-bar/chart-bar.ts +2 -2
  364. package/src/chart-bar/chart-stacked-bar.ts +2 -2
  365. package/src/checkbox/checkbox.ts +12 -4
  366. package/src/chip/chip/chip.scss +1 -1
  367. package/src/chip/chip/chip.ts +35 -55
  368. package/src/chip/demo/index.html +30 -26
  369. package/src/code-editor/code-editor.ts +68 -58
  370. package/src/code-editor/demo/index.html +32 -27
  371. package/src/code-highlighter/code-highlighter.ts +95 -40
  372. package/src/code-highlighter/demo/index.html +24 -21
  373. package/src/color-picker/color-picker.scss +217 -0
  374. package/src/color-picker/color-picker.ts +478 -0
  375. package/src/color-picker/index.ts +1 -0
  376. package/src/container/container.ts +8 -2
  377. package/src/date-picker/date-picker.ts +2 -3
  378. package/src/divider/divider.ts +5 -1
  379. package/src/dropdown-button/demo/index.html +106 -101
  380. package/src/dropdown-button/dropdown-button.ts +1 -1
  381. package/src/elevation/elevation.ts +2 -0
  382. package/src/empty-state/empty-state.ts +3 -0
  383. package/src/field/field.ts +52 -33
  384. package/src/focus-ring/focus-ring.ts +5 -7
  385. package/src/html-editor/html-editor.ts +28 -16
  386. package/src/icon/datasource.ts +1 -1
  387. package/src/icon/icon.ts +27 -15
  388. package/src/image/image.ts +18 -6
  389. package/src/index.ts +25 -6
  390. package/src/input/input.ts +2 -2
  391. package/src/item/item.scss +127 -161
  392. package/src/item/item.ts +69 -323
  393. package/src/link/link.ts +3 -1
  394. package/src/list/list-item.scss +48 -32
  395. package/src/list/list-item.ts +109 -79
  396. package/src/list/list.scss +1 -13
  397. package/src/list/list.ts +170 -5
  398. package/src/{peacock-loader.ts → loader.ts} +95 -79
  399. package/src/menu/menu/menu.scss +15 -26
  400. package/src/menu/menu/menu.ts +20 -9
  401. package/src/menu/menu-item/menu-item.scss +82 -20
  402. package/src/menu/menu-item/menu-item.ts +85 -46
  403. package/src/menu/sub-menu/sub-menu.scss +5 -1
  404. package/src/menu/sub-menu/sub-menu.ts +3 -0
  405. package/src/modal/modal.ts +2 -2
  406. package/src/navigation-rail/navigation-rail-item.scss +25 -8
  407. package/src/navigation-rail/navigation-rail-item.ts +21 -36
  408. package/src/navigation-rail/navigation-rail.scss +25 -21
  409. package/src/navigation-rail/navigation-rail.ts +4 -2
  410. package/src/number-field/number-field.ts +2 -2
  411. package/src/pagination/pagination.ts +2 -0
  412. package/src/popover/popover.ts +3 -3
  413. package/src/radio/radio.ts +13 -5
  414. package/src/ripple/ripple.ts +14 -1
  415. package/src/search/search.ts +3 -3
  416. package/src/segmented-button/segmented-button-group.ts +8 -4
  417. package/src/segmented-button/segmented-button.ts +4 -0
  418. package/src/select/option.ts +2 -0
  419. package/src/side-sheet/side-sheet.ts +3 -3
  420. package/src/sidebar-menu/sidebar-menu-item.scss +12 -6
  421. package/src/sidebar-menu/sidebar-menu-item.ts +3 -2
  422. package/src/skeleton/skeleton.ts +3 -0
  423. package/src/slider/slider.ts +4 -1
  424. package/src/snackbar/snackbar.ts +40 -25
  425. package/src/spinner/spinner.ts +2 -0
  426. package/src/svg/svg.ts +27 -9
  427. package/src/switch/switch.ts +1 -1
  428. package/src/table/table.ts +16 -3
  429. package/src/tabs/demo/index.html +79 -79
  430. package/src/tabs/tab-group.ts +2 -0
  431. package/src/tabs/tab-panel.ts +2 -0
  432. package/src/tabs/tab.scss +4 -4
  433. package/src/tabs/tab.ts +16 -39
  434. package/src/tabs/tabs.ts +2 -0
  435. package/src/textarea/textarea.ts +2 -2
  436. package/src/time-picker/time-picker.ts +2 -2
  437. package/src/toolbar/toolbar.ts +3 -3
  438. package/src/tooltip/tooltip.ts +14 -8
  439. package/src/url-field/url-field.ts +2 -3
  440. package/dist/ButtonConstants-D06bY4uy.js +0 -114
  441. package/dist/ButtonConstants-D06bY4uy.js.map +0 -1
  442. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +0 -1
  443. package/dist/banner.js +0 -186
  444. package/dist/banner.js.map +0 -1
  445. package/dist/button-colors-D7sJyPy8.js +0 -586
  446. package/dist/button-colors-D7sJyPy8.js.map +0 -1
  447. package/dist/icon-CueRR7wx.js +0 -260
  448. package/dist/icon-CueRR7wx.js.map +0 -1
  449. package/dist/icon-button-CAzYr_qr.js +0 -318
  450. package/dist/icon-button-CAzYr_qr.js.map +0 -1
  451. package/dist/navigation-rail-CM_svs5_.js +0 -14184
  452. package/dist/navigation-rail-CM_svs5_.js.map +0 -1
  453. package/dist/observe-slot-change-D8Xg-kSS.js.map +0 -1
  454. package/dist/peacock-loader.js.map +0 -1
  455. package/dist/popover-DUPmMVWS.js.map +0 -1
  456. package/dist/query-QBcUV-L_.js +0 -15
  457. package/dist/query-QBcUV-L_.js.map +0 -1
  458. package/dist/src/banner/banner.d.ts +0 -43
  459. package/dist/src/banner/index.d.ts +0 -1
  460. package/dist/src/button/GroupButtonInterface.d.ts +0 -4
  461. package/src/banner/banner.scss +0 -82
  462. package/src/banner/index.ts +0 -1
  463. package/src/button/GroupButtonInterface.ts +0 -4
  464. package/src/button/button/only-button.scss +0 -13
  465. package/src/fab/fab-sizes.scss +0 -37
  466. package/src/fab/fab.scss +0 -143
  467. /package/dist/src/{__controllers → __internal/controllers}/attachable-controller.d.ts +0 -0
  468. /package/dist/src/{__controllers → __internal/controllers}/floating-controller.d.ts +0 -0
  469. /package/dist/src/{__directive → __internal/directive}/spread.d.ts +0 -0
  470. /package/dist/src/{__mixins → __internal/mixins}/MixinConstructor.d.ts +0 -0
  471. /package/dist/src/{__mixins → __internal/mixins}/NativeButtonMixin.d.ts +0 -0
  472. /package/dist/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.d.ts +0 -0
  473. /package/dist/src/{__utils → __internal/utils}/cache-fetch.d.ts +0 -0
  474. /package/dist/src/{__utils → __internal/utils}/copy-to-clipboard.d.ts +0 -0
  475. /package/dist/src/{__utils → __internal/utils}/dispatch-event-utils.d.ts +0 -0
  476. /package/dist/src/{__utils → __internal/utils}/is-dark-mode.d.ts +0 -0
  477. /package/dist/src/{__utils → __internal/utils}/is-in-viewport.d.ts +0 -0
  478. /package/dist/src/{__utils → __internal/utils}/is-link.d.ts +0 -0
  479. /package/dist/src/{__utils → __internal/utils}/observe-theme-change.d.ts +0 -0
  480. /package/dist/src/{__utils → __internal/utils}/sanitize-svg.d.ts +0 -0
  481. /package/dist/src/{__utils → __internal/utils}/throttle.d.ts +0 -0
  482. /package/dist/src/{fab → button/fab}/index.d.ts +0 -0
  483. /package/dist/src/{peacock-loader.d.ts → loader.d.ts} +0 -0
  484. /package/dist/test/{banner.test.d.ts → alert.test.d.ts} +0 -0
  485. /package/src/{__controllers → __internal/controllers}/attachable-controller.ts +0 -0
  486. /package/src/{__controllers → __internal/controllers}/floating-controller.ts +0 -0
  487. /package/src/{__directive → __internal/directive}/spread.ts +0 -0
  488. /package/src/{__mixins → __internal/mixins}/MixinConstructor.ts +0 -0
  489. /package/src/{__mixins → __internal/mixins}/NativeButtonMixin.ts +0 -0
  490. /package/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.ts +0 -0
  491. /package/src/{__mixins → __internal/mixins}/README.md +0 -0
  492. /package/src/{__utils → __internal/utils}/cache-fetch.ts +0 -0
  493. /package/src/{__utils → __internal/utils}/copy-to-clipboard.ts +0 -0
  494. /package/src/{__utils → __internal/utils}/dispatch-event-utils.ts +0 -0
  495. /package/src/{__utils → __internal/utils}/is-dark-mode.ts +0 -0
  496. /package/src/{__utils → __internal/utils}/is-in-viewport.ts +0 -0
  497. /package/src/{__utils → __internal/utils}/is-link.ts +0 -0
  498. /package/src/{__utils → __internal/utils}/observe-theme-change.ts +0 -0
  499. /package/src/{__utils → __internal/utils}/sanitize-svg.ts +0 -0
  500. /package/src/{__utils → __internal/utils}/throttle.ts +0 -0
  501. /package/src/{fab → button/fab}/index.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- import { BundledLanguage } from 'shiki';
2
+ import type { BundledLanguage } from 'shiki';
3
3
  /**
4
4
  * @label Code Highlighter
5
5
  * @tag wc-code-highlighter
@@ -34,7 +34,7 @@ export declare class CodeHighlighter extends LitElement {
34
34
  firstUpdated(): void;
35
35
  private decode;
36
36
  private __highlightCode;
37
- protected updated(): void;
37
+ protected updated(changed: Map<PropertyKey, unknown>): void;
38
38
  private __handleCopyClick;
39
39
  render(): import("lit-html").TemplateResult<1>;
40
40
  }
@@ -0,0 +1,85 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Color Picker
4
+ * @tag wc-color-picker
5
+ * @rawTag color-picker
6
+ *
7
+ * @summary A color picker component for selecting colors via a hue/saturation/value interface.
8
+ *
9
+ * @overview
10
+ * <p>The color picker presents a 2D saturation–brightness panel with a hue slider below it.
11
+ * An optional alpha slider allows controlling opacity. The current hex value is displayed in
12
+ * an editable text field.</p>
13
+ *
14
+ * @cssprop --color-picker-width - Overall width of the component. Defaults to 240px.
15
+ * @cssprop --color-picker-sv-height - Height of the saturation/brightness panel. Defaults to 160px.
16
+ *
17
+ * @fires {CustomEvent<{value: string, alpha: number}>} input - Dispatched continuously while the color is being changed.
18
+ * @fires {CustomEvent<{value: string, alpha: number}>} change - Dispatched when a color change is committed (pointer up, key, or input blur).
19
+ *
20
+ * @example
21
+ * ```html
22
+ * <wc-color-picker value="#2352d5"></wc-color-picker>
23
+ * ```
24
+ *
25
+ * @example
26
+ * ```html
27
+ * <wc-color-picker value="#ff573380" alpha></wc-color-picker>
28
+ * ```
29
+ */
30
+ export declare class ColorPicker extends LitElement {
31
+ static styles: import("lit").CSSResultGroup[];
32
+ /**
33
+ * The current color as a 6-digit hex string (e.g. `"#ff5733"`).
34
+ */
35
+ value: string;
36
+ /**
37
+ * Whether to show the alpha (opacity) slider and input.
38
+ */
39
+ alpha: boolean;
40
+ /**
41
+ * Whether the color picker is disabled.
42
+ */
43
+ disabled: boolean;
44
+ /** Current hue, 0–360. */
45
+ private _hue;
46
+ /** Current saturation, 0–1 (x-axis of the SV panel). */
47
+ private _sat;
48
+ /** Current brightness (value in HSV), 0–1 (y-axis, 1 = bright). */
49
+ private _bri;
50
+ /** Current opacity, 0–1. */
51
+ private _opacity;
52
+ /** Intermediate value for the hex text input (without `#`). */
53
+ private _hexInput;
54
+ private _svPanel?;
55
+ private _hueTrack?;
56
+ private _alphaTrack?;
57
+ /** Tracks which drag handle is currently active. */
58
+ private _dragging;
59
+ /** The last `value` we set ourselves, used to skip redundant re-syncs in `updated`. */
60
+ private _lastEmittedValue;
61
+ connectedCallback(): void;
62
+ updated(changed: Map<PropertyKey, unknown>): void;
63
+ private _syncFromValue;
64
+ private _computeHex;
65
+ private _emitValue;
66
+ private _onSvPointerDown;
67
+ private _onSvPointerMove;
68
+ private _onSvPointerUp;
69
+ private _updateSv;
70
+ private _onSvKeyDown;
71
+ private _onHuePointerDown;
72
+ private _onHuePointerMove;
73
+ private _onHuePointerUp;
74
+ private _updateHue;
75
+ private _onHueKeyDown;
76
+ private _onAlphaPointerDown;
77
+ private _onAlphaPointerMove;
78
+ private _onAlphaPointerUp;
79
+ private _updateAlpha;
80
+ private _onAlphaKeyDown;
81
+ private _onHexInput;
82
+ private _onHexChange;
83
+ private _onAlphaNumberChange;
84
+ render(): import("lit-html").TemplateResult<1>;
85
+ }
@@ -0,0 +1 @@
1
+ export { ColorPicker } from './color-picker.js';
@@ -15,8 +15,12 @@ type ContainerSize = 'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full';
15
15
  * ```
16
16
  */
17
17
  export declare class Container extends LitElement {
18
- size: ContainerSize;
19
18
  static styles: import("lit").CSSResultGroup[];
19
+ /**
20
+ * Max-width breakpoint of the container.
21
+ * Possible values are `"max"`, `"xl"`, `"lg"`, `"md"`, `"sm"`, `"full"`. Defaults to `"full"`.
22
+ */
23
+ size: ContainerSize;
20
24
  render(): import("lit-html").TemplateResult<1>;
21
25
  }
22
26
  export {};
@@ -20,7 +20,9 @@ import { LitElement } from 'lit';
20
20
  */
21
21
  export declare class Divider extends LitElement {
22
22
  static styles: import("lit").CSSResultGroup[];
23
+ /** When true, renders the divider vertically. Defaults to horizontal. */
23
24
  vertical: boolean;
25
+ /** True when the default slot contains content, used to show the label variant. */
24
26
  slotHasContent: boolean;
25
27
  firstUpdated(): void;
26
28
  render(): import("lit-html").TemplateResult<1>;
@@ -16,6 +16,7 @@ export declare class EmptyState extends LitElement {
16
16
  illustration: 'no-document' | 'page' | 'search';
17
17
  headline: string;
18
18
  description: string;
19
+ /** True when the component width is below 768px; triggers a stacked layout. */
19
20
  private vertical;
20
21
  connectedCallback(): void;
21
22
  disconnectedCallback(): void;
@@ -19,30 +19,48 @@ import { LitElement, nothing } from 'lit';
19
19
  export declare class Field extends LitElement {
20
20
  static shadowRootOptions: ShadowRootInit;
21
21
  static styles: import("lit").CSSResultGroup[];
22
+ /** Label text shown above the field input. */
22
23
  label: string;
24
+ /** Help text (deprecated — prefer `helperText`). */
23
25
  help: string;
26
+ /** When true, marks the field as required and shows a required indicator. */
24
27
  required: boolean;
28
+ /** When true, the field and its slotted input are disabled. */
25
29
  disabled: boolean;
30
+ /** When true, the field and its slotted input are read-only. */
26
31
  readonly: boolean;
32
+ /** When true, renders the field in a loading skeleton state. */
27
33
  skeleton: boolean;
34
+ /** Helper/hint text shown in the field footer. */
28
35
  helperText: string;
36
+ /** When true, the field is in an error state and `errorText` is shown. */
29
37
  error: boolean;
38
+ /** Error message displayed when `error` is true. */
30
39
  errorText: string;
40
+ /** When true, the field is in a warning state and `warningText` is shown. */
31
41
  warning: boolean;
42
+ /** Warning message displayed when `warning` is true. */
32
43
  warningText: string;
44
+ /** Character / word count string displayed at the trailing end of the footer. */
33
45
  textCount: string;
46
+ /** When true, applies focused styling (controlled externally by the slotted input). */
34
47
  focused: boolean;
48
+ /** When true, applies populated styling (controlled externally by the slotted input). */
35
49
  populated: boolean;
50
+ /** Visual variant of the field container. */
36
51
  variant: 'filled' | 'outlined' | 'default';
52
+ /** Reference to the host input element; used to forward click-on-label focus. */
37
53
  host?: HTMLElement;
54
+ /** True when the `field-start` slot contains at least one node. */
38
55
  slotStartHasContent: boolean;
56
+ /** True when the `field-end` slot contains at least one node. */
39
57
  slotEndHasContent: boolean;
40
58
  firstUpdated(): void;
41
59
  __handleClick(): void;
42
60
  __renderInputSlot(): import("lit-html").TemplateResult<1>;
43
61
  __renderFieldHeader(): typeof nothing | import("lit-html").TemplateResult<1>;
44
- render(): import("lit-html").TemplateResult<1>;
45
62
  __renderFieldFooter(): typeof nothing | import("lit-html").TemplateResult<1>;
46
63
  __renderHelperText(): typeof nothing | import("lit-html").TemplateResult<1>;
47
64
  __renderWordCount(): typeof nothing | import("lit-html").TemplateResult<1>;
65
+ render(): import("lit-html").TemplateResult<1>;
48
66
  }
@@ -1,5 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- import { Attachable } from '@/__controllers/attachable-controller.js';
2
+ import { Attachable } from '@/__internal/controllers/attachable-controller.js';
3
3
  declare const HANDLED_BY_FOCUS_RING: unique symbol;
4
4
  interface FocusRingEvent extends Event {
5
5
  [HANDLED_BY_FOCUS_RING]: true;
@@ -19,13 +19,9 @@ interface FocusRingEvent extends Event {
19
19
  */
20
20
  export declare class FocusRing extends LitElement implements Attachable {
21
21
  static styles: import("lit").CSSResultGroup[];
22
- /**
23
- * Makes the focus ring visible.
24
- */
22
+ /** When true, the focus ring is visible. Toggled automatically based on `:focus-visible` state. */
25
23
  visible: boolean;
26
- /**
27
- * Makes the focus ring animate inwards instead of outwards.
28
- */
24
+ /** When true, the ring animates inward instead of outward (for use inside containers). */
29
25
  inward: boolean;
30
26
  get htmlFor(): string | null;
31
27
  set htmlFor(htmlFor: string | null);
@@ -7,7 +7,7 @@ import BaseInput from '../input/BaseInput.js';
7
7
  * @summary A Tiptap-powered HTML editor with visual and source editing modes.
8
8
  * @overview
9
9
  * <p>The HTML Editor provides a rich-text editing experience built on Tiptap.
10
- * It wraps the editable area in a Material 3 styled <code>wc-field</code>,
10
+ * It wraps the editable area in A styled <code>wc-field</code>,
11
11
  * exposes common formatting actions, and includes a segmented switch between
12
12
  * <strong>Visual</strong> and <strong>HTML</strong> source modes.</p>
13
13
  *
@@ -23,19 +23,24 @@ export declare class Icon extends LitElement {
23
23
  * This name corresponds to a specific SVG asset in the icon set.
24
24
  */
25
25
  name?: string;
26
+ /** URL of an external SVG file to fetch and render inline. */
26
27
  src?: string;
28
+ /** Icon library provider. Defaults to `"material-symbols"`. */
27
29
  provider: IconProvider;
30
+ /** Rendered SVG markup, updated after each successful fetch. */
28
31
  private svgContent;
32
+ /** True while an SVG fetch is in-flight. */
29
33
  private loading;
34
+ /** Holds the last fetch error, if any. */
30
35
  private error;
36
+ /** Monotonically incrementing token used to discard stale fetch results. */
31
37
  private _fetchId;
38
+ /** Timer handle for debouncing rapid property changes. */
32
39
  private _debounceTimer;
33
40
  firstUpdated(): void;
34
41
  updated(changedProperties: any): void;
35
- render(): import("lit-html").TemplateResult<1>;
36
42
  private __scheduleUpdate;
37
- /**
38
- * @internal
39
- */
43
+ /** @internal */
40
44
  private __updateSvg;
45
+ render(): import("lit-html").TemplateResult<1>;
41
46
  }
@@ -21,10 +21,14 @@ export declare class Image extends LitElement {
21
21
  imageTitle: string;
22
22
  /** Enable click-to-preview lightbox */
23
23
  preview: boolean;
24
+ /** True when the OS/app theme is dark, used to select `darkSrc`. */
24
25
  private _isDarkMode;
26
+ /** True once the image has entered the viewport and the `<img>` element has been rendered. */
25
27
  private _loaded;
26
28
  private _dialog?;
29
+ /** IntersectionObserver for lazy-loading the image when it enters the viewport. */
27
30
  private _intersectionObserver;
31
+ /** Cleanup function returned by `observeThemeChange`. */
28
32
  private _themeCleanup;
29
33
  connectedCallback(): void;
30
34
  disconnectedCallback(): void;
@@ -5,8 +5,8 @@ export { Divider } from './divider/index.js';
5
5
  export { Clock } from './clock/index.js';
6
6
  export { Elevation } from './elevation/index.js';
7
7
  export { Button, ButtonGroup, IconButton } from './button/index.js';
8
- export { Fab } from './fab/index.js';
9
- export { SegmentedButton, SegmentedButtonGroup } from './segmented-button/index.js';
8
+ export { Fab } from './button/fab/index.js';
9
+ export { SegmentedButton, SegmentedButtonGroup, } from './segmented-button/index.js';
10
10
  export { SplitButton } from './split-button/index.js';
11
11
  export { DropdownButton } from './dropdown-button/index.js';
12
12
  export { FocusRing } from './focus-ring/index.js';
@@ -45,14 +45,15 @@ export { Image } from './image/index.js';
45
45
  export { Svg } from './svg/index.js';
46
46
  export { Tab, TabGroup, TabPanel, Tabs } from './tabs/index.js';
47
47
  export { Slider } from './slider/index.js';
48
+ export { ColorPicker } from './color-picker/index.js';
48
49
  export { ChartDoughnut } from './chart-doughnut/index.js';
49
50
  export { ChartPie } from './chart-pie/index.js';
50
51
  export { ChartBar, ChartStackedBar } from './chart-bar/index.js';
51
52
  export { Table } from './table/index.js';
52
53
  export { Pagination } from './pagination/index.js';
53
- export { SidebarMenu, SidebarMenuItem, SidebarSubMenu } from './sidebar-menu/index.js';
54
+ export { SidebarMenu, SidebarMenuItem, SidebarSubMenu, } from './sidebar-menu/index.js';
54
55
  export { Card } from './card/index.js';
55
- export { Banner } from './banner/index.js';
56
+ export { Alert } from './alert/index.js';
56
57
  export { Notification } from './notification/index.js';
57
58
  export { NotificationManager } from './notification-manager/index.js';
58
59
  export { Snackbar } from './snackbar/index.js';
@@ -65,11 +66,12 @@ export type { SelectOption } from './select/index.js';
65
66
  export { SelectOptionElement } from './select/index.js';
66
67
  export { Search } from './search/index.js';
67
68
  export { Toolbar } from './toolbar/index.js';
69
+ export { AppBar } from './app-bar/index.js';
68
70
  export { NavigationRail, NavigationRailItem } from './navigation-rail/index.js';
69
- export { Calendar, CalendarColumnView, CalendarMonthView } from './calendar/index.js';
71
+ export { Calendar, CalendarColumnView, CalendarMonthView, } from './calendar/index.js';
70
72
  export type { CalendarViewType, EventType } from './calendar/index.js';
71
73
  export { Canvas } from './canvas/index.js';
72
74
  export type { CanvasShape } from './canvas/index.js';
73
75
  export { FlowDesigner, FlowDesignerNode } from './flow-designer/index.js';
74
76
  export type { Workflow, WorkflowNode, WorkflowCommand, PositionedNode, ValidationError, HistoryEntry, EditorState, NodeType, WorkflowChangeEvent, SwimlaneConfig, NodeTemplate, } from './flow-designer/index.js';
75
- export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider } from './condition-builder/index.js';
77
+ export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider, } from './condition-builder/index.js';
@@ -1,20 +1,21 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
+ declare const Item_base: import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<typeof LitElement, import("@/__internal/mixins/element-internals.js").WithElementInternals>>;
3
3
  /**
4
4
  * @label Item
5
5
  * @tag wc-item
6
6
  * @rawTag item
7
7
  *
8
- * @summary A Material 3 item with start, text and end slots.
8
+ * @summary A primitive element used to build higher-level item components such as menu-item, navigation-item, and list-item. Provides start, text, and end slots for flexible content composition.
9
9
  *
10
10
  * @example
11
11
  * ```html
12
- * <wc-item selected>
13
- * <wc-icon slot="start" name="home"></wc-icon>
14
- * <div slot="overline">Overline</div>
15
- * <div slot="headline">Headline</div>
16
- * <div slot="supporting-text">Supporting text</div>
17
- * <div slot="trailing-supporting-text">Trailing</div>
12
+ * <wc-item>
13
+ * <wc-icon slot="start" name="notifications"></wc-icon>
14
+ *
15
+ * <span slot="headline">Notifications</span>
16
+ * <span slot="supporting-text">Manage alerts and reminders</span>
17
+ *
18
+ * <span slot="trailing-supporting-text">3</span>
18
19
  * <wc-icon slot="end" name="chevron_right"></wc-icon>
19
20
  * </wc-item>
20
21
  * ```
@@ -22,28 +23,17 @@ declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructo
22
23
  */
23
24
  export declare class Item extends Item_base {
24
25
  static styles: import("lit").CSSResultGroup[];
25
- static get observedAttributes(): string[];
26
- private readonly __contentObserver;
27
- private __capturedTabIndex?;
28
- private __isCapturingTabIndex;
29
- selected: boolean;
30
- readonly itemElement: HTMLElement | null;
31
- isPressed: boolean;
32
- private __handleSlotChange;
26
+ /**
27
+ * Only needed for SSR.
28
+ *
29
+ * Add this attribute when an item has two lines to avoid a Flash Of Unstyled
30
+ * Content. This attribute is not needed for single line items or items with
31
+ * three or more lines.
32
+ */
33
+ multiline: boolean;
34
+ private readonly textSlots;
33
35
  private __hasNamedSlot;
34
- private __hasDefaultSlot;
35
- connectedCallback(): void;
36
- disconnectedCallback(): void;
37
- attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
38
- focus(): void;
39
- blur(): void;
40
- __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
41
- __handleKeyDown: (event: KeyboardEvent) => void;
42
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
43
- private __getForwardedAttribute;
44
- private __captureHostTabIndex;
45
36
  render(): import("lit-html").TemplateResult<1>;
46
- renderItemElement(cssClasses: any, role: string | undefined, tabIndex: string | undefined, ariaHasPopup: string | undefined, ariaControls: string | undefined, ariaExpanded: string | undefined): import("lit-html").TemplateResult<1>;
47
- renderContent(): import("lit-html").TemplateResult<1>;
37
+ private handleTextSlotChange;
48
38
  }
49
39
  export {};
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
2
+ declare const Link_base: typeof LitElement & import("../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
3
3
  /**
4
4
  * @label Link
5
5
  * @tag wc-link
@@ -1,11 +1,11 @@
1
1
  import { LitElement } from 'lit';
2
- declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
+ declare const ListItem_base: import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<import("../__internal/mixins/mixin.js").MixinReturn<typeof LitElement, import("@/__internal/mixins/element-internals.js").WithElementInternals>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("@/button/base-button/base-button.js").BaseButton>;
3
3
  /**
4
4
  * @label List Item
5
5
  * @tag wc-list-item
6
6
  * @rawTag list-item
7
7
  *
8
- * @summary A Material 3 list item with leading, trailing and content slots.
8
+ * @summary A list item with leading, trailing and content slots.
9
9
  *
10
10
  * @example
11
11
  * ```html
@@ -18,17 +18,21 @@ declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstr
18
18
  * @tags display
19
19
  */
20
20
  export declare class ListItem extends ListItem_base {
21
+ /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
21
22
  static styles: import("lit").CSSResultGroup[];
22
23
  selected: boolean;
24
+ /** When true, renders the list-item in a loading skeleton state. */
25
+ skeleton: boolean;
26
+ actionable: boolean;
23
27
  readonly itemElement: HTMLElement | null;
24
- isPressed: boolean;
28
+ constructor();
25
29
  connectedCallback(): void;
26
30
  focus(): void;
27
31
  blur(): void;
28
32
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
29
- __handleKeyDown: (event: KeyboardEvent) => void;
30
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
33
+ private __hasNamedSlot;
34
+ isClickable(): boolean;
31
35
  render(): import("lit-html").TemplateResult<1>;
32
- renderContent(): import("lit-html").TemplateResult<1>;
36
+ renderContent(clickable: boolean): import("lit-html").TemplateResult<1>;
33
37
  }
34
38
  export {};
@@ -5,7 +5,7 @@ import { ListItem } from './list-item.js';
5
5
  * @tag wc-list
6
6
  * @rawTag list
7
7
  *
8
- * @summary A Material 3 list container for one or more list items.
8
+ * @summary A list container for one or more list items.
9
9
  *
10
10
  * @example
11
11
  * ```html
@@ -15,6 +15,13 @@ import { ListItem } from './list-item.js';
15
15
  * Inbox
16
16
  * <span slot="trailing">24</span>
17
17
  * </wc-list-item>
18
+ * <wc-list-item>
19
+ * <wc-avatar slot="leading" name="Shivaji Varma"></wc-avatar>
20
+ * Shivaji Varma
21
+ * <span slot="supporting-text">Software Engineer</span>
22
+ * <span slot="trailing-supporting-text">7</span>
23
+ * <wc-icon slot="trailing" name="chevron_right"></wc-icon>
24
+ * </wc-list-item>
18
25
  * </wc-list>
19
26
  * ```
20
27
  * @tags display
@@ -22,7 +29,25 @@ import { ListItem } from './list-item.js';
22
29
  export declare class List extends LitElement {
23
30
  static styles: import("lit").CSSResultGroup[];
24
31
  static Item: typeof ListItem;
25
- variant: 'standard' | 'vibrant';
32
+ /** */
33
+ variant: 'standard' | 'segmented';
34
+ /** Index of the currently active item within the clickable items list. */
35
+ private activeIndex;
26
36
  connectedCallback(): void;
37
+ disconnectedCallback(): void;
38
+ focus(): void;
39
+ get items(): ListItem[];
40
+ private _clickableItems;
41
+ private _syncRovingTabIndex;
42
+ private _setActiveByOffset;
43
+ private _setBoundaryActive;
44
+ private _getActiveItem;
45
+ private _getFirstClickableItem;
46
+ private _isEventFromThisList;
47
+ private _clickableItemFromEvent;
48
+ private _setActiveItem;
49
+ private _onKeyDown;
50
+ private _onClick;
51
+ private _onSlotChange;
27
52
  render(): import("lit-html").TemplateResult<1>;
28
53
  }
@@ -31,20 +31,34 @@ type CloseReason = {
31
31
  export declare class Menu extends LitElement {
32
32
  static styles: import("lit").CSSResultGroup[];
33
33
  static Item: typeof MenuItem;
34
+ /** Whether the menu is currently visible. */
34
35
  open: boolean;
36
+ /** Visual variant of the menu. `"vibrant"` applies stronger color emphasis. */
35
37
  variant: 'standard' | 'vibrant';
38
+ /** ID of the anchor element the menu is positioned relative to. */
36
39
  anchor: string;
40
+ /** When true, renders the menu in a static preview state (always visible, no animation). */
37
41
  preview: boolean;
42
+ /** When true, the menu will not close when a click occurs outside it. */
38
43
  stayOpenOnOutsideClick: boolean;
44
+ /** When true, the menu will not close when focus leaves it. */
39
45
  stayOpenOnFocusout: boolean;
46
+ /** Set to true when this menu is being used as a submenu inside another menu. */
40
47
  isSubmenu: boolean;
48
+ /** Floating UI placement of the menu relative to its anchor. */
41
49
  placement: Placement;
50
+ /** Distance in pixels between the menu and its anchor element. */
42
51
  offset: number;
52
+ /** Index of the currently focused/active item within the enabled items list. */
43
53
  private activeIndex;
44
54
  private readonly menuListElement;
55
+ /** Direct reference to the anchor element; takes precedence over the `anchor` ID property. */
45
56
  anchorElement: HTMLElement | null;
57
+ /** Controller managing floating-UI positioning. */
46
58
  private readonly _floatingController;
59
+ /** Element that had focus before the menu opened; restored on close. */
47
60
  private _lastFocusedElement;
61
+ /** Reason that triggered the most recent close, included in the `closed` event detail. */
48
62
  private _closeReason;
49
63
  connectedCallback(): void;
50
64
  disconnectedCallback(): void;
@@ -1,6 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- import { Item } from '@/item/item.js';
3
- declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
+ declare const MenuItem_base: typeof LitElement & import("../../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeButtonMixin.js").NativeButtonInterface>;
4
3
  /**
5
4
  * @label Menu Item
6
5
  * @tag wc-menu-item
@@ -14,15 +13,23 @@ declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinCon
14
13
  * ```
15
14
  */
16
15
  export declare class MenuItem extends MenuItem_base {
16
+ static styles: import("lit").CSSResultGroup[];
17
+ /** The value associated with this menu item, used to identify it on selection. */
17
18
  value: string;
19
+ /** Whether this menu item is currently selected/highlighted. */
18
20
  selected: boolean;
21
+ /** When true, the menu stays open after this item is activated. */
19
22
  keepOpen: boolean;
23
+ /** When true, indicates this item has an associated submenu. */
20
24
  hasSubmenu: boolean;
25
+ /** Whether the associated submenu is currently open. */
21
26
  submenuOpen: boolean;
27
+ /** Visual variant of the menu item. */
22
28
  variant: 'standard' | 'vibrant';
23
- static styles: import("lit").CSSResultGroup[];
24
- readonly itemElement: Item | null;
29
+ readonly itemElement: HTMLElement | null;
30
+ /** MutationObserver that triggers re-render when slotted content changes. */
25
31
  private readonly _contentObserver;
32
+ /** Roving tabindex value managed by the parent Menu. */
26
33
  private _rovingTabIndex;
27
34
  connectedCallback(): void;
28
35
  disconnectedCallback(): void;
@@ -4,7 +4,7 @@ type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'fullscreen';
4
4
  * @label Modal
5
5
  * @tag wc-modal
6
6
  * @rawTag modal
7
- * @summary A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
7
+ * @summary A dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
8
8
  *
9
9
  * @cssprop --modal-container-color - Background color of the dialog container.
10
10
  * @cssprop --modal-scrim-color - Color of the scrim backdrop.
@@ -34,18 +34,19 @@ export declare class NavigationRailItem extends LitElement {
34
34
  value?: string;
35
35
  /** Reason the item is disabled (shown to screen readers). */
36
36
  disabledReason: string;
37
- /** Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds. */
38
- throttleDelay: number;
39
- private _isPressed;
37
+ /** Sets the delay for throttle in milliseconds. When null (default), no throttle is applied. */
38
+ throttleDelay: number | null;
39
+ /** True when the default slot contains label content. */
40
40
  private _hasLabel;
41
+ /** True when the `active-icon` slot contains content. */
41
42
  private _hasActiveIcon;
42
43
  readonly itemElement: HTMLElement | null;
44
+ constructor();
43
45
  focus(): void;
44
46
  blur(): void;
45
47
  firstUpdated(): void;
46
48
  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
47
49
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
48
- __handlePress: (event: KeyboardEvent | MouseEvent) => void;
49
50
  __getDisabledReasonID(): string | typeof nothing;
50
51
  __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
51
52
  __renderItemContent(): import("lit-html").TemplateResult<1>;
@@ -5,7 +5,7 @@ import { NavigationRailItem } from './navigation-rail-item.js';
5
5
  * @tag wc-navigation-rail
6
6
  * @rawTag navigation-rail
7
7
  *
8
- * @summary A vertical side navigation for medium-sized screens, following Material Design 3 specs.
8
+ * @summary A vertical side navigation for medium-sized screens,.
9
9
  * @overview
10
10
  * <p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>
11
11
  * <p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>
@@ -35,12 +35,17 @@ export declare class Radio extends LitElement {
35
35
  * Configuration object for aria attributes.
36
36
  */
37
37
  configAria: Record<string, string>;
38
+ /** True while the radio container has keyboard focus. */
38
39
  private hasFocus;
40
+ /** True while the user is actively pressing the radio (mouse/keyboard). */
39
41
  private isActive;
42
+ /** True when slotted label content or `label` property is present. */
40
43
  private slotHasContent;
44
+ /** True for the one radio in the group that should receive tab focus (roving tabindex). */
41
45
  private isGroupFocusTarget;
42
46
  private containerElement?;
43
47
  private nativeElement?;
48
+ /** Captured `tabindex` attribute value forwarded to the inner container. */
44
49
  private tabindex?;
45
50
  connectedCallback(): void;
46
51
  disconnectedCallback(): void;