@redvars/peacock 3.5.1 → 3.6.0

package/dist/src/flow-designer/types.d.ts

@@ -0,0 +1,142 @@
+/**
+ * Workflow Data Types for Flow Designer
+ * Defines the structure for low-code business process workflows
+ */
+/**
+ * Supported node types in a workflow
+ */
+export type NodeType = 'trigger' | 'action' | 'decision' | 'loop_start' | 'loop_end' | 'fork' | 'join';
+/**
+ * Payload for workflow-changed event
+ */
+export interface WorkflowChangeEvent {
+    type: 'node-added' | 'node-deleted' | 'node-edited' | 'node-moved' | 'undo' | 'redo';
+    nodeId?: string;
+    workflow: Workflow;
+}
+/**
+ * Core workflow node structure
+ */
+export interface WorkflowNode {
+    id: string;
+    type: NodeType;
+    label: string;
+    description?: string;
+    icon?: string;
+    /**
+     * For sequential nodes in parallel execution (fork tasks)
+     */
+    tasks?: WorkflowNode[];
+    /**
+     * For conditional branching (decision nodes)
+     * Keys are branch conditions like "yes", "no"
+     */
+    branches?: Record<string, WorkflowNode[]>;
+    /**
+     * Child nodes for sequential flow
+     */
+    children?: WorkflowNode[];
+    /**
+     * For loop_end: points to the loop_start node id to repeat
+     */
+    target_id?: string;
+    /**
+     * For fork: join node that collects parallel paths
+     */
+    join?: WorkflowNode;
+    /**
+     * Custom metadata - can store domain-specific data
+     */
+    metadata?: Record<string, any>;
+}
+/**
+ * Complete workflow definition
+ */
+export interface Workflow {
+    workflow_id: string;
+    nodes: WorkflowNode;
+    metadata?: Record<string, any>;
+}
+/**
+ * Layout engine output - node with calculated position
+ */
+export interface PositionedNode {
+    node: WorkflowNode;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    lane: string;
+    depth: number;
+    branchPath?: string;
+    parentId?: string;
+    connectorPoints?: {
+        from: {
+            x: number;
+            y: number;
+        };
+        to: {
+            x: number;
+            y: number;
+        };
+        type: 'straight' | 'curved' | 'branch' | 'fork' | 'join';
+    }[];
+}
+/**
+ * Validation error result
+ */
+export interface ValidationError {
+    nodeId: string;
+    type: 'circular_loop' | 'orphaned_node' | 'invalid_branch' | 'missing_target' | 'invalid_fork_join';
+    message: string;
+    severity: 'error' | 'warning';
+}
+/**
+ * State for a single undo/redo operation
+ */
+export interface HistoryEntry {
+    command: WorkflowCommand;
+    workflow: Workflow;
+    timestamp: number;
+}
+/**
+ * Command interface for undo/redo pattern
+ */
+export interface WorkflowCommand {
+    execute(workflow: Workflow): Workflow;
+    undo(workflow: Workflow): Workflow;
+    description: string;
+}
+/**
+ * Swimlane configuration
+ */
+export interface SwimlaneConfig {
+    id: string;
+    name: string;
+    nodes: PositionedNode[];
+    isParallel: boolean;
+}
+/**
+ * Editor state
+ */
+export interface EditorState {
+    selectedNodeId: string | null;
+    isEditing: boolean;
+    editingNode: Partial<WorkflowNode> | null;
+    hoveredNodeId: string | null;
+    isDragging: boolean;
+    draggedNodeId: string | null;
+    zoom: number;
+    panX: number;
+    panY: number;
+}
+/**
+ * Node template configuration for slots
+ */
+export interface NodeTemplate {
+    type: NodeType;
+    defaultIcon?: string;
+    defaultHeight?: number;
+    allowedChildren?: NodeType[];
+    allowedBranches?: string[];
+}

package/dist/src/flow-designer/validation.d.ts

@@ -0,0 +1,43 @@
+import type { Workflow, ValidationError } from './types.js';
+/**
+ * Workflow validation - checks for common errors and inconsistencies
+ */
+export declare class WorkflowValidator {
+    /**
+     * Validate entire workflow
+     */
+    static validate(workflow: Workflow): ValidationError[];
+    /**
+     * Detect circular loop references
+     * A loop_end cannot point to a node that is its own descendant (after the loop_start)
+     */
+    private static _checkCircularLoops;
+    /**
+     * Check for orphaned nodes (not reachable from root)
+     */
+    private static _checkOrphanedNodes;
+    /**
+     * Check that decision nodes have valid branches
+     */
+    private static _checkValidBranches;
+    /**
+     * Check that loop_end nodes reference valid loop_start nodes
+     */
+    private static _checkMissingTargets;
+    /**
+     * Check that fork nodes have corresponding join nodes
+     */
+    private static _checkForkJoinPairs;
+    /**
+     * Check if workflow would create a valid execution path
+     */
+    static isExecutable(workflow: Workflow): boolean;
+    /**
+     * Get validation warnings only
+     */
+    static getWarnings(workflow: Workflow): ValidationError[];
+    /**
+     * Get validation errors only
+     */
+    static getErrors(workflow: Workflow): ValidationError[];
+}

package/dist/src/flow-designer/workflow-utils.d.ts

@@ -0,0 +1,40 @@
+import type { Workflow, WorkflowNode } from './types.js';
+/**
+ * Workflow utility functions for tree traversal and manipulation
+ */
+/**
+ * Deep clone a workflow to ensure immutability
+ */
+export declare function cloneWorkflow(workflow: Workflow): Workflow;
+/**
+ * Deep clone a workflow node
+ */
+export declare function cloneNode(node: WorkflowNode): WorkflowNode;
+/**
+ * Find a node by ID anywhere in the workflow tree
+ */
+export declare function findNodeById(node: WorkflowNode, id: string): WorkflowNode | null;
+/**
+ * Remove a node by ID from the workflow tree
+ */
+export declare function removeNodeById(node: WorkflowNode, id: string): WorkflowNode;
+/**
+ * Insert a node into the workflow tree at a specific location
+ */
+export declare function insertNodeIntoWorkflow(parent: WorkflowNode, nodeToInsert: WorkflowNode, connectionType?: 'child' | 'branch' | 'task', branchKey?: string): void;
+/**
+ * Collect all nodes in the workflow (depth-first)
+ */
+export declare function getAllNodes(node: WorkflowNode): WorkflowNode[];
+/**
+ * Get all parent node IDs for a given node (path from root to node)
+ */
+export declare function getNodePath(rootNode: WorkflowNode, targetId: string): string[];
+/**
+ * Check if a node is a descendant of another node
+ */
+export declare function isDescendant(rootNode: WorkflowNode, potentialParentId: string, nodeId: string): boolean;
+/**
+ * Replace a node in the tree
+ */
+export declare function replaceNode(node: WorkflowNode, targetId: string, replacement: WorkflowNode): WorkflowNode;

package/dist/src/html-editor/html-editor.d.ts

@@ -0,0 +1,56 @@
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label HTML Editor
+ * @tag wc-html-editor
+ * @rawTag html-editor
+ *
+ * @summary A WYSIWYG HTML editor component with a Material 3 styled toolbar.
+ * @overview
+ * <p>The HTML Editor provides a rich-text editing experience using the browser's built-in
+ * <code>contenteditable</code> API. It wraps the editable area in a Material 3 styled
+ * <code>wc-field</code> and exposes a toolbar with common formatting actions.</p>
+ *
+ * <p>Get and set the HTML content via the <code>value</code> property. The component
+ * dispatches a <code>change</code> event whenever the content is modified.</p>
+ *
+ * @cssprop --html-editor-min-height - Minimum height of the editable area. Defaults to 8rem.
+ * @cssprop --html-editor-toolbar-background - Background color of the toolbar.
+ * @cssprop --html-editor-toolbar-border-color - Border color between toolbar and editing area.
+ *
+ * @fires {Event} change - Fired whenever the editable content changes.
+ *
+ * @example
+ * ```html
+ * <wc-html-editor label="Description" value="<p>Hello <strong>world</strong></p>"></wc-html-editor>
+ * ```
+ * @tags input editor
+ */
+export declare class HtmlEditor extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    /** Current HTML value of the editor. */
+    value: string;
+    /** Label displayed above the editor. */
+    label: string;
+    /** Placeholder text shown when the editor is empty. */
+    placeholder: string;
+    /** Visual style of the wrapping field. */
+    variant: 'filled' | 'outlined' | 'default';
+    /** Helper text displayed below the editor. */
+    helperText: string;
+    /** Whether to show an error state. */
+    error: boolean;
+    /** Error message text. */
+    errorText: string;
+    private _focused;
+    private _editorEl;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _execCmd;
+    private _handleInput;
+    private _handleFocus;
+    private _handleBlur;
+    private _insertLink;
+    private _toolbarButton;
+    private _renderToolbar;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/html-editor/index.d.ts

@@ -0,0 +1,2 @@
+import { HtmlEditor } from './html-editor.js';
+export { HtmlEditor };

package/dist/src/index.d.ts

@@ -7,6 +7,8 @@ export { Elevation } from './elevation/index.js';
 export { Button, ButtonGroup, IconButton } from './button/index.js';
 export { Fab } from './fab/index.js';
 export { SegmentedButton, SegmentedButtonGroup } from './segmented-button/index.js';
+export { SplitButton } from './split-button/index.js';
+export { DropdownButton } from './dropdown-button/index.js';
 export { FocusRing } from './focus-ring/index.js';
 export { Ripple } from './ripple/index.js';
 export { Accordion } from './accordion/index.js';
@@ -30,10 +32,12 @@ export { Container } from './container/index.js';
 export { NumberCounter } from './number-counter/index.js';
 export { EmptyState } from './empty-state/index.js';
 export { Tooltip } from './popover/index.js';
+export { Popover, PopoverContent } from './popover/index.js';
 export { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';
 export { Menu, MenuItem, SubMenu } from './menu/index.js';
 export { CodeHighlighter } from './code-highlighter/index.js';
 export { CodeEditor } from './code-editor/index.js';
+export { HtmlEditor } from './html-editor/index.js';
 export { Image } from './image/index.js';
 export { Tab, TabGroup, TabPanel, Tabs } from './tabs/index.js';
 export { Slider } from './slider/index.js';
@@ -46,8 +50,10 @@ export { SidebarMenu, SidebarMenuItem, SidebarSubMenu } from './sidebar-menu/ind
 export { Card } from './card/index.js';
 export { Banner } from './banner/index.js';
 export { Notification } from './notification/index.js';
+export { NotificationManager } from './notification-manager/index.js';
 export { Snackbar } from './snackbar/index.js';
 export { Radio } from './radio/index.js';
+export { Modal } from './modal/index.js';
 export { BottomSheet } from './bottom-sheet/index.js';
 export { SideSheet } from './side-sheet/index.js';
 export { Select } from './select/index.js';
@@ -56,3 +62,10 @@ export { SelectOptionElement } from './select/index.js';
 export { Search } from './search/index.js';
 export { Toolbar } from './toolbar/index.js';
 export { NavigationRail, NavigationRailItem } from './navigation-rail/index.js';
+export { Calendar, CalendarColumnView, CalendarMonthView } from './calendar/index.js';
+export type { CalendarViewType, EventType } from './calendar/index.js';
+export { Canvas } from './canvas/index.js';
+export type { CanvasShape } from './canvas/index.js';
+export { FlowDesigner, FlowDesignerNode } from './flow-designer/index.js';
+export type { Workflow, WorkflowNode, WorkflowCommand, PositionedNode, ValidationError, HistoryEntry, EditorState, NodeType, WorkflowChangeEvent, SwimlaneConfig, NodeTemplate, } from './flow-designer/index.js';
+export { ConditionBuilder, CbPredicate, CbCompoundExpression, CbExpression, CbDivider } from './condition-builder/index.js';

package/dist/src/menu/menu/menu.d.ts

@@ -43,7 +43,7 @@ export declare class Menu extends LitElement {
     private activeIndex;
     private readonly menuListElement;
     anchorElement: HTMLElement | null;
-    private readonly _surfaceController;
+    private readonly _floatingController;
     private _lastFocusedElement;
     private _closeReason;
     connectedCallback(): void;
@@ -60,13 +60,11 @@ export declare class Menu extends LitElement {
     private _setBoundaryActive;
     private _getActiveItem;
     private _getFirstEnabledItem;
-    private _ownsKeyboardEvent;
-    private _onItemActivate;
-    private _onItemRequestClose;
+    private _isEventFromThisMenu;
+    private _ownedItemFromEvent;
+    private _setActiveItem;
+    private _onClick;
     private _onKeyDown;
-    private _onWindowClick;
-    private _isWithinMenuTree;
-    private _onFocusOut;
     private _onSlotChange;
     private _applyPositioning;
     protected updated(changedProperties: Map<string, unknown>): void;

package/dist/src/menu/menu-item/menu-item.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+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>;
 /**
  * @label Menu Item
  * @tag wc-menu-item
@@ -12,28 +13,28 @@ import { LitElement } from 'lit';
  * <wc-menu-item>Menu Item</wc-menu-item>
  * ```
  */
-export declare class MenuItem extends LitElement {
-    disabled: boolean;
+export declare class MenuItem extends MenuItem_base {
     value: string;
     selected: boolean;
     keepOpen: boolean;
     hasSubmenu: boolean;
     submenuOpen: boolean;
-    href?: string;
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target: string;
     variant: 'standard' | 'vibrant';
     static styles: import("lit").CSSResultGroup[];
+    readonly itemElement: HTMLElement | null;
+    /**
+       * States
+       */
+    isPressed: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private emitActivate;
-    private requestClose;
-    private requestSubmenuKey;
-    private _handleKeyDown;
-    private _handleClick;
-    __isLink(): boolean;
+    focus(): void;
+    blur(): void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handleKeyDown: (event: KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
     render(): import("lit-html").TemplateResult<1>;
     renderContent(): import("lit-html").TemplateResult<1>;
 }
+export {};

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

@@ -0,0 +1 @@
+export { Modal } from './modal.js';

package/dist/src/modal/modal.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, nothing } from 'lit';
+type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'fullscreen';
+/**
+ * @label Modal
+ * @tag wc-modal
+ * @rawTag modal-wc
+ * @summary A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
+ *
+ * @cssprop --modal-container-color - Background color of the dialog container.
+ * @cssprop --modal-scrim-color - Color of the scrim backdrop.
+ * @cssprop --modal-shape - Corner radius of the dialog container.
+ * @cssprop --modal-min-width - Minimum width of the dialog.
+ * @cssprop --modal-max-width - Maximum width of the dialog.
+ * @cssprop --modal-max-height - Maximum height of the dialog.
+ *
+ * @example
+ * ```html
+ * <wc-modal open heading="Confirm Action">
+ *   <p>Are you sure you want to continue?</p>
+ *   <div slot="footer">
+ *     <wc-button variant="text">Cancel</wc-button>
+ *     <wc-button>Confirm</wc-button>
+ *   </div>
+ * </wc-modal>
+ * ```
+ * @tags overlay, dialog, feedback
+ */
+export declare class Modal extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether the modal is open. */
+    open: boolean;
+    /** Heading text shown in the modal header. */
+    heading: string;
+    /** Optional subheading / label text shown above the heading. */
+    subheading: string;
+    /**
+     * Size of the modal dialog.
+     * - `"xs"`: Extra-small.
+     * - `"sm"`: Small.
+     * - `"md"`: Medium (default).
+     * - `"lg"`: Large.
+     * - `"fullscreen"`: Full-screen dialog.
+     */
+    size: ModalSize;
+    /** When true, hides the close button in the header. */
+    hideClose: boolean;
+    /** When true, renders a loading overlay inside the modal. */
+    showLoader: boolean;
+    /** When true, clicking the scrim will not close the modal. */
+    noScrimClose: boolean;
+    private _visible;
+    show(): void;
+    hide(): void;
+    private _close;
+    private _handleScrimClick;
+    private _handleCloseClick;
+    private readonly _handleKeydown;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _handleAnimationEnd;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/notification-manager/index.d.ts

@@ -0,0 +1 @@
+export { NotificationManager } from './notification-manager.js';

package/dist/src/notification-manager/notification-manager.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+/**
+ * @label Notification Manager
+ * @tag wc-notification-manager
+ * @rawTag notification-manager
+ * @summary The Notification Manager handles the organization and display of notifications within the application.
+ *
+ * @fires {CustomEvent} notification-manager-action - Fired when the action button of a managed notification is clicked. Detail: `{ id: string }`.
+ * @fires {CustomEvent} notification-manager-dismiss - Fired when a managed notification is dismissed. Detail: `{ id: string }`.
+ *
+ * @example
+ * ```html
+ * <wc-notification-manager position="bottom-right"></wc-notification-manager>
+ * <script>
+ *   window.dispatchEvent(new CustomEvent('notification', {
+ *     detail: { title: 'Record saved', variant: 'success', dismissible: true }
+ *   }));
+ * </script>
+ * ```
+ * @tags display, feedback
+ */
+export declare class NotificationManager extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Name of this manager instance. Only notifications whose `target` matches
+     * this name (or whose `target` is absent and this manager's `name` is
+     * `'global'`) will be handled.
+     */
+    name: string;
+    /**
+     * Screen position where notifications are stacked.
+     */
+    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    private notifications;
+    private readonly handleWindowNotification;
+    private readonly handleWindowDismiss;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _hideNotification;
+    private _handleDismiss;
+    private _handleAction;
+    private renderNotification;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -1 +1,3 @@
 export { Tooltip } from '../tooltip/tooltip.js';
+export { Popover } from './popover.js';
+export { PopoverContent } from './popover-content.js';

package/dist/src/popover/popover-content.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+/**
+ * @label Popover Content
+ * @tag wc-popover-content
+ * @rawTag popover-content
+ * @summary Content container for the wc-popover component.
+ * @childComponent true
+ * @tags display
+ *
+ * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.
+ * @cssprop --popover-content-padding - Padding of the popover content. Defaults to `var(--spacing-200)`.
+ * @cssprop --popover-content-border-radius - Border radius of the popover content. Defaults to `var(--shape-corner-small)`.
+ * @cssprop --popover-content-min-width - Minimum width of the popover content. Defaults to `10rem`.
+ *
+ * @example
+ * ```html
+ * <wc-popover-content>
+ *   <p>Popover body text</p>
+ * </wc-popover-content>
+ * ```
+ */
+export declare class PopoverContent extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Whether the popover content is visible.
+     */
+    open: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,62 @@
+import { LitElement } from 'lit';
+import type { Placement } from '@floating-ui/dom';
+/**
+ * @label Popover
+ * @tag wc-popover
+ * @rawTag popover
+ * @summary Displays additional information in a floating panel anchored to a trigger element.
+ * @overview
+ * <p>The Popover component wraps a trigger element and a <code>wc-popover-content</code> child. It uses
+ * floating-ui to compute position, keeping the panel visible inside the viewport even on scroll.</p>
+ * @tags display
+ *
+ * @fires {CustomEvent} wc-popover--open - Fired when the popover opens.
+ * @fires {CustomEvent} wc-popover--close - Fired when the popover closes.
+ *
+ * @example
+ * ```html
+ * <wc-popover trigger="click">
+ *   <wc-button>Open popover</wc-button>
+ *   <wc-popover-content>
+ *     <p>Popover body text goes here.</p>
+ *   </wc-popover-content>
+ * </wc-popover>
+ * ```
+ */
+export declare class Popover extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Determines how the popover is triggered.
+     * Possible values are `"click"`, `"hover"`, `"manual"`.
+     */
+    trigger: 'click' | 'hover' | 'manual';
+    /**
+     * Preferred placement of the popover relative to the trigger element.
+     * Accepts any floating-ui `Placement` string such as `"bottom"`, `"top-start"`, `"right"`, etc.
+     */
+    placement: Placement;
+    /**
+     * Whether the popover is open.
+     */
+    open: boolean;
+    /**
+     * Distance in pixels between the trigger element and the popover panel.
+     */
+    offset: number;
+    private _floating;
+    private _contentEl;
+    private _triggerEl;
+    private _setupFloating;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    /**
+     * Programmatically opens the popover.
+     */
+    show(): void;
+    /**
+     * Programmatically closes the popover.
+     */
+    hide(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/split-button/index.d.ts

@@ -0,0 +1 @@
+export { SplitButton } from './split-button.js';