@redvars/peacock 3.3.0 → 3.3.1

package/dist/src/table/table.d.ts

@@ -0,0 +1,110 @@
+import { LitElement } from 'lit';
+export interface TableColumn {
+    name: string;
+    label: string;
+    width?: number;
+    fixed?: boolean;
+    template?: (row: any, column: TableColumn) => string;
+}
+/**
+ * @label Table
+ * @tag wc-table
+ * @rawTag table
+ * @summary A configurable component for displaying tabular data.
+ * @overview
+ * <p>The table component displays rows of data with support for sorting, pagination, row selection, and fixed columns.</p>
+ *
+ * @fires {CustomEvent} cell-click - Dispatched when a table cell is clicked.
+ * @fires {CustomEvent} selection-change - Dispatched when the row selection changes.
+ * @fires {CustomEvent} sort - Dispatched when the table is sorted.
+ * @fires {CustomEvent} page - Dispatched when the page or page size changes.
+ *
+ * @example
+ * ```html
+ * <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>
+ * ```
+ * @tags display, data
+ */
+export declare class Table extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Grid columns configuration.
+     * Each column can have: name, label, width (px), fixed (boolean), template (function).
+     */
+    columns: TableColumn[];
+    /**
+     * Grid data to display on table.
+     */
+    data: any[];
+    /**
+     * Row selection type. Set to `"checkbox"` to enable checkbox selection.
+     */
+    selectionType: 'checkbox' | undefined;
+    /**
+     * Array of selected row key values.
+     */
+    selectedRowKeys: string[];
+    /**
+     * The field name used as the unique key for each row. Defaults to `"id"`.
+     */
+    keyField: string;
+    /**
+     * If true, sorting and pagination are managed externally (controlled mode).
+     */
+    managed: boolean;
+    /**
+     * If true, columns are sortable. Defaults to `true`.
+     */
+    sortable: boolean;
+    /**
+     * The field name currently used for sorting.
+     */
+    sortBy: string;
+    /**
+     * The current sort order. Possible values are `"asc"` and `"desc"`. Defaults to `"asc"`.
+     */
+    sortOrder: 'asc' | 'desc';
+    /**
+     * If true, pagination is enabled. Defaults to `true`.
+     */
+    paginate: boolean;
+    /**
+     * The current page number (1-based). Defaults to `1`.
+     */
+    page: number;
+    /**
+     * The number of rows per page. Defaults to `10`.
+     */
+    pageSize: number;
+    /**
+     * Total number of items (used in managed/controlled mode).
+     */
+    totalItems: number | undefined;
+    /**
+     * Headline text shown when the table has no data.
+     */
+    emptyStateHeadline: string;
+    /**
+     * Description text shown when the table has no data.
+     */
+    emptyStateDescription: string;
+    private hoveredCell;
+    private isSelectAll;
+    private isSelectAllIntermediate;
+    private isHorizontallyScrolled;
+    private onCellMouseOverThrottled;
+    private onSelectAllClick;
+    private onRowSelectClick;
+    private onSelectChange;
+    private onCellClick;
+    private onScrollContainer;
+    private get totalColumnsWidth();
+    private getTotalItems;
+    private getSortIcon;
+    private onSortClick;
+    private renderHeader;
+    private renderBody;
+    private renderEmptyState;
+    private renderPagination;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/tabs/tab-group.d.ts

@@ -1,4 +1,6 @@
 import { LitElement } from 'lit';
+import { Tabs } from './tabs.js';
+import { TabPanel } from './tab-panel.js';
 /**
  * @label Tab Group
  * @tag wc-tab-group
@@ -25,6 +27,8 @@ import { LitElement } from 'lit';
  */
 export declare class TabGroup extends LitElement {
     static styles: import("lit").CSSResultGroup[];
+    static Tabs: typeof Tabs;
+    static TabPanel: typeof TabPanel;
     variant: 'line' | 'line-secondary' | 'contained' | 'pill';
     private uid;
     connectedCallback(): void;

package/dist/src/tabs/tab-panel.d.ts

@@ -3,6 +3,7 @@ import { LitElement } from 'lit';
  * @label Tab Panel
  * @tag wc-tab-panel
  * @rawTag tab-panel
+ * @parentRawTag tab-group
  *
  * @summary Content panel for tabs.
  * @overview

package/dist/src/tabs/tab.d.ts

@@ -3,6 +3,7 @@ import { LitElement, nothing } from 'lit';
  * @label Tab
  * @tag wc-tab
  * @rawTag tab
+ * @parentRawTag tabs
  *
  * @summary A tab component for use within tabs.
  * @overview

package/dist/src/tabs/tabs.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { Tab } from './tab.js';
 /**
  * @label Tabs
  * @tag wc-tabs
@@ -19,6 +20,7 @@ import { LitElement } from 'lit';
  */
 export declare class Tabs extends LitElement {
     static styles: import("lit").CSSResultGroup[];
+    static Tab: typeof Tab;
     managed: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/tooltip/tooltip.d.ts

@@ -9,9 +9,7 @@ export type TooltipTrigger = 'hover' | 'focus' | 'click';
  *
  * @example
  * ```html
- * <wc-tooltip content="Tooltip text">
- *   <button>Hover me</button>
- * </wc-tooltip>
+ * <wc-tooltip preview>Tooltip</wc-tooltip>
  * ```
  */
 export declare class Tooltip extends LitElement {

package/dist/src/tree-view/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeNode } from './tree-node.js';
+export { TreeView } from './tree-view.js';

package/dist/src/tree-view/tree-node.d.ts

@@ -0,0 +1,69 @@
+import { LitElement } from 'lit';
+/**
+ * @label Tree Node
+ * @tag wc-tree-node
+ * @rawTag tree-node
+ * @parentRawTag tree-view
+ * @summary A tree node represents a single item in a hierarchical tree structure. It supports nesting, icons, links, and keyboard navigation.
+ *
+ * @example
+ * ```html
+ * <wc-tree-view>
+ *   <wc-tree-node label="Parent">
+ *     <wc-tree-node label="Child"></wc-tree-node>
+ *   </wc-tree-node>
+ * </wc-tree-view>
+ * ```
+ * @tags navigation
+ */
+export declare class TreeNode extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The value used to identify this node when selected.
+     */
+    value: string;
+    /**
+     * The display label for this node.
+     */
+    label: string;
+    /**
+     * Optional icon name to display before the label.
+     */
+    icon: string;
+    /**
+     * Optional hyperlink to navigate to on click.
+     */
+    href: string;
+    /**
+     * Sets or retrieves the window or frame at which to target content.
+     */
+    target: string;
+    /**
+     * If true, the user cannot interact with the node.
+     */
+    disabled: boolean;
+    /**
+     * Whether the node is currently selected.
+     */
+    selected: boolean;
+    /**
+     * Whether child nodes are visible.
+     */
+    expanded: boolean;
+    /**
+     * The nesting depth level (set automatically by the parent tree-view).
+     */
+    level: number;
+    private readonly _nativeElement;
+    focus(): void;
+    blur(): void;
+    private _getChildNodes;
+    connectedCallback(): void;
+    private _syncHostAria;
+    private _updateChildLevels;
+    private _handleClick;
+    private _handleKeyDown;
+    updated(changedProps: Map<string, unknown>): void;
+    private _renderContent;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/tree-view/tree-view.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import { TreeNode } from './tree-node.js';
+/**
+ * @label Tree View
+ * @tag wc-tree-view
+ * @rawTag tree-view
+ * @summary A tree view is a hierarchical structure that provides nested levels of navigation. It supports keyboard navigation, single/multi select, and expandable nodes.
+ *
+ * @example
+ * ```html
+ * <wc-tree-view>
+ *   <wc-tree-node label="Parent" expanded>
+ *     <wc-tree-node label="Child 1"></wc-tree-node>
+ *     <wc-tree-node label="Child 2"></wc-tree-node>
+ *   </wc-tree-node>
+ * </wc-tree-view>
+ * ```
+ * @tags navigation
+ */
+export declare class TreeView extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The value of the currently selected node.
+     */
+    selectedNode: string;
+    connectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _getTopLevelNodes;
+    private _getAllVisibleNodes;
+    private _onNodeClick;
+    private _updateSelectedState;
+    private _clearSelectedState;
+    private _syncSelectedStateFromProperty;
+    private _onSlotChange;
+    private _collectAllNodes;
+    private _onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+    static Node: typeof TreeNode;
+}

package/dist/src/tree-view/wc-tree-view.d.ts

@@ -0,0 +1,6 @@
+import { TreeView } from './tree-view.js';
+import { TreeNode } from './tree-node.js';
+export declare class WcTreeNode extends TreeNode {
+}
+export declare class WcTreeView extends TreeView {
+}

package/dist/test/icon.test.d.ts

@@ -1 +1 @@
-import '../src/p-icon.js';
+import '../src/icon/p-icon.js';

package/dist/test/menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/sub-menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/tree-view.test.d.ts

@@ -0,0 +1 @@
+import '../src/tree-view/wc-tree-view.js';