@riverty/web-components 6.2.0 → 6.3.0

package/dist/types/components/popover/popover.d.ts

@@ -1,131 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PopoverDismissMode, PopoverVertical, PopoverHorizontal } from './exports';
-import { PopoverTriggerAction } from '../popover-trigger/exports';
-export declare class Popover {
-    host: HTMLRPopoverElement;
-    /**
-     * Defines initial state of the popover visibility.
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * Defines the behavior of the popover's dismissing.
-     * - `auto`: The popover can be dismissed by clicking outside or pressing Esc.
-     * - `manual`: The popover requires explicit user action to close.
-     * @default "auto"
-     */
-    dismissMode: PopoverDismissMode;
-    /**
-     * Defines `aria-label` content for the dismiss button.
-     * Used for accessibility when dismiss button is present.
-     */
-    dismissAriaLabel?: string;
-    /**
-     * Defines the action that will be triggered when the trigger is clicked.
-     * - `toggle`: Toggle the popover open/closed state
-     * - `show`: Only show the popover
-     * - `hide`: Only hide the popover
-     * @default "toggle"
-     */
-    triggerAction: PopoverTriggerAction;
-    /**
-     * Defines `aria-label` content for the popover trigger.
-     * Used for accessibility to describe the trigger button.
-     */
-    triggerAriaLabel?: string;
-    /**
-     * Defines preferred placement vertically relative to the trigger.
-     * - `top`: Position above the trigger
-     * - `bottom`: Position below the trigger
-     * - `middle`: Position to the side of the trigger
-     * @default "bottom"
-     */
-    vertical: PopoverVertical;
-    /**
-     * Defines preferred placement horizontally relative to the trigger.
-     * - `left`: Align to the left of the trigger
-     * - `center`: Center align with the trigger
-     * - `right`: Align to the right of the trigger
-     * @default "center"
-     */
-    horizontal: PopoverHorizontal;
-    /** The current state of the popover's position  */
-    positionState: any;
-    /** Indicates if popover is shown */
-    isOpen: boolean;
-    /** Emits when open state changes */
-    popoverOpenChange: EventEmitter<{
-        open: boolean;
-    }>;
-    /** Emits when popover is hidden */
-    hidePopover: EventEmitter<void>;
-    /** Emits when popover is shown */
-    showPopover: EventEmitter<void>;
-    /** Emits when popover focus is set */
-    focusPopover: EventEmitter<void>;
-    /**
-     * Method to show the popover.
-     * Opens the popover, positions it correctly, and sets focus to appropriate element.
-     * @returns Promise that resolves when the popover is shown
-     */
-    show(): Promise<void>;
-    /**
-     * Method to hide the popover.
-     * Closes the popover and emits hide event.
-     * @returns Promise that resolves when the popover is hidden
-     */
-    hide(): Promise<void>;
-    /**
-     * Toggle popover visibility.
-     * Shows the popover if hidden, hides it if shown.
-     * @returns Promise that resolves when the toggle action is complete
-     */
-    toggle(): Promise<void>;
-    /**
-     * Set focus inside the popover to the most appropriate element.
-     * Priority order:
-     * 1. Dismiss button (if present)
-     * 2. Action element (if present)
-     * 3. Content element (if present)
-     * 4. Host element as fallback
-     * @returns Promise that resolves to the popover instance for chaining
-     */
-    setFocus(): Promise<this>;
-    private _getFocusable;
-    private _focusOnElement;
-    /**
-     * Remove focus from all focusable elements within the popover.
-     * Calls setBlur on all child components and the host element.
-     * @returns Promise that resolves to the popover instance for chaining
-     */
-    setBlur(): Promise<this>;
-    handleOpenChange(): void;
-    watchOpen(): void;
-    handlePreferredPositionChange(): void;
-    onKeyup(event: any): this;
-    onResize(): void;
-    onScroll(): void;
-    private get hasDismiss();
-    private get triggerRect();
-    private get boardRect();
-    get activeElement(): Element;
-    private get headlineSlotContent();
-    private readonly uniqueId;
-    private triggerElement;
-    private dismissElement;
-    private boardElement;
-    /**
-     * Gets the actual interactive element (button/link) from within r-button or r-icon-button shadow DOM,
-     * or returns the element itself if it's already interactive
-     */
-    private getInteractiveElement;
-    /** Position logic */
-    private renderPosition;
-    private onToggle;
-    private onClickDismiss;
-    private setTriggerInitialAttributes;
-    private updateTriggerAttributes;
-    componentDidLoad(): void;
-    private onKeyDown;
-    render(): any;
-}

package/dist/types/components/popover-action/popover-action.d.ts

@@ -1,24 +0,0 @@
-export declare class PopoverAction {
-    host: HTMLRPopoverActionElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private setButtonDefaults;
-    /**
-     * Set focus on the first focusable element within the popover action
-     * @returns {Promise<HTMLElement | null>} The focused element or null if no element is found
-     */
-    setFocus(): Promise<any>;
-    /**
-     * Remove focus from the first focusable element within the popover action
-     * @returns {Promise<void>}
-     */
-    setBlur(): Promise<void>;
-    private get activeElement();
-    /**
-     * Get all focusable elements within the popover content
-     * @returns {Promise<HTMLElement[]>} Array of focusable elements
-     */
-    getActiveElements(): Promise<HTMLElement[]>;
-    private handleSlotChange;
-    render(): any;
-}

package/dist/types/components/popover-content/popover-content.d.ts

@@ -1,22 +0,0 @@
-export declare class PopoverContent {
-    host: HTMLRPopoverContentElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Set focus on the first focusable element within the popover content
-     * @returns {Promise<HTMLElement | null>} The focused element or null if no element is found
-     */
-    setFocus(): Promise<any>;
-    /**
-     * Remove focus from the first focusable element within the popover content
-     * @returns {Promise<void>}
-     */
-    setBlur(): Promise<void>;
-    private get activeElement();
-    /**
-     * Get all focusable elements within the popover content
-     * @returns {Promise<HTMLElement[]>} Array of focusable elements
-     */
-    getActiveElements(): Promise<HTMLElement[]>;
-    render(): any;
-}

package/dist/types/components/popover-headline/popover-headline.d.ts

@@ -1,6 +0,0 @@
-export declare class PopoverHeadline {
-    host: HTMLRPopoverHeadlineElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): any;
-}

package/dist/types/components/popover-trigger/exports.d.ts

@@ -1,2 +0,0 @@
-export declare const popoverTriggerActionArray: readonly ["show", "hide", "toggle"];
-export type PopoverTriggerAction = typeof popoverTriggerActionArray[number];

package/dist/types/components/popover-trigger/popover-trigger.d.ts

@@ -1,31 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PopoverTrigger {
-    host: HTMLRPopoverTriggerElement;
-    /**
-     * Event emitted when the mouse enters the trigger
-     * @event triggerMouseEnter
-     * @property {HTMLRPopoverTriggerElement} element - The trigger element
-     * @property {MouseEvent} event - The mouse event
-     */
-    triggerMouseEnter: EventEmitter;
-    /**
-     * Event emitted when the mouse leaves the trigger
-     * @event triggerMouseLeave
-     * @property {HTMLRPopoverTriggerElement} element - The trigger element
-     * @property {MouseEvent} event - The mouse event
-     */
-    triggerMouseLeave: EventEmitter;
-    private get activeElement();
-    /**
-     * Set focus on the first focusable element within the trigger
-     * @returns {Promise<HTMLElement | null>} The focused element or null if no element is found
-     */
-    setFocus(): Promise<any>;
-    /**
-     * Remove focus from the first focusable element within the trigger
-     */
-    setBlur(): Promise<void>;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    render(): any;
-}

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -1,10 +0,0 @@
-export declare class ProgressBar {
-    /** Progress bar value */
-    progress: number;
-    /**
-     * Sets string value for `aria-label` attribute
-     * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
-    */
-    rAriaLabel: string;
-    render(): any;
-}

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,92 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { IconName } from '../icon/exports';
-/**
- * A radio button is used to select a single option in a list.
- */
-export declare class RadioButton {
-    /** Host DOM element */
-    host: HTMLRRadioButtonElement;
-    /** Specifies the `id` of the `<form>` to which the element belongs */
-    form?: string;
-    /** Name of element (data) within a form */
-    name?: string;
-    /** Value of element data within a form */
-    value: any;
-    /** Specifies if element must be ignored during validation of the form elements */
-    novalidate?: boolean;
-    /** Apply validation error visual style */
-    invalid?: boolean;
-    /** Defines if an element shall be validated */
-    required?: boolean;
-    /** Prevents user interaction and applies disabled style */
-    disabled?: boolean;
-    /** Automatically focus the radio button when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior. */
-    autofocus?: boolean;
-    /** When true the radio is selected */
-    checked?: boolean;
-    /**
-     * Optional hint, visually presented under the radio button,
-     * giving additional context to the user
-     */
-    hint?: string;
-    /** Custom validation error message */
-    error?: string;
-    /** Additional directions for radio-button */
-    description?: string;
-    /** Icon name from the set */
-    icon?: IconName;
-    /** Emits `rChange` event on the `<r-radio-button>` when status changes */
-    rChange: EventEmitter<{
-        element: HTMLRRadioButtonElement;
-        value: any;
-        checked: boolean;
-    }>;
-    /** Emits `rReset` event on the `<r-radio-button>` onReset changes its status */
-    rReset: EventEmitter<{
-        element: HTMLRRadioButtonElement;
-        value: any;
-        checked: boolean;
-    }>;
-    /** Emits `radioButtonClick` event on the `<r-radio-button>` on click event */
-    radioButtonClick: EventEmitter<Event>;
-    /** Emits `rChange` event on the `<r-radio-button>` when on keydown event */
-    radioButtonKeydown: EventEmitter<Event>;
-    /** Emits `radioButtonDeselect` event on the `<r-radio-button>` when on deselect event */
-    radioButtonDeselect: EventEmitter<{
-        element: HTMLRRadioButtonElement;
-        value: any;
-        checked: boolean;
-    }>;
-    /** Sets focus on the radio button element */
-    setFocus(): Promise<void>;
-    /** Blurs the radio button element */
-    setBlur(): Promise<void>;
-    /** Selects the radio button element */
-    select(): Promise<void>;
-    private initialState;
-    /** Reference to the native input element */
-    private nativeEl;
-    /** Unique id */
-    private uniqueId;
-    /** Reference to the radio button elements */
-    private get radioElements();
-    /** Get the text content of the slot */
-    private get slotTextValue();
-    /** Identify wrapping radio group element */
-    private get groupEl();
-    /** Identify wrapping form element */
-    private get parentFormEl();
-    /** Check if the radio button is leading */
-    private get isLeading();
-    /** Check if the radio button is trailing */
-    private get isTrailing();
-    private onClick;
-    private onKeydown;
-    private onFocus;
-    private onBlur;
-    private get shouldAutofocus();
-    private applyAutofocus;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    render(): any;
-}

package/dist/types/components/radio-button-description/radio-button-description.d.ts

@@ -1,8 +0,0 @@
-/**
- * A radio button is used to select a single option in a list.
- */
-export declare class RadioButtonDescription {
-    /** Host DOM element */
-    host: HTMLRRadioButtonDescriptionElement;
-    render(): any;
-}

package/dist/types/components/radio-button-leading/radio-button-leading.d.ts

@@ -1,8 +0,0 @@
-/**
- * A radio button is used to select a single option in a list.
- */
-export declare class RadioButtonLeading {
-    /** Host DOM element */
-    host: HTMLRRadioButtonLeadingElement;
-    render(): any;
-}

package/dist/types/components/radio-button-title/radio-button-title.d.ts

@@ -1,8 +0,0 @@
-/**
- * A radio button is used to select a single option in a list.
- */
-export declare class RadioButtonTitle {
-    /** Host DOM element */
-    host: HTMLRRadioButtonTitleElement;
-    render(): any;
-}

package/dist/types/components/radio-button-trailing/radio-button-trailing.d.ts

@@ -1,8 +0,0 @@
-/**
- * A radio button is used to select a single option in a list.
- */
-export declare class RadioButtonTrailing {
-    /** Host DOM element */
-    host: HTMLRRadioButtonTrailingElement;
-    render(): any;
-}

package/dist/types/components/radio-group/exports.d.ts

@@ -1,2 +0,0 @@
-export declare const radioGroupVariantArray: readonly ["standard", "contained"];
-export type RadioGroupVariant = typeof radioGroupVariantArray[number];

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,178 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { RadioGroupVariant } from './exports';
-export declare class RadioGroup {
-    host: HTMLRRadioGroupElement;
-    /** Specifies the `id` of the `<form>` to which the element belongs */
-    form?: string;
-    /** Specifies common `name` property that is passed to each `r-radio-button` */
-    name?: string;
-    /** Displays currently selected value */
-    value?: string;
-    /** Specifies if element must be ignored during validation of the form elements */
-    novalidate?: boolean;
-    /** The text of the label rendered before the set of radio-buttons */
-    label: string;
-    /** Specifies if radio-button within group must be checked */
-    required?: boolean;
-    /** Define the marker text if the field label is marked
-     * Field indicator can be Required*, Optional or a translation of those two options.
-     */
-    fieldIndicator?: string;
-    /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
-    valueMissingMessage?: string;
-    /** Apply validation success visual style */
-    valid?: boolean;
-    /** Apply validation error visual style */
-    invalid?: boolean;
-    /** Custom validation error message */
-    error?: string;
-    /** Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method. */
-    customErrorMessage?: string;
-    /**
-     * Optional hint, visually presented under the group of radio-buttons
-     * giving additional context to the user
-    */
-    hint?: string;
-    /** Controls the style variation of the radio buttons. */
-    variant: RadioGroupVariant;
-    /**
-     * When set to `true`, automatically focuses the first enabled radio button in the group on mount.
-     * This will focus the selected radio button if one exists, or the first enabled radio button otherwise.
-     */
-    autofocus: boolean;
-    /**
-     * For nested radio groups: specifies the parent radio button value that this nested group belongs to.
-     * When the parent group's value changes to a different value, this nested group will be automatically reset.
-     * This ensures nested selections are only maintained when their parent context is active.
-     */
-    parentValue?: string;
-    validityState: string;
-    validityMessage: string;
-    rChangeAction(event: any): void;
-    /** Emits event after each validation */
-    rValidate: EventEmitter<{
-        state: string;
-        message: string;
-    }>;
-    /** Emits `rChange` when component's value has been changed  */
-    rChange: EventEmitter<{
-        element: HTMLRRadioGroupElement;
-        value: any;
-    }>;
-    /** Emits `rReset` when component was reset to initial state by form reset */
-    rReset: EventEmitter<{
-        element: HTMLRRadioGroupElement;
-        value: any;
-    }>;
-    /**
-     * Resets the radio group to its initial state.
-     * This method clears the validity state and message, and sets the value and validity
-     * to their initial values.
-     */
-    radioButtonClickAction(event: any): void;
-    private get selectedIndex();
-    private get prevIndex();
-    private get focusedRadioButtonEl();
-    private get focusedRadioButtonElIndex();
-    private get nextIndex();
-    radioButtonKeydownAction(event: any): void;
-    /**
-     * Resets the validity state and message of the radio group.
-     * This method clears the validity message and state, and sets the invalid
-     * property to its initial value.
-     */
-    resetValidity(): Promise<void>;
-    /**
-     * Resets the radio group to its initial state.
-     *
-     * This method:
-     * - clears the validity state and message,
-     * - sets the value and validity to initial values,
-     * - if no initial value the radio group will be deselected,
-     * - restores the tabindex on the first element.
-     */
-    reset(): Promise<void>;
-    /**
-     * Sets the value of the radio group to the specified value.
-     * If a radio button with the specified value exists, it will be selected.
-     *
-     * @param value - The value to set for the radio group.
-     */
-    setValue(value: string | null): Promise<void>;
-    /**
-     * Gets the current value of the radio group.
-     *
-     * @returns The current value of the radio group.
-     */
-    getValue(): Promise<string | null>;
-    /**
-     * Clears the value of the radio group and deselects all radio buttons.
-     * This method sets the value to null and deselects all radio buttons in the group.
-     */
-    clearValue(): Promise<void>;
-    /**
-     * Validates the radio group without triggering UI and returns a boolean indicating its validity.
-     * @returns A boolean indicating whether the radio group is valid.
-     */
-    checkValidity(): Promise<boolean>;
-    /**
-     * Validates the radio group and displays the validity state.
-     */
-    reportValidity(): Promise<boolean>;
-    /**
-     * Sets a custom validity message for the radio group.
-     * If the message is not empty, the radio group will be considered invalid.
-     *
-     * @param message - The custom validity message to set.
-     */
-    setCustomValidity(message: string): Promise<void>;
-    /**
-     * Sets focus on the radio button element.
-     * */
-    setFocus(): Promise<void>;
-    /**
-     * Blurs the radio button element.
-     * */
-    setBlur(): Promise<void>;
-    /**
-     * Initial attributes state
-     * */
-    private initial;
-    /** Unique id */
-    private uniqueId;
-    /** Determine whether this element should be ignored during Constraint Validation API validation. */
-    private get isNoValidate();
-    /** Identify wrapping form element */
-    private get parentFormEl();
-    private get radioButtonElements();
-    private get selectedRadioButtonElement();
-    private get hasSelected();
-    private get nativeSelectedEl();
-    private get nativeFirstEl();
-    private getValidityStateData;
-    private validateFormElement;
-    private passPropsToGroupItems;
-    private selectGroupItemByValue;
-    private setTabindex;
-    private onSubmitForm;
-    private onResetForm;
-    private onLabelClick;
-    private contributeToFormData;
-    /**
-     * Handles parent radio group value changes for nested groups.
-     * If this is a nested group with a parentValue specified, it will reset when
-     * the parent group's value changes to something other than the parentValue.
-     */
-    private onParentGroupChange;
-    private get parentRadioGroup();
-    private connectFormEventListeners;
-    private disconnectFormEventListeners;
-    private connectParentGroupListener;
-    private disconnectParentGroupListener;
-    private get ariaDescribedBy();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    render(): any;
-}

package/dist/types/components/select/exports.d.ts

@@ -1,2 +0,0 @@
-export declare const listboxPositionArray: readonly ["top", "bottom"];
-export type ListboxPosition = typeof listboxPositionArray[number];