@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.
- package/dist/BaseButton-BNFAYn-S.js +219 -0
- package/dist/BaseButton-BNFAYn-S.js.map +1 -0
- package/dist/BaseHyperlinkMixin-BNuwbiEf.js +65 -0
- package/dist/BaseHyperlinkMixin-BNuwbiEf.js.map +1 -0
- package/dist/BaseInput-14YmcfK7.js +27 -0
- package/dist/BaseInput-14YmcfK7.js.map +1 -0
- package/dist/assets/components.css +1 -1
- package/dist/assets/components.css.map +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/assets/styles.css.map +1 -1
- package/dist/banner.js +14 -30
- package/dist/banner.js.map +1 -1
- package/dist/{button-DMN1dPAg.js → button-colors-Ccys3hvS.js} +5 -468
- package/dist/button-colors-Ccys3hvS.js.map +1 -0
- package/dist/button-group.js +228 -8
- package/dist/button-group.js.map +1 -1
- package/dist/button.js +294 -8
- package/dist/button.js.map +1 -1
- package/dist/calendar-column-view.js +634 -0
- package/dist/calendar-column-view.js.map +1 -0
- package/dist/calendar-event-BrQ_SEKD.js +199 -0
- package/dist/calendar-event-BrQ_SEKD.js.map +1 -0
- package/dist/calendar-month-view.js +376 -0
- package/dist/calendar-month-view.js.map +1 -0
- package/dist/calendar.js +339 -0
- package/dist/calendar.js.map +1 -0
- package/dist/canvas.js +361 -0
- package/dist/canvas.js.map +1 -0
- package/dist/card.js +18 -73
- package/dist/card.js.map +1 -1
- package/dist/cb-compound-expression.js +125 -0
- package/dist/cb-compound-expression.js.map +1 -0
- package/dist/cb-divider.js +150 -0
- package/dist/cb-divider.js.map +1 -0
- package/dist/cb-expression.js +75 -0
- package/dist/cb-expression.js.map +1 -0
- package/dist/cb-predicate.js +137 -0
- package/dist/cb-predicate.js.map +1 -0
- package/dist/chart-bar.js.map +1 -1
- package/dist/chart-doughnut.js +2 -2
- package/dist/chart-doughnut.js.map +1 -1
- package/dist/chart-pie.js +2 -2
- package/dist/chart-pie.js.map +1 -1
- package/dist/chart-stacked-bar.js.map +1 -1
- package/dist/code-editor.js +2 -1
- package/dist/code-editor.js.map +1 -1
- package/dist/code-highlighter.js +2 -1
- package/dist/code-highlighter.js.map +1 -1
- package/dist/condition-builder.js +58 -0
- package/dist/condition-builder.js.map +1 -0
- package/dist/custom-elements-jsdocs.json +10860 -5567
- package/dist/custom-elements.json +16180 -7996
- package/dist/dropdown-button.js +216 -0
- package/dist/dropdown-button.js.map +1 -0
- package/dist/event-manager-D-QCmUgR.js +113 -0
- package/dist/event-manager-D-QCmUgR.js.map +1 -0
- package/dist/fab.js +421 -9
- package/dist/fab.js.map +1 -1
- package/dist/flow-designer-dZnLJOQT.js +1656 -0
- package/dist/flow-designer-dZnLJOQT.js.map +1 -0
- package/dist/flow-designer-node-XMe-jlKg.js +548 -0
- package/dist/flow-designer-node-XMe-jlKg.js.map +1 -0
- package/dist/flow-designer-node.js +4 -0
- package/dist/flow-designer-node.js.map +1 -0
- package/dist/flow-designer.js +16 -0
- package/dist/flow-designer.js.map +1 -0
- package/dist/html-editor.js +358 -0
- package/dist/html-editor.js.map +1 -0
- package/dist/icon-button-CK1ZuE-2.js +247 -0
- package/dist/icon-button-CK1ZuE-2.js.map +1 -0
- package/dist/index.js +31 -8
- package/dist/index.js.map +1 -1
- package/dist/{is-dark-mode-DicqGkCJ.js → is-dark-mode-DOcaw4Yq.js} +2 -27
- package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -0
- package/dist/modal.js +418 -0
- package/dist/modal.js.map +1 -0
- package/dist/{select-4pl4XBj7.js → navigation-rail-DyO0oAZU.js} +2000 -2767
- package/dist/navigation-rail-DyO0oAZU.js.map +1 -0
- package/dist/notification-manager.js +268 -0
- package/dist/notification-manager.js.map +1 -0
- package/dist/notification.js +3 -2
- package/dist/notification.js.map +1 -1
- package/dist/peacock-loader.js +102 -14
- package/dist/peacock-loader.js.map +1 -1
- package/dist/popover-NC7b1lTq.js +1971 -0
- package/dist/popover-NC7b1lTq.js.map +1 -0
- package/dist/popover-content.js +125 -0
- package/dist/popover-content.js.map +1 -0
- package/dist/popover.js +4 -0
- package/dist/popover.js.map +1 -0
- package/dist/search.js +4 -0
- package/dist/search.js.map +1 -1
- package/dist/split-button.js +388 -0
- package/dist/split-button.js.map +1 -0
- package/dist/src/__controllers/floating-controller.d.ts +35 -0
- package/dist/src/__mixins/BaseButtonMixin.d.ts +20 -0
- package/dist/src/__mixins/BaseHyperlinkMixin.d.ts +18 -0
- package/dist/src/__mixins/MixinConstructor.d.ts +1 -0
- package/dist/src/banner/banner.d.ts +0 -4
- package/dist/src/button/BaseButton.d.ts +4 -47
- package/dist/src/button/button/button.d.ts +32 -3
- package/dist/src/button/button-group/button-group.d.ts +2 -2
- package/dist/src/button/icon-button/icon-button.d.ts +33 -8
- package/dist/src/calendar/base-event.d.ts +10 -0
- package/dist/src/calendar/calendar-column-view.d.ts +41 -0
- package/dist/src/calendar/calendar-event.d.ts +7 -0
- package/dist/src/calendar/calendar-month-view.d.ts +31 -0
- package/dist/src/calendar/calendar.d.ts +65 -0
- package/dist/src/calendar/event-manager.d.ts +17 -0
- package/dist/src/calendar/index.d.ts +4 -0
- package/dist/src/calendar/types.d.ts +13 -0
- package/dist/src/calendar/utils.d.ts +31 -0
- package/dist/src/canvas/canvas.d.ts +92 -0
- package/dist/src/canvas/index.d.ts +2 -0
- package/dist/src/card/card.d.ts +4 -15
- package/dist/src/condition-builder/cb-compound-expression.d.ts +31 -0
- package/dist/src/condition-builder/cb-divider.d.ts +26 -0
- package/dist/src/condition-builder/cb-expression.d.ts +31 -0
- package/dist/src/condition-builder/cb-predicate.d.ts +30 -0
- package/dist/src/condition-builder/condition-builder.d.ts +27 -0
- package/dist/src/condition-builder/index.d.ts +5 -0
- package/dist/src/dropdown-button/dropdown-button.d.ts +68 -0
- package/dist/src/dropdown-button/index.d.ts +1 -0
- package/dist/src/fab/fab.d.ts +4 -35
- package/dist/src/flow-designer/commands.d.ts +66 -0
- package/dist/src/flow-designer/flow-designer-node.d.ts +46 -0
- package/dist/src/flow-designer/flow-designer.d.ts +133 -0
- package/dist/src/flow-designer/index.d.ts +7 -0
- package/dist/src/flow-designer/layout.d.ts +30 -0
- package/dist/src/flow-designer/types.d.ts +142 -0
- package/dist/src/flow-designer/validation.d.ts +43 -0
- package/dist/src/flow-designer/workflow-utils.d.ts +40 -0
- package/dist/src/focus-ring/focus-ring.d.ts +11 -5
- package/dist/src/html-editor/html-editor.d.ts +56 -0
- package/dist/src/html-editor/index.d.ts +2 -0
- package/dist/src/index.d.ts +16 -1
- package/dist/src/link/link.d.ts +1 -1
- package/dist/src/menu/menu/menu.d.ts +5 -7
- package/dist/src/menu/menu-item/menu-item.d.ts +14 -13
- package/dist/src/modal/index.d.ts +1 -0
- package/dist/src/modal/modal.d.ts +63 -0
- package/dist/src/navigation-rail/index.d.ts +2 -0
- package/dist/src/navigation-rail/navigation-rail-item.d.ts +55 -0
- package/dist/src/navigation-rail/navigation-rail.d.ts +71 -0
- package/dist/src/notification-manager/index.d.ts +1 -0
- package/dist/src/notification-manager/notification-manager.d.ts +44 -0
- package/dist/src/popover/index.d.ts +2 -0
- package/dist/src/popover/popover-content.d.ts +29 -0
- package/dist/src/popover/popover.d.ts +62 -0
- package/dist/src/sidebar-menu/index.d.ts +3 -0
- package/dist/src/sidebar-menu/sidebar-menu-item.d.ts +58 -0
- package/dist/src/sidebar-menu/sidebar-menu.d.ts +38 -0
- package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts +35 -0
- package/dist/src/split-button/index.d.ts +1 -0
- package/dist/src/split-button/split-button.d.ts +72 -0
- package/dist/src/toolbar/toolbar.d.ts +10 -10
- package/dist/src/tooltip/tooltip.d.ts +5 -15
- package/dist/src/url-field/index.d.ts +1 -0
- package/dist/src/url-field/url-field.d.ts +48 -0
- package/dist/test/flow-designer.test.d.ts +1 -0
- package/dist/test/sidebar-menu.test.d.ts +1 -0
- package/dist/toolbar.js +10 -10
- package/dist/toolbar.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -2
- package/readme.md +73 -65
- package/scss/mixin.scss +16 -0
- package/src/__controllers/floating-controller.ts +237 -0
- package/src/__mixins/BaseButtonMixin.ts +83 -0
- package/src/__mixins/BaseHyperlinkMixin.ts +68 -0
- package/src/__mixins/MixinConstructor.ts +1 -0
- package/src/{__base_element → __mixins}/README.md +2 -2
- package/src/banner/banner.scss +20 -25
- package/src/banner/banner.ts +1 -7
- package/src/button/BaseButton.ts +11 -100
- package/src/button/button/button-sizes.scss +4 -2
- package/src/button/button/button.ts +77 -23
- package/src/button/button-group/button-group.ts +2 -2
- package/src/button/icon-button/icon-button.ts +75 -33
- package/src/calendar/base-event.ts +49 -0
- package/src/calendar/calendar-column-view.scss +326 -0
- package/src/calendar/calendar-column-view.ts +392 -0
- package/src/calendar/calendar-event.ts +20 -0
- package/src/calendar/calendar-month-view.scss +192 -0
- package/src/calendar/calendar-month-view.ts +244 -0
- package/src/calendar/calendar.scss +71 -0
- package/src/calendar/calendar.ts +298 -0
- package/src/calendar/event-manager.ts +117 -0
- package/src/calendar/index.ts +4 -0
- package/src/calendar/types.ts +14 -0
- package/src/calendar/utils.ts +180 -0
- package/src/canvas/canvas.scss +60 -0
- package/src/canvas/canvas.ts +391 -0
- package/src/canvas/index.ts +2 -0
- package/src/card/card.ts +11 -71
- package/src/chart-bar/chart-bar.ts +9 -14
- package/src/chart-bar/chart-stacked-bar.ts +12 -18
- package/src/chart-doughnut/chart-doughnut.ts +23 -27
- package/src/chart-pie/chart-pie.ts +19 -23
- package/src/checkbox/checkbox.scss +17 -34
- package/src/checkbox/checkbox.ts +3 -1
- package/src/code-highlighter/code-highlighter.scss +1 -0
- package/src/code-highlighter/code-highlighter.ts +1 -1
- package/src/condition-builder/cb-compound-expression.scss +37 -0
- package/src/condition-builder/cb-compound-expression.ts +80 -0
- package/src/condition-builder/cb-divider.scss +93 -0
- package/src/condition-builder/cb-divider.ts +56 -0
- package/src/condition-builder/cb-expression.scss +14 -0
- package/src/condition-builder/cb-expression.ts +49 -0
- package/src/condition-builder/cb-predicate.scss +35 -0
- package/src/condition-builder/cb-predicate.ts +102 -0
- package/src/condition-builder/condition-builder.scss +13 -0
- package/src/condition-builder/condition-builder.ts +38 -0
- package/src/condition-builder/index.ts +5 -0
- package/src/date-picker/date-picker.ts +1 -1
- package/src/dropdown-button/demo/index.html +110 -0
- package/src/dropdown-button/dropdown-button.scss +22 -0
- package/src/dropdown-button/dropdown-button.ts +206 -0
- package/src/dropdown-button/index.ts +1 -0
- package/src/elevation/elevation.scss +5 -5
- package/src/fab/fab.ts +29 -100
- package/src/flow-designer/DEMO.md +239 -0
- package/src/flow-designer/commands.ts +278 -0
- package/src/flow-designer/flow-designer-node.ts +172 -0
- package/src/flow-designer/flow-designer.scss +457 -0
- package/src/flow-designer/flow-designer.ts +611 -0
- package/src/flow-designer/index.ts +41 -0
- package/src/flow-designer/layout.ts +357 -0
- package/src/flow-designer/types.ts +166 -0
- package/src/flow-designer/validation.ts +284 -0
- package/src/flow-designer/workflow-utils.ts +282 -0
- package/src/focus-ring/focus-ring.ts +47 -40
- package/src/html-editor/html-editor.scss +146 -0
- package/src/html-editor/html-editor.ts +276 -0
- package/src/html-editor/index.ts +3 -0
- package/src/index.ts +28 -1
- package/src/input/input.ts +3 -1
- package/src/link/link.ts +2 -2
- package/src/menu/menu/menu.scss +2 -2
- package/src/menu/menu/menu.ts +91 -101
- package/src/menu/menu-item/menu-item.scss +4 -0
- package/src/menu/menu-item/menu-item.ts +85 -79
- package/src/modal/index.ts +1 -0
- package/src/modal/modal.scss +206 -0
- package/src/modal/modal.ts +201 -0
- package/src/navigation-rail/index.ts +2 -0
- package/src/navigation-rail/navigation-rail-item.scss +216 -0
- package/src/navigation-rail/navigation-rail-item.ts +223 -0
- package/src/navigation-rail/navigation-rail.scss +72 -0
- package/src/navigation-rail/navigation-rail.ts +149 -0
- package/src/notification/notification.ts +3 -2
- package/src/notification-manager/index.ts +1 -0
- package/src/notification-manager/notification-manager.scss +113 -0
- package/src/notification-manager/notification-manager.ts +199 -0
- package/src/number-field/number-field.ts +6 -4
- package/src/pagination/pagination.ts +6 -4
- package/src/peacock-loader.ts +93 -5
- package/src/popover/index.ts +2 -0
- package/src/popover/popover-content.scss +69 -0
- package/src/popover/popover-content.ts +51 -0
- package/src/popover/popover.scss +7 -0
- package/src/popover/popover.ts +170 -0
- package/src/search/search.ts +4 -0
- package/src/sidebar-menu/demo/index.html +68 -0
- package/src/sidebar-menu/index.ts +3 -0
- package/src/sidebar-menu/sidebar-menu-item.scss +102 -0
- package/src/sidebar-menu/sidebar-menu-item.ts +151 -0
- package/src/{tree-view/tree-view.scss → sidebar-menu/sidebar-menu.scss} +1 -1
- package/src/sidebar-menu/sidebar-menu.ts +182 -0
- package/src/sidebar-menu/sidebar-sub-menu.scss +130 -0
- package/src/sidebar-menu/sidebar-sub-menu.ts +160 -0
- package/src/skeleton/skeleton.scss +18 -24
- package/src/snackbar/snackbar.ts +1 -1
- package/src/split-button/index.ts +1 -0
- package/src/split-button/split-button-colors.scss +56 -0
- package/src/split-button/split-button-sizes.scss +28 -0
- package/src/split-button/split-button.scss +79 -0
- package/src/split-button/split-button.ts +236 -0
- package/src/table/table.ts +2 -2
- package/src/tabs/tab.ts +4 -3
- package/src/text/text.css-component.scss +7 -1
- package/src/time-picker/time-picker.ts +1 -1
- package/src/toolbar/toolbar.ts +10 -10
- package/src/tooltip/tooltip.scss +4 -3
- package/src/tooltip/tooltip.ts +64 -98
- package/src/url-field/index.ts +1 -0
- package/src/url-field/url-field.scss +50 -0
- package/src/url-field/url-field.ts +239 -0
- package/dist/button-DMN1dPAg.js.map +0 -1
- package/dist/button-group-CX9CUUXk.js +0 -435
- package/dist/button-group-CX9CUUXk.js.map +0 -1
- package/dist/fab-C5Nzxk0E.js +0 -497
- package/dist/fab-C5Nzxk0E.js.map +0 -1
- package/dist/is-dark-mode-DicqGkCJ.js.map +0 -1
- package/dist/select-4pl4XBj7.js.map +0 -1
- package/dist/spread-B5cgadZl.js +0 -32
- package/dist/spread-B5cgadZl.js.map +0 -1
- package/dist/src/__base_element/BaseHyperlink.d.ts +0 -20
- package/dist/src/menu/menu/MenuSurfaceController.d.ts +0 -18
- package/dist/src/tree-view/index.d.ts +0 -2
- package/dist/src/tree-view/tree-node.d.ts +0 -69
- package/dist/src/tree-view/tree-view.d.ts +0 -40
- package/dist/src/tree-view/wc-tree-view.d.ts +0 -6
- package/dist/test/tree-view.test.d.ts +0 -1
- package/dist/throttle-C7ZAPqtu.js +0 -24
- package/dist/throttle-C7ZAPqtu.js.map +0 -1
- package/src/__base_element/BaseHyperlink.ts +0 -42
- package/src/menu/menu/MenuSurfaceController.ts +0 -61
- package/src/tree-view/demo/index.html +0 -57
- package/src/tree-view/index.ts +0 -2
- package/src/tree-view/tree-node.scss +0 -101
- package/src/tree-view/tree-node.ts +0 -268
- package/src/tree-view/tree-view.ts +0 -182
- package/src/tree-view/wc-tree-view.ts +0 -9
package/dist/src/index.d.ts
CHANGED
|
@@ -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 {
|
|
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';
|
package/dist/src/link/link.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
declare const Link_base: typeof LitElement & (
|
|
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
|
|
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
|
|
64
|
-
private
|
|
65
|
-
private
|
|
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
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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,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
|
+
}
|
|
@@ -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,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';
|