@redvars/peacock 3.2.10 → 3.3.1

package/dist/src/pagination/pagination.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * @label Pagination
+ * @tag wc-pagination
+ * @rawTag pagination
+ * @summary A pagination control with page size selector, item count display, and previous/next navigation.
+ * @overview
+ * <p>The pagination component provides controls for navigating through paged data sets.</p>
+ *
+ * @fires {CustomEvent} page - Dispatched when the page or page size changes. Detail: `{ page, pageSize }`.
+ *
+ * @example
+ * ```html
+ * <wc-pagination page="1" page-size="10" total-items="100"></wc-pagination>
+ * ```
+ * @tags navigation, data
+ */
+export declare class Pagination extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * 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.
+     */
+    totalItems: number;
+    /**
+     * Supported page size options.
+     */
+    pageSizes: number[];
+    private dispatchPageEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/popover/PopoverController.d.ts

@@ -8,6 +8,9 @@ export declare class PopoverController implements ReactiveController {
         placement: Placement;
         offset: number;
     });
-    updatePosition(reference: HTMLElement | null, floating: HTMLElement): Promise<void>;
+    updatePosition(reference: HTMLElement | null, floating: HTMLElement, options?: {
+        placement?: Placement;
+        offset?: number;
+    }): Promise<void>;
     hostDisconnected(): void;
 }

package/dist/src/popover/index.d.ts

@@ -1 +1 @@
-export { Tooltip } from './tooltip/tooltip.js';
+export { Tooltip } from '../tooltip/tooltip.js';

package/dist/src/progress/circular-progress/circular-progress.d.ts

@@ -1,14 +1,14 @@
 import { BaseProgress } from '../base-progress.js';
 /**
  * @label Circular Progress
- * @tag circular-progress
+ * @tag wc-circular-progress
  * @rawTag circular-progress
- *
  * @summary A circular progress indicator is a visual representation of progress toward a specific goal.
+ * @tags display
  *
  * @example
  * ```html
- * <circular-progress value="30"></circular-progress>
+ * <wc-circular-progress value="30"></wc-circular-progress>
  * ```
  */
 export declare class CircularProgress extends BaseProgress {

package/dist/src/progress/linear-progress/linear-progress.d.ts

@@ -1,14 +1,14 @@
 import { BaseProgress } from '../base-progress.js';
 /**
  * @label Linear Progress
- * @tag linear-progress
+ * @tag wc-linear-progress
  * @rawTag linear-progress
- *
  * @summary A linear progress indicator is a visual representation of progress toward a specific goal.
+ * @tags display
  *
  * @example
  * ```html
- * <linear-progress value="30" style="width:10rem"></linear-progress>
+ * <wc-linear-progress value="30" style="width:10rem"></wc-linear-progress>
  * ```
  */
 export declare class LinearProgress extends BaseProgress {

package/dist/src/ripple/ripple.d.ts

@@ -1,9 +1,65 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * @label Ripple
+ * @tag wc-ripple
+ * @rawTag ripple
+ *
+ * @summary Provides ripple effect for interactive elements.
+ * @overview
+ * <p>Ripple creates a visual feedback effect when users interact with buttons or other clickable elements.</p>
+ *
+ * @example
+ * ```html
+ * <button style="position: relative;">
+ *   <wc-ripple></wc-ripple>
+ *   Click me
+ * </button>
+ * ```
+ * @tags display
+ */
 export declare class Ripple extends LitElement {
     static styles: import("lit").CSSResult;
+    /**
+     * Disables the ripple.
+     */
+    disabled: boolean;
+    private hovered;
+    private pressed;
+    private readonly mdRoot;
+    private rippleSize;
+    private rippleScale;
+    private initialSize;
+    private growAnimation?;
+    private state;
+    private rippleStartEvent?;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    _setupParent(): void;
-    _createRipple: (event: PointerEvent) => void;
-    render(): import("lit-html").TemplateResult<1>;
+    attach(control: HTMLElement): void;
+    detach(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected update(changedProps: PropertyValues<Ripple>): void;
+    handlePointerenter(event: PointerEvent): void;
+    handlePointerleave(event: PointerEvent): void;
+    private handlePointerup;
+    private handlePointerdown;
+    private handleClick;
+    private handlePointercancel;
+    private handleContextmenu;
+    private determineRippleSize;
+    private getTranslationCoordinates;
+    private startPressAnimation;
+    private endPressAnimation;
+    /**
+     * Returns `true` if
+     *  - the ripple element is enabled
+     *  - the pointer is primary for the input type
+     *  - the pointer is the pointer that started the interaction, or will start
+     * the interaction
+     *  - the pointer is a touch, or the pointer state has the primary button
+     * held, or the pointer is hovering
+     */
+    private shouldReactToEvent;
+    private isTouch;
+    handleEvent(event: Event): Promise<void>;
+    private getNormalizedPointerEventCoords;
 }

package/dist/src/skeleton/skeleton.d.ts

@@ -1,14 +1,15 @@
 import { LitElement } from 'lit';
 /**
  * @label Skeleton
- *
- * @tag base-skeleton
+ * @tag wc-skeleton
  * @rawTag skeleton
- *
  * @summary Adds a skeleton effect to an element.
- *
- *
  * @tags display
+ *
+ * @example
+ * ```html
+ * <wc-skeleton visible></wc-skeleton>
+ * ```
  */
 export declare class Skeleton extends LitElement {
     static styles: import("lit").CSSResultGroup[];

package/dist/src/slider/index.d.ts

@@ -0,0 +1 @@
+export { Slider } from './slider.js';

package/dist/src/slider/slider.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+/**
+ * @label Slider
+ * @tag wc-slider
+ * @rawTag slider
+ *
+ * @summary Sliders allow users to make selections from a range of values.
+ *
+ * @fires {CustomEvent} input - Dispatched when the slider value changes during interaction.
+ * @fires {CustomEvent} change - Dispatched when the slider interaction ends.
+ *
+ * @example
+ * ```html
+ * <wc-slider min="0" max="100" value="50"></wc-slider>
+ * ```
+ */
+export declare class Slider extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The minimum value of the slider.
+     */
+    min: number;
+    /**
+     * The maximum value of the slider.
+     */
+    max: number;
+    /**
+     * The current value of the slider.
+     */
+    value: number;
+    /**
+     * The step increment for the slider.
+     */
+    step: number;
+    /**
+     * Whether the slider is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether to show labels on the slider.
+     */
+    labeled: boolean;
+    private isDragging;
+    private container;
+    private thumbElement;
+    private handleInput;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/spinner/spinner.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 /**
  * @label Spinner
- * @tag base-spinner
+ * @tag wc-spinner
  * @rawTag spinner
  * @summary A spinner component that animates a circular shape.
  * @cssprop --spinner-track-color - The color of the track.
@@ -10,7 +10,7 @@ import { LitElement } from 'lit';
  *
  * @example
  * ```html
- * <base-spinner></base-spinner>
+ * <wc-spinner></wc-spinner>
  * ```
  */
 export declare class Spinner extends LitElement {

package/dist/src/switch/switch.d.ts

@@ -2,7 +2,7 @@ import { nothing } from 'lit';
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Switch
- * @tag base-switch
+ * @tag wc-switch
  * @rawTag switch
  *
  * @summary Captures boolean input with an on/off switch interaction.
@@ -22,7 +22,7 @@ import BaseInput from '../input/BaseInput.js';
  *
  * @example
  * ```html
- * <base-switch value="true"></base-switch>
+ * <wc-switch value="true"></wc-switch>
  * ```
  * @tags input, form
  */

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

@@ -0,0 +1 @@
+export { Table } from './table.js';

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/index.d.ts

@@ -0,0 +1,4 @@
+export { Tab } from './tab.js';
+export { TabGroup } from './tab-group.js';
+export { TabPanel } from './tab-panel.js';
+export { Tabs } from './tabs.js';

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

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+import { Tabs } from './tabs.js';
+import { TabPanel } from './tab-panel.js';
+/**
+ * @label Tab Group
+ * @tag wc-tab-group
+ * @rawTag tab-group
+ *
+ * @summary The tab group component is used to display multiple panels of content in a container.
+ * @overview
+ * <p>The tab group component allows users to switch between different views or content sections.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab-group>
+ *
+ *   <wc-tabs>
+ *    <wc-tab selected >Tab 1</wc-tab>
+ *    <wc-tab>Tab 2</wc-tab>
+ *   </wc-tabs>
+ *
+ *   <wc-tab-panel>Panel 1</wc-tab-panel>
+ *   <wc-tab-panel>Panel 2</wc-tab-panel>
+ * </wc-tab-group>
+ * ```
+ * @tags navigation
+ */
+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;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private onTabClick;
+    selectTab(target: string): void;
+    private getTabs;
+    private getTabPanels;
+    private getTabList;
+    private tabsHaveTarget;
+    private initializeTabs;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * @label Tab Panel
+ * @tag wc-tab-panel
+ * @rawTag tab-panel
+ * @parentRawTag tab-group
+ *
+ * @summary Content panel for tabs.
+ * @overview
+ * <p>TabPanel contains the content associated with a tab.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab-panel>Content for this tab</wc-tab-panel>
+ * ```
+ * @tags navigation
+ */
+export declare class TabPanel extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    value?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,59 @@
+import { LitElement, nothing } from 'lit';
+/**
+ * @label Tab
+ * @tag wc-tab
+ * @rawTag tab
+ * @parentRawTag tabs
+ *
+ * @summary A tab component for use within tabs.
+ * @overview
+ * <p>Tab represents an individual tab in a tabs component.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab>Tab Label</wc-tab>
+ * ```
+ * @tags navigation
+ */
+export declare class Tab extends LitElement {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    active: boolean;
+    disabled: boolean;
+    disabledReason: string;
+    icon?: string;
+    label?: string;
+    value?: string;
+    configAria?: {
+        [key: string]: any;
+    };
+    /**
+    * Sets or retrieves the window or frame at which to target content.
+    */
+    target: string;
+    href?: string;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    hasFocus: boolean;
+    slotHasContent: boolean;
+    /**
+      * States
+      */
+    isPressed: boolean;
+    private _tabindex;
+    readonly tabElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    constructor();
+    firstUpdated(): void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __isLink(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    renderTabContent(): import("lit-html").TemplateResult<1>;
+    __getDisabledReasonID(): string | typeof nothing;
+    __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { Tab } from './tab.js';
+/**
+ * @label Tabs
+ * @tag wc-tabs
+ * @rawTag tabs
+ *
+ * @summary Container for tab components.
+ * @overview
+ * <p>Tabs holds the tab buttons and manages their layout.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tabs>
+ *   <wc-tab>Tab 1</wc-tab>
+ *   <wc-tab>Tab 2</wc-tab>
+ * </wc-tabs>
+ * ```
+ * @tags navigation
+ */
+export declare class Tabs extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    static Tab: typeof Tab;
+    managed: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private __handleTabClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/textarea/textarea.d.ts

@@ -1,14 +1,14 @@
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Textarea
- * @tag textarea-field
+ * @tag wc-textarea
  * @rawTag textarea
- *
  * @summary The Textarea component is used to capture user input.
+ * @tags input
  *
  * @example
  * ```html
- * <textarea-field label="Name" required placeholder="Enter your name"></textarea-field>
+ * <wc-textarea label="Description" placeholder="Enter text"></wc-textarea>
  * ```
  */
 export declare class Textarea extends BaseInput {

package/dist/src/time-picker/time-picker.d.ts

@@ -1,14 +1,14 @@
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Time Picker
- * @tag time-picker
+ * @tag wc-time-picker
  * @rawTag time-picker
- *
  * @summary The Time Picker component is used to capture time user input.
+ * @tags input
  *
  * @example
  * ```html
- * <time-picker label="Name" required placeholder="Enter your name"></time-picker>
+ * <wc-time-picker label="Time" placeholder="Select a time"></wc-time-picker>
  * ```
  */
 export declare class TimePicker extends BaseInput {

package/dist/src/{popover/tooltip → tooltip}/tooltip.d.ts

@@ -2,15 +2,15 @@ import { LitElement } from 'lit';
 export type TooltipTrigger = 'hover' | 'focus' | 'click';
 /**
  * @label Tooltip
- * @tag base-tooltip
+ * @tag wc-tooltip
  * @rawTag tooltip
  * @summary Displays a tooltip for an element.
+ * @tags display
  *
  * @example
  * ```html
- * <span class="tooltip">Tooltip</span>
+ * <wc-tooltip preview>Tooltip</wc-tooltip>
  * ```
- * @tags display
  */
 export declare class Tooltip extends LitElement {
     static styles: import("lit").CSSResultGroup[];
@@ -23,6 +23,7 @@ export declare class Tooltip extends LitElement {
     trigger: string;
     open: boolean;
     variant: 'plain' | 'rich';
+    preview: boolean;
     floatingEl: HTMLElement;
     private _target;
     private _popover;

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

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