@redvars/peacock 3.5.0 → 3.6.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 (314) hide show
  1. package/dist/BaseButton-BNFAYn-S.js +219 -0
  2. package/dist/BaseButton-BNFAYn-S.js.map +1 -0
  3. package/dist/BaseHyperlinkMixin-BNuwbiEf.js +65 -0
  4. package/dist/BaseHyperlinkMixin-BNuwbiEf.js.map +1 -0
  5. package/dist/BaseInput-14YmcfK7.js +27 -0
  6. package/dist/BaseInput-14YmcfK7.js.map +1 -0
  7. package/dist/assets/components.css +1 -1
  8. package/dist/assets/components.css.map +1 -1
  9. package/dist/assets/styles.css +1 -1
  10. package/dist/assets/styles.css.map +1 -1
  11. package/dist/banner.js +14 -30
  12. package/dist/banner.js.map +1 -1
  13. package/dist/{button-DMN1dPAg.js → button-colors-Ccys3hvS.js} +5 -468
  14. package/dist/button-colors-Ccys3hvS.js.map +1 -0
  15. package/dist/button-group.js +228 -8
  16. package/dist/button-group.js.map +1 -1
  17. package/dist/button.js +294 -8
  18. package/dist/button.js.map +1 -1
  19. package/dist/calendar-column-view.js +634 -0
  20. package/dist/calendar-column-view.js.map +1 -0
  21. package/dist/calendar-event-BrQ_SEKD.js +199 -0
  22. package/dist/calendar-event-BrQ_SEKD.js.map +1 -0
  23. package/dist/calendar-month-view.js +376 -0
  24. package/dist/calendar-month-view.js.map +1 -0
  25. package/dist/calendar.js +339 -0
  26. package/dist/calendar.js.map +1 -0
  27. package/dist/canvas.js +361 -0
  28. package/dist/canvas.js.map +1 -0
  29. package/dist/card.js +18 -73
  30. package/dist/card.js.map +1 -1
  31. package/dist/cb-compound-expression.js +125 -0
  32. package/dist/cb-compound-expression.js.map +1 -0
  33. package/dist/cb-divider.js +150 -0
  34. package/dist/cb-divider.js.map +1 -0
  35. package/dist/cb-expression.js +75 -0
  36. package/dist/cb-expression.js.map +1 -0
  37. package/dist/cb-predicate.js +137 -0
  38. package/dist/cb-predicate.js.map +1 -0
  39. package/dist/chart-bar.js.map +1 -1
  40. package/dist/chart-doughnut.js +2 -2
  41. package/dist/chart-doughnut.js.map +1 -1
  42. package/dist/chart-pie.js +2 -2
  43. package/dist/chart-pie.js.map +1 -1
  44. package/dist/chart-stacked-bar.js.map +1 -1
  45. package/dist/code-editor.js +2 -1
  46. package/dist/code-editor.js.map +1 -1
  47. package/dist/code-highlighter.js +2 -1
  48. package/dist/code-highlighter.js.map +1 -1
  49. package/dist/condition-builder.js +58 -0
  50. package/dist/condition-builder.js.map +1 -0
  51. package/dist/custom-elements-jsdocs.json +10860 -5567
  52. package/dist/custom-elements.json +16180 -7996
  53. package/dist/dropdown-button.js +216 -0
  54. package/dist/dropdown-button.js.map +1 -0
  55. package/dist/event-manager-D-QCmUgR.js +113 -0
  56. package/dist/event-manager-D-QCmUgR.js.map +1 -0
  57. package/dist/fab.js +421 -9
  58. package/dist/fab.js.map +1 -1
  59. package/dist/flow-designer-dZnLJOQT.js +1656 -0
  60. package/dist/flow-designer-dZnLJOQT.js.map +1 -0
  61. package/dist/flow-designer-node-XMe-jlKg.js +548 -0
  62. package/dist/flow-designer-node-XMe-jlKg.js.map +1 -0
  63. package/dist/flow-designer-node.js +4 -0
  64. package/dist/flow-designer-node.js.map +1 -0
  65. package/dist/flow-designer.js +16 -0
  66. package/dist/flow-designer.js.map +1 -0
  67. package/dist/html-editor.js +358 -0
  68. package/dist/html-editor.js.map +1 -0
  69. package/dist/icon-button-CK1ZuE-2.js +247 -0
  70. package/dist/icon-button-CK1ZuE-2.js.map +1 -0
  71. package/dist/index.js +31 -8
  72. package/dist/index.js.map +1 -1
  73. package/dist/{is-dark-mode-DicqGkCJ.js → is-dark-mode-DOcaw4Yq.js} +2 -27
  74. package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -0
  75. package/dist/modal.js +418 -0
  76. package/dist/modal.js.map +1 -0
  77. package/dist/{select-4pl4XBj7.js → navigation-rail-DyO0oAZU.js} +2000 -2767
  78. package/dist/navigation-rail-DyO0oAZU.js.map +1 -0
  79. package/dist/notification-manager.js +268 -0
  80. package/dist/notification-manager.js.map +1 -0
  81. package/dist/notification.js +3 -2
  82. package/dist/notification.js.map +1 -1
  83. package/dist/peacock-loader.js +102 -14
  84. package/dist/peacock-loader.js.map +1 -1
  85. package/dist/popover-NC7b1lTq.js +1971 -0
  86. package/dist/popover-NC7b1lTq.js.map +1 -0
  87. package/dist/popover-content.js +125 -0
  88. package/dist/popover-content.js.map +1 -0
  89. package/dist/popover.js +4 -0
  90. package/dist/popover.js.map +1 -0
  91. package/dist/search.js +4 -0
  92. package/dist/search.js.map +1 -1
  93. package/dist/split-button.js +388 -0
  94. package/dist/split-button.js.map +1 -0
  95. package/dist/src/__controllers/floating-controller.d.ts +35 -0
  96. package/dist/src/__mixins/BaseButtonMixin.d.ts +20 -0
  97. package/dist/src/__mixins/BaseHyperlinkMixin.d.ts +18 -0
  98. package/dist/src/__mixins/MixinConstructor.d.ts +1 -0
  99. package/dist/src/banner/banner.d.ts +0 -4
  100. package/dist/src/button/BaseButton.d.ts +4 -47
  101. package/dist/src/button/button/button.d.ts +32 -3
  102. package/dist/src/button/button-group/button-group.d.ts +2 -2
  103. package/dist/src/button/icon-button/icon-button.d.ts +33 -8
  104. package/dist/src/calendar/base-event.d.ts +10 -0
  105. package/dist/src/calendar/calendar-column-view.d.ts +41 -0
  106. package/dist/src/calendar/calendar-event.d.ts +7 -0
  107. package/dist/src/calendar/calendar-month-view.d.ts +31 -0
  108. package/dist/src/calendar/calendar.d.ts +65 -0
  109. package/dist/src/calendar/event-manager.d.ts +17 -0
  110. package/dist/src/calendar/index.d.ts +4 -0
  111. package/dist/src/calendar/types.d.ts +13 -0
  112. package/dist/src/calendar/utils.d.ts +31 -0
  113. package/dist/src/canvas/canvas.d.ts +92 -0
  114. package/dist/src/canvas/index.d.ts +2 -0
  115. package/dist/src/card/card.d.ts +4 -15
  116. package/dist/src/condition-builder/cb-compound-expression.d.ts +31 -0
  117. package/dist/src/condition-builder/cb-divider.d.ts +26 -0
  118. package/dist/src/condition-builder/cb-expression.d.ts +31 -0
  119. package/dist/src/condition-builder/cb-predicate.d.ts +30 -0
  120. package/dist/src/condition-builder/condition-builder.d.ts +27 -0
  121. package/dist/src/condition-builder/index.d.ts +5 -0
  122. package/dist/src/dropdown-button/dropdown-button.d.ts +68 -0
  123. package/dist/src/dropdown-button/index.d.ts +1 -0
  124. package/dist/src/fab/fab.d.ts +4 -35
  125. package/dist/src/flow-designer/commands.d.ts +66 -0
  126. package/dist/src/flow-designer/flow-designer-node.d.ts +46 -0
  127. package/dist/src/flow-designer/flow-designer.d.ts +133 -0
  128. package/dist/src/flow-designer/index.d.ts +7 -0
  129. package/dist/src/flow-designer/layout.d.ts +30 -0
  130. package/dist/src/flow-designer/types.d.ts +142 -0
  131. package/dist/src/flow-designer/validation.d.ts +43 -0
  132. package/dist/src/flow-designer/workflow-utils.d.ts +40 -0
  133. package/dist/src/focus-ring/focus-ring.d.ts +11 -5
  134. package/dist/src/html-editor/html-editor.d.ts +56 -0
  135. package/dist/src/html-editor/index.d.ts +2 -0
  136. package/dist/src/index.d.ts +16 -1
  137. package/dist/src/link/link.d.ts +1 -1
  138. package/dist/src/menu/menu/menu.d.ts +5 -7
  139. package/dist/src/menu/menu-item/menu-item.d.ts +14 -13
  140. package/dist/src/modal/index.d.ts +1 -0
  141. package/dist/src/modal/modal.d.ts +63 -0
  142. package/dist/src/navigation-rail/index.d.ts +2 -0
  143. package/dist/src/navigation-rail/navigation-rail-item.d.ts +55 -0
  144. package/dist/src/navigation-rail/navigation-rail.d.ts +71 -0
  145. package/dist/src/notification-manager/index.d.ts +1 -0
  146. package/dist/src/notification-manager/notification-manager.d.ts +44 -0
  147. package/dist/src/popover/index.d.ts +2 -0
  148. package/dist/src/popover/popover-content.d.ts +29 -0
  149. package/dist/src/popover/popover.d.ts +62 -0
  150. package/dist/src/sidebar-menu/index.d.ts +3 -0
  151. package/dist/src/sidebar-menu/sidebar-menu-item.d.ts +58 -0
  152. package/dist/src/sidebar-menu/sidebar-menu.d.ts +38 -0
  153. package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts +35 -0
  154. package/dist/src/split-button/index.d.ts +1 -0
  155. package/dist/src/split-button/split-button.d.ts +72 -0
  156. package/dist/src/toolbar/toolbar.d.ts +10 -10
  157. package/dist/src/tooltip/tooltip.d.ts +5 -15
  158. package/dist/src/url-field/index.d.ts +1 -0
  159. package/dist/src/url-field/url-field.d.ts +48 -0
  160. package/dist/test/flow-designer.test.d.ts +1 -0
  161. package/dist/test/sidebar-menu.test.d.ts +1 -0
  162. package/dist/toolbar.js +10 -10
  163. package/dist/toolbar.js.map +1 -1
  164. package/dist/tsconfig.tsbuildinfo +1 -1
  165. package/package.json +4 -2
  166. package/readme.md +73 -65
  167. package/scss/mixin.scss +16 -0
  168. package/src/__controllers/floating-controller.ts +237 -0
  169. package/src/__mixins/BaseButtonMixin.ts +83 -0
  170. package/src/__mixins/BaseHyperlinkMixin.ts +68 -0
  171. package/src/__mixins/MixinConstructor.ts +1 -0
  172. package/src/{__base_element → __mixins}/README.md +2 -2
  173. package/src/banner/banner.scss +20 -25
  174. package/src/banner/banner.ts +1 -7
  175. package/src/button/BaseButton.ts +11 -100
  176. package/src/button/button/button-sizes.scss +4 -2
  177. package/src/button/button/button.ts +77 -23
  178. package/src/button/button-group/button-group.ts +2 -2
  179. package/src/button/icon-button/icon-button.ts +75 -33
  180. package/src/calendar/base-event.ts +49 -0
  181. package/src/calendar/calendar-column-view.scss +326 -0
  182. package/src/calendar/calendar-column-view.ts +392 -0
  183. package/src/calendar/calendar-event.ts +20 -0
  184. package/src/calendar/calendar-month-view.scss +192 -0
  185. package/src/calendar/calendar-month-view.ts +244 -0
  186. package/src/calendar/calendar.scss +71 -0
  187. package/src/calendar/calendar.ts +298 -0
  188. package/src/calendar/event-manager.ts +117 -0
  189. package/src/calendar/index.ts +4 -0
  190. package/src/calendar/types.ts +14 -0
  191. package/src/calendar/utils.ts +180 -0
  192. package/src/canvas/canvas.scss +60 -0
  193. package/src/canvas/canvas.ts +391 -0
  194. package/src/canvas/index.ts +2 -0
  195. package/src/card/card.ts +11 -71
  196. package/src/chart-bar/chart-bar.ts +9 -14
  197. package/src/chart-bar/chart-stacked-bar.ts +12 -18
  198. package/src/chart-doughnut/chart-doughnut.ts +23 -27
  199. package/src/chart-pie/chart-pie.ts +19 -23
  200. package/src/checkbox/checkbox.scss +17 -34
  201. package/src/checkbox/checkbox.ts +3 -1
  202. package/src/code-highlighter/code-highlighter.scss +1 -0
  203. package/src/code-highlighter/code-highlighter.ts +1 -1
  204. package/src/condition-builder/cb-compound-expression.scss +37 -0
  205. package/src/condition-builder/cb-compound-expression.ts +80 -0
  206. package/src/condition-builder/cb-divider.scss +93 -0
  207. package/src/condition-builder/cb-divider.ts +56 -0
  208. package/src/condition-builder/cb-expression.scss +14 -0
  209. package/src/condition-builder/cb-expression.ts +49 -0
  210. package/src/condition-builder/cb-predicate.scss +35 -0
  211. package/src/condition-builder/cb-predicate.ts +102 -0
  212. package/src/condition-builder/condition-builder.scss +13 -0
  213. package/src/condition-builder/condition-builder.ts +38 -0
  214. package/src/condition-builder/index.ts +5 -0
  215. package/src/date-picker/date-picker.ts +1 -1
  216. package/src/dropdown-button/demo/index.html +110 -0
  217. package/src/dropdown-button/dropdown-button.scss +22 -0
  218. package/src/dropdown-button/dropdown-button.ts +206 -0
  219. package/src/dropdown-button/index.ts +1 -0
  220. package/src/elevation/elevation.scss +5 -5
  221. package/src/fab/fab.ts +29 -100
  222. package/src/flow-designer/DEMO.md +239 -0
  223. package/src/flow-designer/commands.ts +278 -0
  224. package/src/flow-designer/flow-designer-node.ts +172 -0
  225. package/src/flow-designer/flow-designer.scss +457 -0
  226. package/src/flow-designer/flow-designer.ts +611 -0
  227. package/src/flow-designer/index.ts +41 -0
  228. package/src/flow-designer/layout.ts +357 -0
  229. package/src/flow-designer/types.ts +166 -0
  230. package/src/flow-designer/validation.ts +284 -0
  231. package/src/flow-designer/workflow-utils.ts +282 -0
  232. package/src/focus-ring/focus-ring.ts +47 -40
  233. package/src/html-editor/html-editor.scss +146 -0
  234. package/src/html-editor/html-editor.ts +276 -0
  235. package/src/html-editor/index.ts +3 -0
  236. package/src/index.ts +28 -1
  237. package/src/input/input.ts +3 -1
  238. package/src/link/link.ts +2 -2
  239. package/src/menu/menu/menu.scss +2 -2
  240. package/src/menu/menu/menu.ts +91 -101
  241. package/src/menu/menu-item/menu-item.scss +4 -0
  242. package/src/menu/menu-item/menu-item.ts +85 -79
  243. package/src/modal/index.ts +1 -0
  244. package/src/modal/modal.scss +206 -0
  245. package/src/modal/modal.ts +201 -0
  246. package/src/navigation-rail/index.ts +2 -0
  247. package/src/navigation-rail/navigation-rail-item.scss +216 -0
  248. package/src/navigation-rail/navigation-rail-item.ts +223 -0
  249. package/src/navigation-rail/navigation-rail.scss +72 -0
  250. package/src/navigation-rail/navigation-rail.ts +149 -0
  251. package/src/notification/notification.ts +3 -2
  252. package/src/notification-manager/index.ts +1 -0
  253. package/src/notification-manager/notification-manager.scss +113 -0
  254. package/src/notification-manager/notification-manager.ts +199 -0
  255. package/src/number-field/number-field.ts +6 -4
  256. package/src/pagination/pagination.ts +6 -4
  257. package/src/peacock-loader.ts +93 -5
  258. package/src/popover/index.ts +2 -0
  259. package/src/popover/popover-content.scss +69 -0
  260. package/src/popover/popover-content.ts +51 -0
  261. package/src/popover/popover.scss +7 -0
  262. package/src/popover/popover.ts +170 -0
  263. package/src/search/search.ts +4 -0
  264. package/src/sidebar-menu/demo/index.html +68 -0
  265. package/src/sidebar-menu/index.ts +3 -0
  266. package/src/sidebar-menu/sidebar-menu-item.scss +102 -0
  267. package/src/sidebar-menu/sidebar-menu-item.ts +151 -0
  268. package/src/{tree-view/tree-view.scss → sidebar-menu/sidebar-menu.scss} +1 -1
  269. package/src/sidebar-menu/sidebar-menu.ts +182 -0
  270. package/src/sidebar-menu/sidebar-sub-menu.scss +130 -0
  271. package/src/sidebar-menu/sidebar-sub-menu.ts +160 -0
  272. package/src/skeleton/skeleton.scss +18 -24
  273. package/src/snackbar/snackbar.ts +1 -1
  274. package/src/split-button/index.ts +1 -0
  275. package/src/split-button/split-button-colors.scss +56 -0
  276. package/src/split-button/split-button-sizes.scss +28 -0
  277. package/src/split-button/split-button.scss +79 -0
  278. package/src/split-button/split-button.ts +236 -0
  279. package/src/table/table.ts +2 -2
  280. package/src/tabs/tab.ts +4 -3
  281. package/src/text/text.css-component.scss +7 -1
  282. package/src/time-picker/time-picker.ts +1 -1
  283. package/src/toolbar/toolbar.ts +10 -10
  284. package/src/tooltip/tooltip.scss +4 -3
  285. package/src/tooltip/tooltip.ts +64 -98
  286. package/src/url-field/index.ts +1 -0
  287. package/src/url-field/url-field.scss +50 -0
  288. package/src/url-field/url-field.ts +239 -0
  289. package/dist/button-DMN1dPAg.js.map +0 -1
  290. package/dist/button-group-CX9CUUXk.js +0 -435
  291. package/dist/button-group-CX9CUUXk.js.map +0 -1
  292. package/dist/fab-C5Nzxk0E.js +0 -497
  293. package/dist/fab-C5Nzxk0E.js.map +0 -1
  294. package/dist/is-dark-mode-DicqGkCJ.js.map +0 -1
  295. package/dist/select-4pl4XBj7.js.map +0 -1
  296. package/dist/spread-B5cgadZl.js +0 -32
  297. package/dist/spread-B5cgadZl.js.map +0 -1
  298. package/dist/src/__base_element/BaseHyperlink.d.ts +0 -20
  299. package/dist/src/menu/menu/MenuSurfaceController.d.ts +0 -18
  300. package/dist/src/tree-view/index.d.ts +0 -2
  301. package/dist/src/tree-view/tree-node.d.ts +0 -69
  302. package/dist/src/tree-view/tree-view.d.ts +0 -40
  303. package/dist/src/tree-view/wc-tree-view.d.ts +0 -6
  304. package/dist/test/tree-view.test.d.ts +0 -1
  305. package/dist/throttle-C7ZAPqtu.js +0 -24
  306. package/dist/throttle-C7ZAPqtu.js.map +0 -1
  307. package/src/__base_element/BaseHyperlink.ts +0 -42
  308. package/src/menu/menu/MenuSurfaceController.ts +0 -61
  309. package/src/tree-view/demo/index.html +0 -57
  310. package/src/tree-view/index.ts +0 -2
  311. package/src/tree-view/tree-node.scss +0 -101
  312. package/src/tree-view/tree-node.ts +0 -268
  313. package/src/tree-view/tree-view.ts +0 -182
  314. package/src/tree-view/wc-tree-view.ts +0 -9
@@ -7,6 +7,8 @@ export { Elevation } from './elevation/index.js';
7
7
  export { Button, ButtonGroup, IconButton } from './button/index.js';
8
8
  export { Fab } from './fab/index.js';
9
9
  export { SegmentedButton, SegmentedButtonGroup } from './segmented-button/index.js';
10
+ export { SplitButton } from './split-button/index.js';
11
+ export { DropdownButton } from './dropdown-button/index.js';
10
12
  export { FocusRing } from './focus-ring/index.js';
11
13
  export { Ripple } from './ripple/index.js';
12
14
  export { Accordion } from './accordion/index.js';
@@ -17,6 +19,7 @@ export { LinearProgress } from './progress/linear-progress/index.js';
17
19
  export { CircularProgress } from './progress/circular-progress/index.js';
18
20
  export { Skeleton } from './skeleton/index.js';
19
21
  export { Input } from './input/index.js';
22
+ export { UrlField } from './url-field/index.js';
20
23
  export { Field } from './field/index.js';
21
24
  export { NumberField } from './number-field/index.js';
22
25
  export { DatePicker } from './date-picker/index.js';
@@ -29,10 +32,12 @@ export { Container } from './container/index.js';
29
32
  export { NumberCounter } from './number-counter/index.js';
30
33
  export { EmptyState } from './empty-state/index.js';
31
34
  export { Tooltip } from './popover/index.js';
35
+ export { Popover, PopoverContent } from './popover/index.js';
32
36
  export { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';
33
37
  export { Menu, MenuItem, SubMenu } from './menu/index.js';
34
38
  export { CodeHighlighter } from './code-highlighter/index.js';
35
39
  export { CodeEditor } from './code-editor/index.js';
40
+ export { HtmlEditor } from './html-editor/index.js';
36
41
  export { Image } from './image/index.js';
37
42
  export { Tab, TabGroup, TabPanel, Tabs } from './tabs/index.js';
38
43
  export { Slider } from './slider/index.js';
@@ -41,12 +46,14 @@ export { ChartPie } from './chart-pie/index.js';
41
46
  export { ChartBar, ChartStackedBar } from './chart-bar/index.js';
42
47
  export { Table } from './table/index.js';
43
48
  export { Pagination } from './pagination/index.js';
44
- export { TreeView, TreeNode } from './tree-view/index.js';
49
+ export { SidebarMenu, SidebarMenuItem, SidebarSubMenu } from './sidebar-menu/index.js';
45
50
  export { Card } from './card/index.js';
46
51
  export { Banner } from './banner/index.js';
47
52
  export { Notification } from './notification/index.js';
53
+ export { NotificationManager } from './notification-manager/index.js';
48
54
  export { Snackbar } from './snackbar/index.js';
49
55
  export { Radio } from './radio/index.js';
56
+ export { Modal } from './modal/index.js';
50
57
  export { BottomSheet } from './bottom-sheet/index.js';
51
58
  export { SideSheet } from './side-sheet/index.js';
52
59
  export { Select } from './select/index.js';
@@ -54,3 +61,11 @@ export type { SelectOption } from './select/index.js';
54
61
  export { SelectOptionElement } from './select/index.js';
55
62
  export { Search } from './search/index.js';
56
63
  export { Toolbar } from './toolbar/index.js';
64
+ export { NavigationRail, NavigationRailItem } from './navigation-rail/index.js';
65
+ export { Calendar, CalendarColumnView, CalendarMonthView } from './calendar/index.js';
66
+ export type { CalendarViewType, EventType } from './calendar/index.js';
67
+ export { Canvas } from './canvas/index.js';
68
+ export type { CanvasShape } from './canvas/index.js';
69
+ export { FlowDesigner, FlowDesignerNode } from './flow-designer/index.js';
70
+ export type { Workflow, WorkflowNode, WorkflowCommand, PositionedNode, ValidationError, HistoryEntry, EditorState, NodeType, WorkflowChangeEvent, SwimlaneConfig, NodeTemplate, } from './flow-designer/index.js';
71
+ export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider } from './condition-builder/index.js';
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Link_base: typeof LitElement & (new (...args: any[]) => import("../__base_element/BaseHyperlink.js").BaseHyperlinkInterface);
2
+ declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("../__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
3
3
  /**
4
4
  * @label Link
5
5
  * @tag wc-link
@@ -43,7 +43,7 @@ export declare class Menu extends LitElement {
43
43
  private activeIndex;
44
44
  private readonly menuListElement;
45
45
  anchorElement: HTMLElement | null;
46
- private readonly _surfaceController;
46
+ private readonly _floatingController;
47
47
  private _lastFocusedElement;
48
48
  private _closeReason;
49
49
  connectedCallback(): void;
@@ -60,13 +60,11 @@ export declare class Menu extends LitElement {
60
60
  private _setBoundaryActive;
61
61
  private _getActiveItem;
62
62
  private _getFirstEnabledItem;
63
- private _ownsKeyboardEvent;
64
- private _onItemActivate;
65
- private _onItemRequestClose;
63
+ private _isEventFromThisMenu;
64
+ private _ownedItemFromEvent;
65
+ private _setActiveItem;
66
+ private _onClick;
66
67
  private _onKeyDown;
67
- private _onWindowClick;
68
- private _isWithinMenuTree;
69
- private _onFocusOut;
70
68
  private _onSlotChange;
71
69
  private _applyPositioning;
72
70
  protected updated(changedProperties: Map<string, unknown>): void;
@@ -1,4 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
+ declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
2
3
  /**
3
4
  * @label Menu Item
4
5
  * @tag wc-menu-item
@@ -12,28 +13,28 @@ import { LitElement } from 'lit';
12
13
  * <wc-menu-item>Menu Item</wc-menu-item>
13
14
  * ```
14
15
  */
15
- export declare class MenuItem extends LitElement {
16
- disabled: boolean;
16
+ export declare class MenuItem extends MenuItem_base {
17
17
  value: string;
18
18
  selected: boolean;
19
19
  keepOpen: boolean;
20
20
  hasSubmenu: boolean;
21
21
  submenuOpen: boolean;
22
- href?: string;
23
- /**
24
- * Sets or retrieves the window or frame at which to target content.
25
- */
26
- target: string;
27
22
  variant: 'standard' | 'vibrant';
28
23
  static styles: import("lit").CSSResultGroup[];
24
+ readonly itemElement: HTMLElement | null;
25
+ /**
26
+ * States
27
+ */
28
+ isPressed: boolean;
29
29
  connectedCallback(): void;
30
30
  disconnectedCallback(): void;
31
- private emitActivate;
32
- private requestClose;
33
- private requestSubmenuKey;
34
- private _handleKeyDown;
35
- private _handleClick;
36
- __isLink(): boolean;
31
+ focus(): void;
32
+ blur(): void;
33
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
34
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
35
+ __handleKeyDown: (event: KeyboardEvent) => void;
36
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
37
37
  render(): import("lit-html").TemplateResult<1>;
38
38
  renderContent(): import("lit-html").TemplateResult<1>;
39
39
  }
40
+ export {};
@@ -0,0 +1 @@
1
+ export { Modal } from './modal.js';
@@ -0,0 +1,63 @@
1
+ import { LitElement, nothing } from 'lit';
2
+ type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'fullscreen';
3
+ /**
4
+ * @label Modal
5
+ * @tag wc-modal
6
+ * @rawTag modal-wc
7
+ * @summary A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
8
+ *
9
+ * @cssprop --modal-container-color - Background color of the dialog container.
10
+ * @cssprop --modal-scrim-color - Color of the scrim backdrop.
11
+ * @cssprop --modal-shape - Corner radius of the dialog container.
12
+ * @cssprop --modal-min-width - Minimum width of the dialog.
13
+ * @cssprop --modal-max-width - Maximum width of the dialog.
14
+ * @cssprop --modal-max-height - Maximum height of the dialog.
15
+ *
16
+ * @example
17
+ * ```html
18
+ * <wc-modal open heading="Confirm Action">
19
+ * <p>Are you sure you want to continue?</p>
20
+ * <div slot="footer">
21
+ * <wc-button variant="text">Cancel</wc-button>
22
+ * <wc-button>Confirm</wc-button>
23
+ * </div>
24
+ * </wc-modal>
25
+ * ```
26
+ * @tags overlay, dialog, feedback
27
+ */
28
+ export declare class Modal extends LitElement {
29
+ static styles: import("lit").CSSResultGroup[];
30
+ /** Whether the modal is open. */
31
+ open: boolean;
32
+ /** Heading text shown in the modal header. */
33
+ heading: string;
34
+ /** Optional subheading / label text shown above the heading. */
35
+ subheading: string;
36
+ /**
37
+ * Size of the modal dialog.
38
+ * - `"xs"`: Extra-small.
39
+ * - `"sm"`: Small.
40
+ * - `"md"`: Medium (default).
41
+ * - `"lg"`: Large.
42
+ * - `"fullscreen"`: Full-screen dialog.
43
+ */
44
+ size: ModalSize;
45
+ /** When true, hides the close button in the header. */
46
+ hideClose: boolean;
47
+ /** When true, renders a loading overlay inside the modal. */
48
+ showLoader: boolean;
49
+ /** When true, clicking the scrim will not close the modal. */
50
+ noScrimClose: boolean;
51
+ private _visible;
52
+ show(): void;
53
+ hide(): void;
54
+ private _close;
55
+ private _handleScrimClick;
56
+ private _handleCloseClick;
57
+ private readonly _handleKeydown;
58
+ protected updated(changedProperties: Map<string, unknown>): void;
59
+ disconnectedCallback(): void;
60
+ private _handleAnimationEnd;
61
+ render(): typeof nothing | import("lit-html").TemplateResult<1>;
62
+ }
63
+ export {};
@@ -0,0 +1,2 @@
1
+ export { NavigationRail } from './navigation-rail.js';
2
+ export { NavigationRailItem } from './navigation-rail-item.js';
@@ -0,0 +1,55 @@
1
+ import { LitElement, nothing } from 'lit';
2
+ /**
3
+ * @label Navigation Rail Item
4
+ * @tag wc-navigation-rail-item
5
+ * @rawTag navigation-rail-item
6
+ * @parentRawTag navigation-rail
7
+ *
8
+ * @summary An individual item within a navigation rail.
9
+ * @overview
10
+ * <p>Navigation rail items display a destination with an icon and optional label.</p>
11
+ *
12
+ * @example
13
+ * ```html
14
+ * <wc-navigation-rail-item>
15
+ * <wc-icon slot="icon">home</wc-icon>
16
+ * Home
17
+ * </wc-navigation-rail-item>
18
+ * ```
19
+ * @tags navigation
20
+ */
21
+ export declare class NavigationRailItem extends LitElement {
22
+ #private;
23
+ static styles: import("lit").CSSResultGroup[];
24
+ /** Whether this item is currently active/selected. */
25
+ active: boolean;
26
+ /** Whether this item is disabled. */
27
+ disabled: boolean;
28
+ /** Whether the parent rail is in collapsed mode (labels hidden). */
29
+ collapsed: boolean;
30
+ /** If provided, the item renders as a link. */
31
+ href?: string;
32
+ /** Link target. */
33
+ target: string;
34
+ /** Value used for identification when managing active state externally. */
35
+ value?: string;
36
+ /** Reason the item is disabled (shown to screen readers). */
37
+ disabledReason: string;
38
+ /** Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds. */
39
+ throttleDelay: number;
40
+ private _isPressed;
41
+ private _hasLabel;
42
+ private _hasActiveIcon;
43
+ readonly itemElement: HTMLElement | null;
44
+ focus(): void;
45
+ blur(): void;
46
+ firstUpdated(): void;
47
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
48
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
49
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
50
+ __isLink(): boolean;
51
+ __getDisabledReasonID(): string | typeof nothing;
52
+ __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
53
+ __renderItemContent(): import("lit-html").TemplateResult<1>;
54
+ render(): import("lit-html").TemplateResult<1>;
55
+ }
@@ -0,0 +1,71 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { NavigationRailItem } from './navigation-rail-item.js';
3
+ /**
4
+ * @label Navigation Rail
5
+ * @tag wc-navigation-rail
6
+ * @rawTag navigation-rail
7
+ *
8
+ * @summary A vertical side navigation for medium-sized screens, following Material Design 3 specs.
9
+ * @overview
10
+ * <p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>
11
+ * <p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>
12
+ *
13
+ * @cssprop --nav-rail-width - Width of the rail container. Defaults to 5rem (80dp).
14
+ * @cssprop --nav-rail-container-color - Background color of the rail. Defaults to surface color.
15
+ * @cssprop --nav-rail-indicator-color - Color of the active indicator. Defaults to secondary-container.
16
+ * @cssprop --nav-rail-indicator-shape - Shape (border-radius) of the active indicator. Defaults to full (pill).
17
+ * @cssprop --nav-rail-indicator-width - Width of the active indicator. Defaults to 3.5rem (56dp).
18
+ * @cssprop --nav-rail-indicator-height - Height of the active indicator. Defaults to 2rem (32dp).
19
+ * @cssprop --nav-rail-inactive-icon-color - Color of inactive icons. Defaults to on-surface-variant.
20
+ * @cssprop --nav-rail-active-icon-color - Color of active icons. Defaults to on-secondary-container.
21
+ * @cssprop --nav-rail-inactive-label-color - Color of inactive labels. Defaults to on-surface-variant.
22
+ * @cssprop --nav-rail-active-label-color - Color of active labels. Defaults to on-surface.
23
+ *
24
+ * @example
25
+ * ```html
26
+ * <wc-navigation-rail>
27
+ * <wc-navigation-rail-item active>
28
+ * <wc-icon slot="icon">home</wc-icon>
29
+ * Home
30
+ * </wc-navigation-rail-item>
31
+ * <wc-navigation-rail-item>
32
+ * <wc-icon slot="icon">search</wc-icon>
33
+ * Search
34
+ * </wc-navigation-rail-item>
35
+ * <wc-navigation-rail-item>
36
+ * <wc-icon slot="icon">settings</wc-icon>
37
+ * Settings
38
+ * </wc-navigation-rail-item>
39
+ * </wc-navigation-rail>
40
+ * ```
41
+ * @tags navigation
42
+ */
43
+ export declare class NavigationRail extends LitElement {
44
+ static styles: import("lit").CSSResultGroup[];
45
+ static Item: typeof NavigationRailItem;
46
+ /**
47
+ * Vertical alignment of items within the rail.
48
+ * - `"top"`: Items align to the top.
49
+ * - `"center"`: Items are centered (default).
50
+ * - `"bottom"`: Items align to the bottom.
51
+ */
52
+ alignment: 'top' | 'center' | 'bottom';
53
+ /**
54
+ * Display mode of the navigation rail.
55
+ * - `"expanded"`: shows labels.
56
+ * - `"collapsed"`: hides labels.
57
+ */
58
+ mode: 'expanded' | 'collapsed';
59
+ /**
60
+ * Whether to show a divider between the header and items sections.
61
+ */
62
+ showDivider: boolean;
63
+ connectedCallback(): void;
64
+ disconnectedCallback(): void;
65
+ protected firstUpdated(): void;
66
+ protected updated(changedProperties: PropertyValues<this>): void;
67
+ private _handleItemClick;
68
+ private _getItems;
69
+ private _syncItemMode;
70
+ render(): import("lit-html").TemplateResult<1>;
71
+ }
@@ -0,0 +1 @@
1
+ export { NotificationManager } from './notification-manager.js';
@@ -0,0 +1,44 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Notification Manager
4
+ * @tag wc-notification-manager
5
+ * @rawTag notification-manager
6
+ * @summary The Notification Manager handles the organization and display of notifications within the application.
7
+ *
8
+ * @fires {CustomEvent} notification-manager-action - Fired when the action button of a managed notification is clicked. Detail: `{ id: string }`.
9
+ * @fires {CustomEvent} notification-manager-dismiss - Fired when a managed notification is dismissed. Detail: `{ id: string }`.
10
+ *
11
+ * @example
12
+ * ```html
13
+ * <wc-notification-manager position="bottom-right"></wc-notification-manager>
14
+ * <script>
15
+ * window.dispatchEvent(new CustomEvent('notification', {
16
+ * detail: { title: 'Record saved', variant: 'success', dismissible: true }
17
+ * }));
18
+ * </script>
19
+ * ```
20
+ * @tags display, feedback
21
+ */
22
+ export declare class NotificationManager extends LitElement {
23
+ static styles: import("lit").CSSResultGroup[];
24
+ /**
25
+ * Name of this manager instance. Only notifications whose `target` matches
26
+ * this name (or whose `target` is absent and this manager's `name` is
27
+ * `'global'`) will be handled.
28
+ */
29
+ name: string;
30
+ /**
31
+ * Screen position where notifications are stacked.
32
+ */
33
+ position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
34
+ private notifications;
35
+ private readonly handleWindowNotification;
36
+ private readonly handleWindowDismiss;
37
+ connectedCallback(): void;
38
+ disconnectedCallback(): void;
39
+ private _hideNotification;
40
+ private _handleDismiss;
41
+ private _handleAction;
42
+ private renderNotification;
43
+ render(): import("lit-html").TemplateResult<1>;
44
+ }
@@ -1 +1,3 @@
1
1
  export { Tooltip } from '../tooltip/tooltip.js';
2
+ export { Popover } from './popover.js';
3
+ export { PopoverContent } from './popover-content.js';
@@ -0,0 +1,29 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Popover Content
4
+ * @tag wc-popover-content
5
+ * @rawTag popover-content
6
+ * @summary Content container for the wc-popover component.
7
+ * @childComponent true
8
+ * @tags display
9
+ *
10
+ * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.
11
+ * @cssprop --popover-content-padding - Padding of the popover content. Defaults to `var(--spacing-200)`.
12
+ * @cssprop --popover-content-border-radius - Border radius of the popover content. Defaults to `var(--shape-corner-small)`.
13
+ * @cssprop --popover-content-min-width - Minimum width of the popover content. Defaults to `10rem`.
14
+ *
15
+ * @example
16
+ * ```html
17
+ * <wc-popover-content>
18
+ * <p>Popover body text</p>
19
+ * </wc-popover-content>
20
+ * ```
21
+ */
22
+ export declare class PopoverContent extends LitElement {
23
+ static styles: import("lit").CSSResultGroup[];
24
+ /**
25
+ * Whether the popover content is visible.
26
+ */
27
+ open: boolean;
28
+ render(): import("lit-html").TemplateResult<1>;
29
+ }
@@ -0,0 +1,62 @@
1
+ import { LitElement } from 'lit';
2
+ import type { Placement } from '@floating-ui/dom';
3
+ /**
4
+ * @label Popover
5
+ * @tag wc-popover
6
+ * @rawTag popover
7
+ * @summary Displays additional information in a floating panel anchored to a trigger element.
8
+ * @overview
9
+ * <p>The Popover component wraps a trigger element and a <code>wc-popover-content</code> child. It uses
10
+ * floating-ui to compute position, keeping the panel visible inside the viewport even on scroll.</p>
11
+ * @tags display
12
+ *
13
+ * @fires {CustomEvent} wc-popover--open - Fired when the popover opens.
14
+ * @fires {CustomEvent} wc-popover--close - Fired when the popover closes.
15
+ *
16
+ * @example
17
+ * ```html
18
+ * <wc-popover trigger="click">
19
+ * <wc-button>Open popover</wc-button>
20
+ * <wc-popover-content>
21
+ * <p>Popover body text goes here.</p>
22
+ * </wc-popover-content>
23
+ * </wc-popover>
24
+ * ```
25
+ */
26
+ export declare class Popover extends LitElement {
27
+ static styles: import("lit").CSSResultGroup[];
28
+ /**
29
+ * Determines how the popover is triggered.
30
+ * Possible values are `"click"`, `"hover"`, `"manual"`.
31
+ */
32
+ trigger: 'click' | 'hover' | 'manual';
33
+ /**
34
+ * Preferred placement of the popover relative to the trigger element.
35
+ * Accepts any floating-ui `Placement` string such as `"bottom"`, `"top-start"`, `"right"`, etc.
36
+ */
37
+ placement: Placement;
38
+ /**
39
+ * Whether the popover is open.
40
+ */
41
+ open: boolean;
42
+ /**
43
+ * Distance in pixels between the trigger element and the popover panel.
44
+ */
45
+ offset: number;
46
+ private _floating;
47
+ private _contentEl;
48
+ private _triggerEl;
49
+ private _setupFloating;
50
+ connectedCallback(): void;
51
+ firstUpdated(): void;
52
+ updated(changedProps: Map<string, unknown>): void;
53
+ /**
54
+ * Programmatically opens the popover.
55
+ */
56
+ show(): void;
57
+ /**
58
+ * Programmatically closes the popover.
59
+ */
60
+ hide(): void;
61
+ render(): import("lit-html").TemplateResult<1>;
62
+ }
@@ -0,0 +1,3 @@
1
+ export { SidebarMenuItem } from './sidebar-menu-item.js';
2
+ export { SidebarSubMenu } from './sidebar-sub-menu.js';
3
+ export { SidebarMenu } from './sidebar-menu.js';
@@ -0,0 +1,58 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Sidebar Menu Item
4
+ * @tag wc-sidebar-menu-item
5
+ * @rawTag sidebar-menu-item
6
+ * @parentRawTag sidebar-menu
7
+ * @summary A sidebar menu item represents a selectable leaf item in the sidebar navigation tree.
8
+ *
9
+ * @example
10
+ * ```html
11
+ * <wc-sidebar-menu>
12
+ * <wc-sidebar-sub-menu label="Parent" expanded>
13
+ * <wc-sidebar-menu-item label="Child"></wc-sidebar-menu-item>
14
+ * </wc-sidebar-sub-menu>
15
+ * </wc-sidebar-menu>
16
+ * ```
17
+ * @tags navigation
18
+ */
19
+ export declare class SidebarMenuItem extends LitElement {
20
+ static styles: import("lit").CSSResultGroup[];
21
+ /**
22
+ * The value used to identify this item when selected.
23
+ */
24
+ value: string;
25
+ /**
26
+ * The display label for this item.
27
+ */
28
+ label: string;
29
+ /**
30
+ * Optional icon name to display before the label.
31
+ */
32
+ icon: string;
33
+ /**
34
+ * Optional hyperlink to navigate to on click.
35
+ */
36
+ href: string;
37
+ /**
38
+ * Sets or retrieves the window or frame at which to target content.
39
+ */
40
+ target: string;
41
+ /**
42
+ * If true, the user cannot interact with the item.
43
+ */
44
+ disabled: boolean;
45
+ /**
46
+ * Whether the item is currently selected.
47
+ */
48
+ selected: boolean;
49
+ /**
50
+ * The nesting depth level (set automatically by the parent sidebar-menu).
51
+ */
52
+ level: number;
53
+ private readonly _nativeElement;
54
+ focus(): void;
55
+ blur(): void;
56
+ private _onClick;
57
+ render(): import("lit-html").TemplateResult<1>;
58
+ }
@@ -0,0 +1,38 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Sidebar Menu
4
+ * @tag wc-sidebar-menu
5
+ * @rawTag sidebar-menu
6
+ * @summary A sidebar menu is a hierarchical structure that provides nested levels of navigation. It supports keyboard navigation, single/multi select, and expandable items.
7
+ *
8
+ * @example
9
+ * ```html
10
+ * <wc-sidebar-menu>
11
+ * <wc-sidebar-sub-menu label="Parent" expanded>
12
+ * <wc-sidebar-menu-item label="Child 1"></wc-sidebar-menu-item>
13
+ * <wc-sidebar-menu-item label="Child 2"></wc-sidebar-menu-item>
14
+ * </wc-sidebar-sub-menu>
15
+ * </wc-sidebar-menu>
16
+ * ```
17
+ * @tags navigation
18
+ */
19
+ export declare class SidebarMenu extends LitElement {
20
+ static styles: import("lit").CSSResultGroup[];
21
+ /**
22
+ * The value of the currently selected item.
23
+ */
24
+ selectedItem: string;
25
+ connectedCallback(): void;
26
+ updated(changedProps: Map<string, unknown>): void;
27
+ disconnectedCallback(): void;
28
+ private _isSidebarNode;
29
+ private _getTopLevelItems;
30
+ private _getChildNodes;
31
+ private _getAllVisibleItems;
32
+ private _onItemClick;
33
+ private _updateSelectedState;
34
+ private _collectAllItems;
35
+ private _syncSelectedStateFromProperty;
36
+ private _onKeyDown;
37
+ render(): import("lit-html").TemplateResult<1>;
38
+ }
@@ -0,0 +1,35 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @label Sidebar Sub Menu
4
+ * @tag wc-sidebar-sub-menu
5
+ * @rawTag sidebar-sub-menu
6
+ * @parentRawTag sidebar-menu
7
+ * @summary A sidebar sub menu groups sidebar menu items and handles expand/collapse behavior.
8
+ *
9
+ * @example
10
+ * ```html
11
+ * <wc-sidebar-sub-menu label="Parent" expanded>
12
+ * <wc-sidebar-menu-item label="Child"></wc-sidebar-menu-item>
13
+ * </wc-sidebar-sub-menu>
14
+ * ```
15
+ * @tags navigation
16
+ */
17
+ export declare class SidebarSubMenu extends LitElement {
18
+ static styles: import("lit").CSSResultGroup[];
19
+ value: string;
20
+ label: string;
21
+ icon: string;
22
+ disabled: boolean;
23
+ selected: boolean;
24
+ expanded: boolean;
25
+ level: number;
26
+ private readonly _nativeElement;
27
+ focus(): void;
28
+ blur(): void;
29
+ connectedCallback(): void;
30
+ updated(changedProps: Map<string, unknown>): void;
31
+ private _getChildNodes;
32
+ private _updateChildLevels;
33
+ private _onClick;
34
+ render(): import("lit-html").TemplateResult<1>;
35
+ }
@@ -0,0 +1 @@
1
+ export { SplitButton } from './split-button.js';