@redvars/peacock 3.4.0 → 3.5.1

package/dist/src/navigation-rail/navigation-rail-item.d.ts

@@ -0,0 +1,55 @@
+import { LitElement, nothing } from 'lit';
+/**
+ * @label Navigation Rail Item
+ * @tag wc-navigation-rail-item
+ * @rawTag navigation-rail-item
+ * @parentRawTag navigation-rail
+ *
+ * @summary An individual item within a navigation rail.
+ * @overview
+ * <p>Navigation rail items display a destination with an icon and optional label.</p>
+ *
+ * @example
+ * ```html
+ * <wc-navigation-rail-item>
+ *   <wc-icon slot="icon">home</wc-icon>
+ *   Home
+ * </wc-navigation-rail-item>
+ * ```
+ * @tags navigation
+ */
+export declare class NavigationRailItem extends LitElement {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether this item is currently active/selected. */
+    active: boolean;
+    /** Whether this item is disabled. */
+    disabled: boolean;
+    /** Whether the parent rail is in collapsed mode (labels hidden). */
+    collapsed: boolean;
+    /** If provided, the item renders as a link. */
+    href?: string;
+    /** Link target. */
+    target: string;
+    /** Value used for identification when managing active state externally. */
+    value?: string;
+    /** Reason the item is disabled (shown to screen readers). */
+    disabledReason: string;
+    /** Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds. */
+    throttleDelay: number;
+    private _isPressed;
+    private _hasLabel;
+    private _hasActiveIcon;
+    readonly itemElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    firstUpdated(): void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __isLink(): boolean;
+    __getDisabledReasonID(): string | typeof nothing;
+    __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderItemContent(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/navigation-rail/navigation-rail.d.ts

@@ -0,0 +1,71 @@
+import { LitElement, PropertyValues } from 'lit';
+import { NavigationRailItem } from './navigation-rail-item.js';
+/**
+ * @label Navigation Rail
+ * @tag wc-navigation-rail
+ * @rawTag navigation-rail
+ *
+ * @summary A vertical side navigation for medium-sized screens, following Material Design 3 specs.
+ * @overview
+ * <p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>
+ * <p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>
+ *
+ * @cssprop --nav-rail-width - Width of the rail container. Defaults to 5rem (80dp).
+ * @cssprop --nav-rail-container-color - Background color of the rail. Defaults to surface color.
+ * @cssprop --nav-rail-indicator-color - Color of the active indicator. Defaults to secondary-container.
+ * @cssprop --nav-rail-indicator-shape - Shape (border-radius) of the active indicator. Defaults to full (pill).
+ * @cssprop --nav-rail-indicator-width - Width of the active indicator. Defaults to 3.5rem (56dp).
+ * @cssprop --nav-rail-indicator-height - Height of the active indicator. Defaults to 2rem (32dp).
+ * @cssprop --nav-rail-inactive-icon-color - Color of inactive icons. Defaults to on-surface-variant.
+ * @cssprop --nav-rail-active-icon-color - Color of active icons. Defaults to on-secondary-container.
+ * @cssprop --nav-rail-inactive-label-color - Color of inactive labels. Defaults to on-surface-variant.
+ * @cssprop --nav-rail-active-label-color - Color of active labels. Defaults to on-surface.
+ *
+ * @example
+ * ```html
+ * <wc-navigation-rail>
+ *   <wc-navigation-rail-item active>
+ *     <wc-icon slot="icon">home</wc-icon>
+ *     Home
+ *   </wc-navigation-rail-item>
+ *   <wc-navigation-rail-item>
+ *     <wc-icon slot="icon">search</wc-icon>
+ *     Search
+ *   </wc-navigation-rail-item>
+ *   <wc-navigation-rail-item>
+ *     <wc-icon slot="icon">settings</wc-icon>
+ *     Settings
+ *   </wc-navigation-rail-item>
+ * </wc-navigation-rail>
+ * ```
+ * @tags navigation
+ */
+export declare class NavigationRail extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    static Item: typeof NavigationRailItem;
+    /**
+     * Vertical alignment of items within the rail.
+     * - `"top"`: Items align to the top.
+     * - `"center"`: Items are centered (default).
+     * - `"bottom"`: Items align to the bottom.
+     */
+    alignment: 'top' | 'center' | 'bottom';
+    /**
+     * Display mode of the navigation rail.
+     * - `"expanded"`: shows labels.
+     * - `"collapsed"`: hides labels.
+     */
+    mode: 'expanded' | 'collapsed';
+    /**
+     * Whether to show a divider between the header and items sections.
+     */
+    showDivider: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    private _handleItemClick;
+    private _getItems;
+    private _syncItemMode;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

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

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

@@ -0,0 +1,69 @@
+import { LitElement, nothing } from 'lit';
+type NotificationVariant = 'success' | 'error' | 'info' | 'warning';
+/**
+ * @label Notification
+ * @tag wc-notification
+ * @rawTag notification
+ * @summary Notifications communicate contextual status, errors, warnings, and success messages.
+ *
+ * @cssprop --notification-container-color - Surface color for the notification container.
+ * @cssprop --notification-text-color - Label and supporting text color.
+ * @cssprop --notification-leading-icon-color - Leading state icon color.
+ * @cssprop --notification-accent-color - Start border color for status emphasis.
+ * @cssprop --notification-border-radius - Border radius of the notification container.
+ *
+ * @fires {CustomEvent} notification-dismiss - Fired when the notification is dismissed.
+ * @fires {CustomEvent} notification-action-click - Fired when the action button is clicked.
+ *
+ * @example
+ * ```html
+ * <wc-notification variant="success" action="Undo" dismissible>
+ *   <span slot="title">Record saved</span>
+ * </wc-notification>
+ * ```
+ * @tags display, feedback
+ */
+export declare class Notification extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * If true, content and actions are laid out in a single row.
+     */
+    inline: boolean;
+    /**
+     * The visual variant of the notification.
+     */
+    variant: NotificationVariant;
+    /**
+     * Enables a high contrast appearance.
+     */
+    highContrast: boolean;
+    /**
+     * If true, renders a dismiss icon button.
+     */
+    dismissible: boolean;
+    /**
+     * Action label text. When provided, an action button is shown.
+     */
+    action: string;
+    /**
+     * If true, the host controls visibility when dismissed.
+     */
+    managed: boolean;
+    private isHidden;
+    private hasSubtitle;
+    /**
+     * Programmatically reveals the notification.
+     */
+    show(): void;
+    /**
+     * Programmatically dismisses the notification.
+     */
+    dismiss(): void;
+    private get variantIcon();
+    private get variantLabel();
+    private emitActionClick;
+    private hideAndEmitDismiss;
+    private handleSubtitleSlotChange;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
 /**
  * @label Pagination
  * @tag wc-pagination
@@ -11,7 +12,7 @@ import { LitElement } from 'lit';
  *
  * @example
  * ```html
- * <wc-pagination page="1" page-size="10" total-items="100"></wc-pagination>
+ * <wc-pagination style="width: 100%;" page="1" page-size="10" total-items="100"></wc-pagination>
  * ```
  * @tags navigation, data
  */
@@ -33,6 +34,12 @@ export declare class Pagination extends LitElement {
      * Supported page size options.
      */
     pageSizes: number[];
+    protected willUpdate(changedProperties: PropertyValues<Pagination>): void;
+    private getTotalPages;
+    private setPage;
+    private handlePageSizeChange;
+    private handlePreviousPage;
+    private handleNextPage;
     private dispatchPageEvent;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -0,0 +1 @@
+export { Search } from './search.js';

package/dist/src/search/search.d.ts

@@ -0,0 +1,76 @@
+import { LitElement } from 'lit';
+/**
+ * @label Search
+ * @tag wc-search
+ * @rawTag search
+ *
+ * @summary A Material 3 search bar for filtering and finding content.
+ * @overview
+ * <p>The search component provides a text input designed for search interactions.
+ * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>
+ *
+ * @cssprop --search-container-shape - Border radius of the search bar. Defaults to full (pill shape).
+ * @cssprop --search-container-color - Background color of the search container.
+ * @cssprop --search-input-text-color - Color of the input text.
+ * @cssprop --search-placeholder-color - Color of the placeholder text.
+ * @cssprop --search-icon-color - Color of the leading and trailing icons.
+ * @cssprop --search-outline-color - Border color for the outlined variant.
+ * @cssprop --search-outline-width - Border width for the outlined variant.
+ *
+ * @fires {CustomEvent} input - Dispatched when the search value changes.
+ * @fires {CustomEvent} change - Dispatched when the search input loses focus or Enter is pressed.
+ * @fires {CustomEvent} clear - Dispatched when the clear button is activated.
+ * @fires {CustomEvent} search - Dispatched when the user submits the search (presses Enter).
+ *
+ * @example
+ * ```html
+ * <wc-search placeholder="Search..."></wc-search>
+ * ```
+ * @tags form
+ */
+export declare class Search extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Visual style variant.
+     * Possible values: `"outlined"`, `"filled"`. Defaults to `"filled"`.
+     */
+    variant: 'outlined' | 'filled';
+    /**
+     * Placeholder text shown when the input is empty.
+     */
+    placeholder: string;
+    /**
+     * Current search value.
+     */
+    value: string;
+    /**
+     * Whether the search bar is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether a clear button is shown when the input has a value.
+     */
+    clearable: boolean;
+    /**
+     * Size of the search bar.
+     * Possible values: `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
+     */
+    size: 'sm' | 'md' | 'lg';
+    private focused;
+    private leadingSlotHasContent;
+    private inputElement?;
+    firstUpdated(): void;
+    /** Focuses the internal input element. */
+    focus(): void;
+    /** Blurs the internal input element. */
+    blur(): void;
+    private __handleInput;
+    private __handleChange;
+    private __handleKeydown;
+    private __handleFocus;
+    private __handleBlur;
+    private __clearValue;
+    private __renderClearButton;
+    private __renderLeadingIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/select/select.d.ts

@@ -29,6 +29,7 @@ export interface SelectOption {
  */
 export declare class Select extends BaseInput {
     static styles: import("lit").CSSResultGroup[];
+    private readonly _menuId;
     /**
      * Array of options to display in the dropdown.
      * Setting this property creates matching `<wc-option>` children automatically.
@@ -56,10 +57,6 @@ export declare class Select extends BaseInput {
      * Label displayed above the field.
      */
     label: string;
-    /**
-      * Show a clear button in single-select mode when a value is selected.
-     */
-    clearable: boolean;
     /**
      * Visual variant of the field.
      */
@@ -103,13 +100,14 @@ export declare class Select extends BaseInput {
     private _openMenu;
     private _closeMenu;
     private _handleTriggerClick;
+    private _handleFieldClick;
     private _handleTriggerKeyDown;
     private _handleMenuClosed;
     private _handleMenuItemActivate;
     private _dispatchChange;
     private _handleSearchInput;
-    private _handleClear;
     private _handleChipDismiss;
+    private _renderEmptyState;
     private _renderTriggerContent;
     private _renderFieldEnd;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/sidebar-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { SidebarMenuItem } from './sidebar-menu-item.js';
+export { SidebarSubMenu } from './sidebar-sub-menu.js';
+export { SidebarMenu } from './sidebar-menu.js';

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

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+/**
+ * @label Sidebar Menu Item
+ * @tag wc-sidebar-menu-item
+ * @rawTag sidebar-menu-item
+ * @parentRawTag sidebar-menu
+ * @summary A sidebar menu item represents a selectable leaf item in the sidebar navigation tree.
+ *
+ * @example
+ * ```html
+ * <wc-sidebar-menu>
+ *   <wc-sidebar-sub-menu label="Parent" expanded>
+ *     <wc-sidebar-menu-item label="Child"></wc-sidebar-menu-item>
+ *   </wc-sidebar-sub-menu>
+ * </wc-sidebar-menu>
+ * ```
+ * @tags navigation
+ */
+export declare class SidebarMenuItem extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The value used to identify this item when selected.
+     */
+    value: string;
+    /**
+     * The display label for this item.
+     */
+    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 item.
+     */
+    disabled: boolean;
+    /**
+     * Whether the item is currently selected.
+     */
+    selected: boolean;
+    /**
+     * The nesting depth level (set automatically by the parent sidebar-menu).
+     */
+    level: number;
+    private readonly _nativeElement;
+    focus(): void;
+    blur(): void;
+    private _onClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * @label Sidebar Menu
+ * @tag wc-sidebar-menu
+ * @rawTag sidebar-menu
+ * @summary A sidebar menu is a hierarchical structure that provides nested levels of navigation. It supports keyboard navigation, single/multi select, and expandable items.
+ *
+ * @example
+ * ```html
+ * <wc-sidebar-menu>
+ *   <wc-sidebar-sub-menu label="Parent" expanded>
+ *     <wc-sidebar-menu-item label="Child 1"></wc-sidebar-menu-item>
+ *     <wc-sidebar-menu-item label="Child 2"></wc-sidebar-menu-item>
+ *   </wc-sidebar-sub-menu>
+ * </wc-sidebar-menu>
+ * ```
+ * @tags navigation
+ */
+export declare class SidebarMenu extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The value of the currently selected item.
+     */
+    selectedItem: string;
+    connectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _isSidebarNode;
+    private _getTopLevelItems;
+    private _getChildNodes;
+    private _getAllVisibleItems;
+    private _onItemClick;
+    private _updateSelectedState;
+    private _collectAllItems;
+    private _syncSelectedStateFromProperty;
+    private _onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+/**
+ * @label Sidebar Sub Menu
+ * @tag wc-sidebar-sub-menu
+ * @rawTag sidebar-sub-menu
+ * @parentRawTag sidebar-menu
+ * @summary A sidebar sub menu groups sidebar menu items and handles expand/collapse behavior.
+ *
+ * @example
+ * ```html
+ * <wc-sidebar-sub-menu label="Parent" expanded>
+ *   <wc-sidebar-menu-item label="Child"></wc-sidebar-menu-item>
+ * </wc-sidebar-sub-menu>
+ * ```
+ * @tags navigation
+ */
+export declare class SidebarSubMenu extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    value: string;
+    label: string;
+    icon: string;
+    disabled: boolean;
+    selected: boolean;
+    expanded: boolean;
+    level: number;
+    private readonly _nativeElement;
+    focus(): void;
+    blur(): void;
+    connectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    private _getChildNodes;
+    private _updateChildLevels;
+    private _onClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -40,6 +40,10 @@ export declare class Slider extends LitElement {
      * Whether to show labels on the slider.
      */
     labeled: boolean;
+    /**
+     * Whether to show the current value beside the slider.
+     */
+    showValue: boolean;
     private isDragging;
     private container;
     private thumbElement;

package/dist/src/snackbar/snackbar.d.ts

@@ -10,29 +10,42 @@ import { LitElement } from 'lit';
  * @cssprop --snackbar-action-text-color - Action text color.
  * @cssprop --snackbar-close-icon-color - Close icon color.
  * @cssprop --snackbar-border-radius - Border radius of the snackbar surface.
+ * @cssprop --snackbar-offset-inline - Inline offset from viewport edges.
+ * @cssprop --snackbar-offset-bottom - Bottom offset from viewport edge.
+ * @cssprop --snackbar-z-index - Stacking order for the snackbar.
  *
  * @example
  * ```html
- * <wc-snackbar open message="Message archived" action-label="Undo"></wc-snackbar>
+ * <wc-snackbar preview message="Message archived" action-label="Undo"></wc-snackbar>
  * ```
  * @tags display, feedback
  */
 export declare class Snackbar extends LitElement {
     static styles: import("lit").CSSResultGroup[];
+    private static readonly GLOBAL_OPEN_EVENT;
+    private static readonly EXIT_ANIMATION_MS;
     open: boolean;
     message: string;
     actionLabel: string;
     showCloseIcon: boolean;
     duration: number;
     multiline: boolean;
+    preview: boolean;
+    private dismissing;
     private hideTimer;
+    private exitTimer;
+    private readonly handleGlobalSnackbarOpen;
+    connectedCallback(): void;
     show(): void;
     hide(): void;
     private close;
+    private completeDismiss;
     private dispatchActionEvent;
     private handleActionClick;
     private handleCloseClick;
     private clearTimer;
+    private clearExitTimer;
+    private handleAnimationEnd;
     private scheduleAutoHide;
     protected updated(changedProperties: Map<string, unknown>): void;
     disconnectedCallback(): void;

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

@@ -0,0 +1 @@
+export { Toolbar } from './toolbar.js';

package/dist/src/toolbar/toolbar.d.ts

@@ -0,0 +1,86 @@
+import { LitElement } from 'lit';
+/**
+ * @label Toolbar
+ * @tag wc-toolbar
+ * @rawTag toolbar
+ *
+ * @summary A Material 3 toolbar / app bar for navigation and actions.
+ * @overview
+ * <p>The toolbar component implements the Material 3 app bar pattern. It supports a
+ * docked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)
+ * variant. The floating variant supports both horizontal and vertical orientations.</p>
+ *
+ * <p>Render toolbar actions directly as children of the component. The docked variant is
+ * optimized for a horizontal action row, while the floating variant supports both horizontal
+ * and vertical layouts.</p>
+ *
+ * @cssprop --toolbar-container-color - Background color of the toolbar.
+ * @cssprop --toolbar-container-shape - Border radius of the toolbar. Relevant for the floating variant.
+ * @cssprop --toolbar-height - Height of the toolbar (docked horizontal / floating horizontal).
+ * @cssprop --toolbar-padding-inline - Inline padding of the toolbar.
+ * @cssprop --toolbar-gap - Gap between toolbar sections.
+ * @cssprop --toolbar-icon-color - Color of icon slots.
+ * @cssprop --toolbar-title-color - Color of the title (default slot) text.
+ * @cssprop --toolbar-shadow - Box-shadow of the toolbar.
+ *
+ * @example
+ * ```html
+ * <!-- Docked toolbar -->
+ * <wc-toolbar>
+ *   <wc-icon-button variant="text"><wc-icon name="home"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="tonal"><wc-icon name="search"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="favorite"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="account_circle"></wc-icon></wc-icon-button>
+ * </wc-toolbar>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Floating horizontal toolbar -->
+ * <wc-toolbar variant="floating" orientation="horizontal">
+ *   <wc-icon-button variant="tonal"><wc-icon name="home"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="search"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="favorite"></wc-icon></wc-icon-button>
+ * </wc-toolbar>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Floating vertical toolbar -->
+ * <wc-toolbar variant="floating" orientation="vertical">
+ *   <wc-icon-button variant="tonal"><wc-icon name="home"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="search"></wc-icon></wc-icon-button>
+ *   <wc-icon-button variant="text"><wc-icon name="favorite"></wc-icon></wc-icon-button>
+ * </wc-toolbar>
+ * ```
+ * @tags display navigation
+ */
+export declare class Toolbar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Visual and layout variant of the toolbar.
+     * - `"docked"`: A full-width bar attached to the edge of the screen (default).
+     * - `"floating"`: A detached pill-shaped toolbar that floats over content.
+     */
+    variant: 'docked' | 'floating';
+    /**
+     * Orientation of the toolbar content.
+     * - `"horizontal"`: Items are laid out left to right (default).
+     * - `"vertical"`: Items are stacked top to bottom. Primarily useful for the floating variant.
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Size of the docked toolbar.
+      * - `"small"`: 80dp height (default).
+      * - `"medium"`: 96dp height.
+      * - `"large"`: 112dp height.
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Whether the toolbar is visually elevated (adds a shadow).
+     */
+    elevated: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private static __renderDocked;
+    private static __renderFloating;
+}

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

@@ -40,6 +40,9 @@ export declare class Tooltip extends LitElement {
     private _handleGlobalOpen;
     private _handleDocumentClick;
     private detachListeners;
+    _focusTarget?: HTMLElement;
+    set forElement(value: HTMLElement | null);
+    __getFocusTarget(): HTMLElement | null;
     private attachListeners;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/url-field/index.d.ts

@@ -0,0 +1 @@
+export { UrlField } from './url-field.js';