@redvars/peacock 3.3.0 → 3.3.2
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/{IndividualComponent-tDnXrOLV.js → IndividualComponent-Dt5xirYG.js} +2 -2
- package/dist/{IndividualComponent-tDnXrOLV.js.map → IndividualComponent-Dt5xirYG.js.map} +1 -1
- package/dist/array-D5vjT2Xm.js +14 -0
- package/dist/array-D5vjT2Xm.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/{button-BGFJfbT2.js → button-ClzS8JLq.js} +3 -4
- package/dist/{button-BGFJfbT2.js.map → button-ClzS8JLq.js.map} +1 -1
- package/dist/button-group-BMS5WvaF.js +292 -0
- package/dist/button-group-BMS5WvaF.js.map +1 -0
- package/dist/button-group.js +6 -107
- package/dist/button-group.js.map +1 -1
- package/dist/button.js +3 -4
- package/dist/button.js.map +1 -1
- package/dist/card.js +104 -0
- package/dist/card.js.map +1 -0
- package/dist/chart-bar-DbnXQgvS.js +1121 -0
- package/dist/chart-bar-DbnXQgvS.js.map +1 -0
- package/dist/chart-bar.js +259 -0
- package/dist/chart-bar.js.map +1 -0
- package/dist/chart-donut.js +4 -2
- package/dist/chart-donut.js.map +1 -1
- package/dist/chart-doughnut.js +4 -2
- package/dist/chart-doughnut.js.map +1 -1
- package/dist/chart-pie.js +4 -2
- package/dist/chart-pie.js.map +1 -1
- package/dist/chart-stacked-bar.js +401 -0
- package/dist/chart-stacked-bar.js.map +1 -0
- package/dist/{class-map-DpeNtqCn.js → class-map-59YGWLnx.js} +9 -3
- package/dist/class-map-59YGWLnx.js.map +1 -0
- package/dist/clock.js +1 -1
- package/dist/code-editor.js +7 -7
- package/dist/code-editor.js.map +1 -1
- package/dist/code-highlighter.js +7 -25
- package/dist/code-highlighter.js.map +1 -1
- package/dist/custom-elements-jsdocs.json +8824 -5047
- package/dist/custom-elements.json +7468 -4147
- package/dist/index.js +16 -10
- package/dist/index.js.map +1 -1
- package/dist/number-counter.js +2 -2
- package/dist/{observe-theme-change-BISF-Gl5.js → observe-theme-change-pALI5fmV.js} +2 -2
- package/dist/{observe-theme-change-BISF-Gl5.js.map → observe-theme-change-pALI5fmV.js.map} +1 -1
- package/dist/peacock-loader.js +42 -1016
- package/dist/peacock-loader.js.map +1 -1
- package/dist/pie-Dz0IDiPt.js +537 -0
- package/dist/pie-Dz0IDiPt.js.map +1 -0
- package/dist/{slider-Dk9CFWTG.js → snackbar-74YCdMPL.js} +6205 -3206
- package/dist/snackbar-74YCdMPL.js.map +1 -0
- package/dist/src/accordion/accordion-item.d.ts +1 -0
- package/dist/src/breadcrumb/breadcrumb/breadcrumb.d.ts +2 -0
- package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +1 -0
- package/dist/src/button/button-group/button-group.d.ts +4 -0
- package/dist/src/card/card.d.ts +27 -0
- package/dist/src/card/index.d.ts +1 -0
- package/dist/src/chart-bar/chart-bar.d.ts +53 -0
- package/dist/src/chart-bar/chart-stacked-bar.d.ts +78 -0
- package/dist/src/chart-bar/index.d.ts +2 -0
- package/dist/src/code-editor/code-editor.d.ts +4 -3
- package/dist/src/code-highlighter/code-highlighter.d.ts +4 -7
- package/dist/src/index.d.ts +9 -0
- package/dist/src/menu/index.d.ts +3 -0
- package/dist/src/menu/menu/MenuSurfaceController.d.ts +18 -0
- package/dist/src/menu/menu/menu.d.ts +54 -12
- package/dist/src/menu/menu-item/menu-item.d.ts +12 -5
- package/dist/src/menu/sub-menu/sub-menu.d.ts +36 -0
- package/dist/src/pagination/index.d.ts +1 -0
- package/dist/src/pagination/pagination.d.ts +38 -0
- package/dist/src/popover/PopoverController.d.ts +4 -1
- package/dist/src/snackbar/index.d.ts +1 -0
- package/dist/src/snackbar/snackbar.d.ts +40 -0
- package/dist/src/table/index.d.ts +1 -0
- package/dist/src/table/table.d.ts +110 -0
- package/dist/src/tabs/tab-group.d.ts +5 -1
- package/dist/src/tabs/tab-panel.d.ts +2 -0
- package/dist/src/tabs/tab.d.ts +3 -1
- package/dist/src/tabs/tabs.d.ts +2 -0
- package/dist/src/tooltip/tooltip.d.ts +1 -3
- package/dist/src/tree-view/index.d.ts +2 -0
- package/dist/src/tree-view/tree-node.d.ts +69 -0
- package/dist/src/tree-view/tree-view.d.ts +40 -0
- package/dist/src/tree-view/wc-tree-view.d.ts +6 -0
- package/dist/{style-map-CfNHEkQp.js → style-map-DcB52w-l.js} +2 -2
- package/dist/{style-map-CfNHEkQp.js.map → style-map-DcB52w-l.js.map} +1 -1
- package/dist/test/card.test.d.ts +1 -0
- package/dist/test/chart-bar.test.d.ts +1 -0
- package/dist/test/icon.test.d.ts +1 -1
- package/dist/test/menu.test.d.ts +1 -0
- package/dist/test/snackbar.test.d.ts +1 -0
- package/dist/test/sub-menu.test.d.ts +1 -0
- package/dist/test/tree-view.test.d.ts +1 -0
- package/dist/{transform-DRuHEvar.js → transform-DSwFSqzD.js} +13 -558
- package/dist/transform-DSwFSqzD.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/{unsafe-html-CV6Je6HL.js → unsafe-html-C2r3PyzF.js} +2 -2
- package/dist/{unsafe-html-CV6Je6HL.js.map → unsafe-html-C2r3PyzF.js.map} +1 -1
- package/package.json +1 -1
- package/readme.md +40 -40
- package/src/accordion/accordion-item.ts +2 -1
- package/src/breadcrumb/breadcrumb/breadcrumb.ts +3 -0
- package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +1 -0
- package/src/button/button-group/button-group.ts +6 -0
- package/src/card/card.scss +61 -0
- package/src/card/card.ts +38 -0
- package/src/card/index.ts +1 -0
- package/src/chart-bar/chart-bar.scss +58 -0
- package/src/chart-bar/chart-bar.ts +306 -0
- package/src/chart-bar/chart-stacked-bar.ts +402 -0
- package/src/chart-bar/index.ts +2 -0
- package/src/code-editor/code-editor.ts +4 -3
- package/src/code-highlighter/code-highlighter.ts +4 -22
- package/src/divider/divider.scss +2 -2
- package/src/empty-state/empty-state.scss +1 -1
- package/src/empty-state/empty-state.ts +1 -1
- package/src/index.ts +11 -2
- package/src/menu/index.ts +3 -0
- package/src/menu/menu/MenuSurfaceController.ts +61 -0
- package/src/menu/{menu-list/menu-list.scss → menu/menu.scss} +19 -4
- package/src/menu/menu/menu.ts +389 -81
- package/src/menu/menu-item/menu-item.ts +115 -36
- package/src/menu/sub-menu/sub-menu.scss +7 -0
- package/src/menu/sub-menu/sub-menu.ts +243 -0
- package/src/pagination/index.ts +1 -0
- package/src/pagination/pagination.scss +59 -0
- package/src/pagination/pagination.ts +135 -0
- package/src/peacock-loader.ts +39 -11
- package/src/popover/PopoverController.ts +13 -7
- package/src/snackbar/demo/index.html +29 -0
- package/src/snackbar/index.ts +1 -0
- package/src/snackbar/snackbar.scss +73 -0
- package/src/snackbar/snackbar.ts +151 -0
- package/src/table/index.ts +1 -0
- package/src/table/table.scss +174 -0
- package/src/table/table.ts +475 -0
- package/src/tabs/tab-group.ts +63 -28
- package/src/tabs/tab-panel.scss +3 -3
- package/src/tabs/tab-panel.ts +3 -0
- package/src/tabs/tab.scss +76 -2
- package/src/tabs/tab.ts +29 -6
- package/src/tabs/tabs.scss +6 -5
- package/src/tabs/tabs.ts +19 -5
- package/src/text/text.css-component.scss +6 -3
- package/src/tooltip/tooltip.scss +16 -13
- package/src/tooltip/tooltip.ts +7 -9
- package/src/tree-view/demo/index.html +57 -0
- package/src/tree-view/index.ts +2 -0
- package/src/tree-view/tree-node.scss +101 -0
- package/src/tree-view/tree-node.ts +268 -0
- package/src/tree-view/tree-view.scss +12 -0
- package/src/tree-view/tree-view.ts +182 -0
- package/src/tree-view/wc-tree-view.ts +9 -0
- package/dist/class-map-DpeNtqCn.js.map +0 -1
- package/dist/slider-Dk9CFWTG.js.map +0 -1
- package/dist/src/menu/menu-list/menu-list.d.ts +0 -22
- package/dist/state-8v48Exzh.js +0 -10
- package/dist/state-8v48Exzh.js.map +0 -1
- package/dist/transform-DRuHEvar.js.map +0 -1
- package/src/menu/menu-list/menu-list.ts +0 -48
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export interface TableColumn {
|
|
3
|
+
name: string;
|
|
4
|
+
label: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
fixed?: boolean;
|
|
7
|
+
template?: (row: any, column: TableColumn) => string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @label Table
|
|
11
|
+
* @tag wc-table
|
|
12
|
+
* @rawTag table
|
|
13
|
+
* @summary A configurable component for displaying tabular data.
|
|
14
|
+
* @overview
|
|
15
|
+
* <p>The table component displays rows of data with support for sorting, pagination, row selection, and fixed columns.</p>
|
|
16
|
+
*
|
|
17
|
+
* @fires {CustomEvent} cell-click - Dispatched when a table cell is clicked.
|
|
18
|
+
* @fires {CustomEvent} selection-change - Dispatched when the row selection changes.
|
|
19
|
+
* @fires {CustomEvent} sort - Dispatched when the table is sorted.
|
|
20
|
+
* @fires {CustomEvent} page - Dispatched when the page or page size changes.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```html
|
|
24
|
+
* <wc-table columns="[{'name': 'name','label': 'Name','width': 16},{'name': 'age','label': 'Age','width': 7}]" data="[{'name': 'John','age': 30},{'name': 'Jane','age': 25}]"></wc-table>
|
|
25
|
+
* ```
|
|
26
|
+
* @tags display, data
|
|
27
|
+
*/
|
|
28
|
+
export declare class Table extends LitElement {
|
|
29
|
+
static styles: import("lit").CSSResultGroup[];
|
|
30
|
+
/**
|
|
31
|
+
* Grid columns configuration.
|
|
32
|
+
* Each column can have: name, label, width (px), fixed (boolean), template (function).
|
|
33
|
+
*/
|
|
34
|
+
columns: TableColumn[];
|
|
35
|
+
/**
|
|
36
|
+
* Grid data to display on table.
|
|
37
|
+
*/
|
|
38
|
+
data: any[];
|
|
39
|
+
/**
|
|
40
|
+
* Row selection type. Set to `"checkbox"` to enable checkbox selection.
|
|
41
|
+
*/
|
|
42
|
+
selectionType: 'checkbox' | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* Array of selected row key values.
|
|
45
|
+
*/
|
|
46
|
+
selectedRowKeys: string[];
|
|
47
|
+
/**
|
|
48
|
+
* The field name used as the unique key for each row. Defaults to `"id"`.
|
|
49
|
+
*/
|
|
50
|
+
keyField: string;
|
|
51
|
+
/**
|
|
52
|
+
* If true, sorting and pagination are managed externally (controlled mode).
|
|
53
|
+
*/
|
|
54
|
+
managed: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* If true, columns are sortable. Defaults to `true`.
|
|
57
|
+
*/
|
|
58
|
+
sortable: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* The field name currently used for sorting.
|
|
61
|
+
*/
|
|
62
|
+
sortBy: string;
|
|
63
|
+
/**
|
|
64
|
+
* The current sort order. Possible values are `"asc"` and `"desc"`. Defaults to `"asc"`.
|
|
65
|
+
*/
|
|
66
|
+
sortOrder: 'asc' | 'desc';
|
|
67
|
+
/**
|
|
68
|
+
* If true, pagination is enabled. Defaults to `true`.
|
|
69
|
+
*/
|
|
70
|
+
paginate: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* The current page number (1-based). Defaults to `1`.
|
|
73
|
+
*/
|
|
74
|
+
page: number;
|
|
75
|
+
/**
|
|
76
|
+
* The number of rows per page. Defaults to `10`.
|
|
77
|
+
*/
|
|
78
|
+
pageSize: number;
|
|
79
|
+
/**
|
|
80
|
+
* Total number of items (used in managed/controlled mode).
|
|
81
|
+
*/
|
|
82
|
+
totalItems: number | undefined;
|
|
83
|
+
/**
|
|
84
|
+
* Headline text shown when the table has no data.
|
|
85
|
+
*/
|
|
86
|
+
emptyStateHeadline: string;
|
|
87
|
+
/**
|
|
88
|
+
* Description text shown when the table has no data.
|
|
89
|
+
*/
|
|
90
|
+
emptyStateDescription: string;
|
|
91
|
+
private hoveredCell;
|
|
92
|
+
private isSelectAll;
|
|
93
|
+
private isSelectAllIntermediate;
|
|
94
|
+
private isHorizontallyScrolled;
|
|
95
|
+
private onCellMouseOverThrottled;
|
|
96
|
+
private onSelectAllClick;
|
|
97
|
+
private onRowSelectClick;
|
|
98
|
+
private onSelectChange;
|
|
99
|
+
private onCellClick;
|
|
100
|
+
private onScrollContainer;
|
|
101
|
+
private get totalColumnsWidth();
|
|
102
|
+
private getTotalItems;
|
|
103
|
+
private getSortIcon;
|
|
104
|
+
private onSortClick;
|
|
105
|
+
private renderHeader;
|
|
106
|
+
private renderBody;
|
|
107
|
+
private renderEmptyState;
|
|
108
|
+
private renderPagination;
|
|
109
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
110
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import { Tabs } from './tabs.js';
|
|
3
|
+
import { TabPanel } from './tab-panel.js';
|
|
2
4
|
/**
|
|
3
5
|
* @label Tab Group
|
|
4
6
|
* @tag wc-tab-group
|
|
@@ -25,13 +27,15 @@ import { LitElement } from 'lit';
|
|
|
25
27
|
*/
|
|
26
28
|
export declare class TabGroup extends LitElement {
|
|
27
29
|
static styles: import("lit").CSSResultGroup[];
|
|
30
|
+
static Tabs: typeof Tabs;
|
|
31
|
+
static TabPanel: typeof TabPanel;
|
|
28
32
|
variant: 'line' | 'line-secondary' | 'contained' | 'pill';
|
|
29
|
-
private uid;
|
|
30
33
|
connectedCallback(): void;
|
|
31
34
|
disconnectedCallback(): void;
|
|
32
35
|
firstUpdated(): void;
|
|
33
36
|
private onTabClick;
|
|
34
37
|
selectTab(target: string): void;
|
|
38
|
+
selectTabByIndex(index: number): void;
|
|
35
39
|
private getTabs;
|
|
36
40
|
private getTabPanels;
|
|
37
41
|
private getTabList;
|
|
@@ -3,6 +3,7 @@ import { LitElement } from 'lit';
|
|
|
3
3
|
* @label Tab Panel
|
|
4
4
|
* @tag wc-tab-panel
|
|
5
5
|
* @rawTag tab-panel
|
|
6
|
+
* @parentRawTag tab-group
|
|
6
7
|
*
|
|
7
8
|
* @summary Content panel for tabs.
|
|
8
9
|
* @overview
|
|
@@ -17,5 +18,6 @@ import { LitElement } from 'lit';
|
|
|
17
18
|
export declare class TabPanel extends LitElement {
|
|
18
19
|
static styles: import("lit").CSSResultGroup[];
|
|
19
20
|
value?: string;
|
|
21
|
+
active: boolean;
|
|
20
22
|
render(): import("lit-html").TemplateResult<1>;
|
|
21
23
|
}
|
package/dist/src/tabs/tab.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { LitElement, nothing } from 'lit';
|
|
|
3
3
|
* @label Tab
|
|
4
4
|
* @tag wc-tab
|
|
5
5
|
* @rawTag tab
|
|
6
|
+
* @parentRawTag tabs
|
|
6
7
|
*
|
|
7
8
|
* @summary A tab component for use within tabs.
|
|
8
9
|
* @overview
|
|
@@ -20,7 +21,6 @@ export declare class Tab extends LitElement {
|
|
|
20
21
|
active: boolean;
|
|
21
22
|
disabled: boolean;
|
|
22
23
|
disabledReason: string;
|
|
23
|
-
icon?: string;
|
|
24
24
|
label?: string;
|
|
25
25
|
value?: string;
|
|
26
26
|
configAria?: {
|
|
@@ -37,6 +37,8 @@ export declare class Tab extends LitElement {
|
|
|
37
37
|
throttleDelay: number;
|
|
38
38
|
hasFocus: boolean;
|
|
39
39
|
slotHasContent: boolean;
|
|
40
|
+
slotHasIcon: boolean;
|
|
41
|
+
slotHasBadge: boolean;
|
|
40
42
|
/**
|
|
41
43
|
* States
|
|
42
44
|
*/
|
package/dist/src/tabs/tabs.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import { Tab } from './tab.js';
|
|
2
3
|
/**
|
|
3
4
|
* @label Tabs
|
|
4
5
|
* @tag wc-tabs
|
|
@@ -19,6 +20,7 @@ import { LitElement } from 'lit';
|
|
|
19
20
|
*/
|
|
20
21
|
export declare class Tabs extends LitElement {
|
|
21
22
|
static styles: import("lit").CSSResultGroup[];
|
|
23
|
+
static Tab: typeof Tab;
|
|
22
24
|
managed: boolean;
|
|
23
25
|
connectedCallback(): void;
|
|
24
26
|
disconnectedCallback(): void;
|
|
@@ -9,9 +9,7 @@ export type TooltipTrigger = 'hover' | 'focus' | 'click';
|
|
|
9
9
|
*
|
|
10
10
|
* @example
|
|
11
11
|
* ```html
|
|
12
|
-
* <wc-tooltip
|
|
13
|
-
* <button>Hover me</button>
|
|
14
|
-
* </wc-tooltip>
|
|
12
|
+
* <wc-tooltip preview>Tooltip</wc-tooltip>
|
|
15
13
|
* ```
|
|
16
14
|
*/
|
|
17
15
|
export declare class Tooltip extends LitElement {
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @label Tree Node
|
|
4
|
+
* @tag wc-tree-node
|
|
5
|
+
* @rawTag tree-node
|
|
6
|
+
* @parentRawTag tree-view
|
|
7
|
+
* @summary A tree node represents a single item in a hierarchical tree structure. It supports nesting, icons, links, and keyboard navigation.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```html
|
|
11
|
+
* <wc-tree-view>
|
|
12
|
+
* <wc-tree-node label="Parent">
|
|
13
|
+
* <wc-tree-node label="Child"></wc-tree-node>
|
|
14
|
+
* </wc-tree-node>
|
|
15
|
+
* </wc-tree-view>
|
|
16
|
+
* ```
|
|
17
|
+
* @tags navigation
|
|
18
|
+
*/
|
|
19
|
+
export declare class TreeNode extends LitElement {
|
|
20
|
+
static styles: import("lit").CSSResultGroup[];
|
|
21
|
+
/**
|
|
22
|
+
* The value used to identify this node when selected.
|
|
23
|
+
*/
|
|
24
|
+
value: string;
|
|
25
|
+
/**
|
|
26
|
+
* The display label for this node.
|
|
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 node.
|
|
43
|
+
*/
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Whether the node is currently selected.
|
|
47
|
+
*/
|
|
48
|
+
selected: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Whether child nodes are visible.
|
|
51
|
+
*/
|
|
52
|
+
expanded: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* The nesting depth level (set automatically by the parent tree-view).
|
|
55
|
+
*/
|
|
56
|
+
level: number;
|
|
57
|
+
private readonly _nativeElement;
|
|
58
|
+
focus(): void;
|
|
59
|
+
blur(): void;
|
|
60
|
+
private _getChildNodes;
|
|
61
|
+
connectedCallback(): void;
|
|
62
|
+
private _syncHostAria;
|
|
63
|
+
private _updateChildLevels;
|
|
64
|
+
private _handleClick;
|
|
65
|
+
private _handleKeyDown;
|
|
66
|
+
updated(changedProps: Map<string, unknown>): void;
|
|
67
|
+
private _renderContent;
|
|
68
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
69
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { TreeNode } from './tree-node.js';
|
|
3
|
+
/**
|
|
4
|
+
* @label Tree View
|
|
5
|
+
* @tag wc-tree-view
|
|
6
|
+
* @rawTag tree-view
|
|
7
|
+
* @summary A tree view is a hierarchical structure that provides nested levels of navigation. It supports keyboard navigation, single/multi select, and expandable nodes.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```html
|
|
11
|
+
* <wc-tree-view>
|
|
12
|
+
* <wc-tree-node label="Parent" expanded>
|
|
13
|
+
* <wc-tree-node label="Child 1"></wc-tree-node>
|
|
14
|
+
* <wc-tree-node label="Child 2"></wc-tree-node>
|
|
15
|
+
* </wc-tree-node>
|
|
16
|
+
* </wc-tree-view>
|
|
17
|
+
* ```
|
|
18
|
+
* @tags navigation
|
|
19
|
+
*/
|
|
20
|
+
export declare class TreeView extends LitElement {
|
|
21
|
+
static styles: import("lit").CSSResultGroup[];
|
|
22
|
+
/**
|
|
23
|
+
* The value of the currently selected node.
|
|
24
|
+
*/
|
|
25
|
+
selectedNode: string;
|
|
26
|
+
connectedCallback(): void;
|
|
27
|
+
updated(changedProps: Map<string, unknown>): void;
|
|
28
|
+
disconnectedCallback(): void;
|
|
29
|
+
private _getTopLevelNodes;
|
|
30
|
+
private _getAllVisibleNodes;
|
|
31
|
+
private _onNodeClick;
|
|
32
|
+
private _updateSelectedState;
|
|
33
|
+
private _clearSelectedState;
|
|
34
|
+
private _syncSelectedStateFromProperty;
|
|
35
|
+
private _onSlotChange;
|
|
36
|
+
private _collectAllNodes;
|
|
37
|
+
private _onKeyDown;
|
|
38
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
39
|
+
static Node: typeof TreeNode;
|
|
40
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { E } from './IndividualComponent-
|
|
1
|
+
import { E } from './IndividualComponent-Dt5xirYG.js';
|
|
2
2
|
import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -8,4 +8,4 @@ import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
|
|
|
8
8
|
*/const n="important",i=" !"+n,o=e(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||t$1.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r="string"==typeof e&&e.endsWith(i);t.includes("-")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:""):s[t]=e;}}return E}});
|
|
9
9
|
|
|
10
10
|
export { o };
|
|
11
|
-
//# sourceMappingURL=style-map-
|
|
11
|
+
//# sourceMappingURL=style-map-DcB52w-l.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-map-
|
|
1
|
+
{"version":3,"file":"style-map-DcB52w-l.js","sources":["../node_modules/lit-html/directives/style-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as e,Directive as r,PartType as s}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const n=\"important\",i=\" !\"+n,o=e(class extends r{constructor(t){if(super(t),t.type!==s.ATTRIBUTE||\"style\"!==t.name||t.strings?.length>2)throw Error(\"The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.\")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes(\"-\")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,\"-$&\").toLowerCase()}:${s};`},\"\")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes(\"-\")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r=\"string\"==typeof e&&e.endsWith(i);t.includes(\"-\")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:\"\"):s[t]=e}}return t}});export{o as styleMap};\n//# sourceMappingURL=style-map.js.map\n"],"names":["r","t","s"],"mappings":";;;AACA;AACA;AACA;AACA;AACA,GAAQ,MAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAcA,GAAC,CAAC,WAAW,CAACC,GAAC,CAAC,CAAC,GAAG,KAAK,CAACA,GAAC,CAAC,CAACA,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,SAAS,EAAE,OAAO,GAAGD,GAAC,CAAC,IAAI,EAAEA,GAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,4GAA4G,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,mCAAmC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/test/icon.test.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import '../src/p-icon.js';
|
|
1
|
+
import '../src/icon/p-icon.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../src/tree-view/wc-tree-view.js';
|