@riverty/web-components 6.2.1 → 6.3.0

package/dist/types/components/input-password/input-password.d.ts

@@ -1,184 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import type { PasswordAutocomplete } from './exports';
-export declare class InputPassword {
-    host: HTMLRInputPasswordElement;
-    /** Specifies the `id` of the `<form>` to which the element belongs */
-    form?: string;
-    /** Specifies if element must be ignored during validation of the form elements */
-    novalidate?: boolean;
-    /** Specifies a name for a input */
-    name: string;
-    /** The value of the password input */
-    value?: string | null;
-    /** Specifies a short hint that describes the expected value of a input */
-    placeholder?: string;
-    /** The text on the label */
-    label: string;
-    /** Text of an additional marker in the label */
-    fieldIndicator?: string;
-    /**
-     * Optional hint, visually presented under the input,
-     * giving additional context to the user
-     */
-    hint?: string;
-    /** Defines if the component suppose to occupy 100% width */
-    fullWidth?: boolean;
-    /** Visual indication of valid state */
-    valid?: boolean;
-    /** Validity indicator, serving to change UI of the component */
-    invalid?: boolean;
-    /** The way to provide error message separately from Constraint Validation API. */
-    error?: string;
-    /** Prevents user interaction and applies disabled style */
-    disabled?: boolean;
-    /**
-     * Makes the input read-only: users can focus and copy the value,
-     * but cannot modify it (value still submitted with the form unlike disabled).
-     */
-    readonly?: boolean;
-    /** Specifies that an input is required/must be filled out */
-    required?: boolean;
-    /** Maximum character length (enforced by native input). */
-    maxlength?: number;
-    /** Minimum character length (validation only). */
-    minlength?: number;
-    /** Regex pattern the value must match (string form). */
-    pattern?: string;
-    /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
-    valueMissingMessage?: string;
-    /** Custom message for `tooLong`. */
-    tooLongMessage?: string;
-    /** Custom message for `tooShort`. */
-    tooShortMessage?: string;
-    /** Custom message for `patternMismatch`. */
-    patternMismatchMessage?: string;
-    /** Custom error message displayed for any validation failures in the input. */
-    customErrorMessage?: string;
-    /**
-     * Defines label for characters show button.
-     * */
-    showPasswordAriaLabel: string;
-    /**
-     * Defines label for characters hide button.
-     * */
-    hidePasswordAriaLabel: string;
-    /** Custom message when the password is shown to alert screen reader users. */
-    shownPasswordMessage: string;
-    /** Custom message when the password is hidden to alert screen reader users. */
-    hiddenPasswordMessage: string;
-    /**
-     * Safari-specific password rules for strong password generation.
-     * Format: "minlength: X; required: lower; required: upper; required: digit; required: special;"
-     * Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;"
-     * Note: This attribute is Safari-specific and will be ignored by other browsers.
-     * See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
-     */
-    passwordrules?: string;
-    /**
-     * Password-specific autocomplete behavior for browser password managers.
-     *
-     * @example
-     * **Usage Guidelines:**
-     * - `'current-password'`: Use in login forms where users enter their existing password
-     * - `'new-password'`: Use in registration forms or password change forms for the new password field
-     * - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values
-     *
-     * **Common Patterns:**
-     * ```tsx
-     * // Login form
-     * <r-input-password autocomplete="current-password" />
-     *
-     * // Registration form
-     * <r-input-password autocomplete="new-password" />
-     *
-     * // Sensitive form (e.g., admin panel)
-     * <r-input-password autocomplete="off" />
-     * ```
-     */
-    autocomplete?: PasswordAutocomplete;
-    showed: boolean;
-    /** Validity state passed from validateFormElement function after validation */
-    validityState: string;
-    /** Validity message passed from validateFormElement function after validation */
-    validityMessage: string;
-    passwordVisibilityTimer: any;
-    /** Emits event after each validation */
-    rValidate: EventEmitter<{
-        state: string;
-        message: string;
-    }>;
-    /** Emits 'rInput' event when value of the component is changing */
-    rInput: EventEmitter<{
-        element: HTMLRInputPasswordElement;
-        value: any;
-    }>;
-    /** Emits 'rChange' event when value of the component has been changed */
-    rChange: EventEmitter<{
-        element: HTMLRInputPasswordElement;
-        value: any;
-    }>;
-    /** Emits 'rReset' event when form containing the component was reset */
-    rReset: EventEmitter<{
-        element: HTMLRInputPasswordElement;
-        value: any;
-    }>;
-    /** Emits 'rVisibilityChange' event when password visibility is toggled */
-    rVisibilityChange: EventEmitter<{
-        element: HTMLRInputPasswordElement;
-        visible: boolean;
-    }>;
-    /**
-     * Toggle password text visibility.
-     * */
-    toggleShow(): Promise<void>;
-    /**
-     * Show password text.
-     * */
-    showPassword(): Promise<void>;
-    /**
-     * Hide password text.
-     * */
-    hidePassword(): Promise<void>;
-    /** Get the input value */
-    getValue(): Promise<string>;
-    /** Set the input value */
-    setValue(value: string): Promise<void>;
-    /**
-     * Validates the input password without triggering UI and returns a boolean indicating its validity.
-     * @returns A boolean indicating whether the input password is valid.
-     */
-    checkValidity(): Promise<boolean>;
-    /**
-     * Initial attributes state
-     * */
-    private initial;
-    private nativeElement;
-    private passwordVisibilityChangeAlertContainer?;
-    /** Identify wrapping form element */
-    private get parentFormEl();
-    /**
-     * Determine whether this element should be ignored
-     * during Constraint Validation API validation.
-     * */
-    private get isNoValidate();
-    private get hasError();
-    private get hasValidationError();
-    private get hasMessage();
-    private onShowClick;
-    private alertOnPasswordVisibilityChange;
-    private onInput;
-    private onChange;
-    private getValidityStateData;
-    private validateFormElement;
-    componentWillLoad(): void;
-    private contributeToFormData;
-    private connectFormEventListeners;
-    private disconnectFormEventListeners;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private onResetForm;
-    private onSubmitForm;
-    private handleKeyup;
-    private handleBlur;
-    render(): any;
-}

package/dist/types/components/input-phone-number/input-phone-number.d.ts

@@ -1,128 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class InputPhoneNumber {
-    host: HTMLRInputPhoneNumberElement;
-    /** Phone number value */
-    value?: string;
-    /** Specifies the `id` of the `<form>` to which the element belongs */
-    form?: string;
-    /** Specifies if element must be ignored during validation of the form elements */
-    novalidate?: boolean;
-    /**  The label for the phone number. */
-    label: string;
-    /** An optional field indicator for the label. */
-    fieldIndicator?: string;
-    /** Optional hint giving additional context to the user */
-    hint?: string;
-    /** Specifies a name for an input for submitting within formData object. */
-    name: string;
-    /** Label for phone input  */
-    inputLabel?: string;
-    /** Label for countryCode code  */
-    countryCodeLabel?: string;
-    /** Prevents user interaction and applies disabled style. */
-    disabled?: boolean;
-    /**
-     * Makes the date inputs read-only: users can focus and copy the value,
-     * but cannot modify it (value still submitted with the form unlike disabled).
-     */
-    readonly?: boolean;
-    /** Specifies that phone number value is required */
-    required?: boolean;
-    /** Visual indication of valid state */
-    valid?: boolean;
-    /** Validity indicator, serving to change UI of the component */
-    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;
-    /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
-    valueMissingMessage?: string;
-    /** Defines if the component suppose to occupy 100% width */
-    fullWidth?: boolean;
-    fullPhoneNumber: string;
-    phoneNumber: string;
-    validityState: string;
-    validityMessage: string;
-    /** Emits 'rInput' event when value of the component is changing */
-    rInput: EventEmitter<{
-        element: HTMLRInputPhoneNumberElement;
-        value: string;
-        phoneNumber: string;
-        countryCode: string;
-    }>;
-    /** Emits 'rChange' event when value of the component has been changed */
-    rChange: EventEmitter<{
-        element: HTMLRInputPhoneNumberElement;
-        value: string;
-        countryCode: string;
-        phoneNumber: string;
-    }>;
-    /** Emits event after each validation */
-    rValidate: EventEmitter<{
-        state: string;
-        message: string;
-    }>;
-    /** Emits 'rReset' event when form containing the component was reset */
-    rReset: EventEmitter<{
-        element: HTMLRInputPhoneNumberElement;
-        value: string;
-    }>;
-    /** Returns the element value. */
-    getValue(): Promise<string>;
-    /** Set the element value. */
-    setValue(value: string): Promise<void>;
-    /** Validates an element, displays provided message in case value is invalid. */
-    setCustomValidity(message: string): Promise<void>;
-    /**
-     * Validates the input phone number without triggering UI and returns a boolean indicating its validity.
-     * @returns A boolean indicating whether the input phone number is valid.
-     */
-    checkValidity(): Promise<boolean>;
-    /** Check validity and reveal validation state. */
-    reportValidity(): Promise<boolean>;
-    /** Reset phone number input to its initial state */
-    reset(): Promise<void>;
-    watchValueChange(value: string): void;
-    handleDisabledChange(): void;
-    handleRequiredChange(): void;
-    handleReadonlyChange(): void;
-    handleLabelChange(): void;
-    private uniqueId;
-    /**
-     * Initial attributes state
-     * */
-    private initial;
-    private nativeElement;
-    /** Identify wrapping form element */
-    private get parentFormEl();
-    private get countryCodeElement();
-    private get countryCode();
-    private get ariaDescribedBy();
-    private get hasError();
-    private get hasValidationError();
-    private get hasMessage();
-    private get errorMessage();
-    /**
-     * Determine whether this element should be ignored
-     * during Constraint Validation API validation.
-     * */
-    private get isNoValidate();
-    private updateValues;
-    private setCountryCodeElementAttributes;
-    private getPhoneValidationResult;
-    private handleOnInput;
-    private handleInputOnChange;
-    private handleValueChange;
-    private validateFormElement;
-    private getValidityStateData;
-    private onSubmitForm;
-    private contributeToFormData;
-    private onResetForm;
-    private connectEventListeners;
-    private disconnectEventListeners;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    render(): any;
-}

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

@@ -1,9 +0,0 @@
-/**
- * Utility component, mostly used internally in other design system components,
- * for consistent presentation of text with optional associated tooltip.
- */
-export declare class RLabel {
-    /** Text of an additional marker */
-    fieldIndicator?: string;
-    render(): any;
-}

package/dist/types/components/list-item/list-item/exports.d.ts

@@ -1,4 +0,0 @@
-export declare const TrailingTextAlignmentArray: readonly ["top", "center", "bottom"];
-export declare const listItemVariantArray: readonly ["list-item", "navitem", "subitem"];
-export type TrailingTextAlignment = typeof TrailingTextAlignmentArray[number];
-export type ListItemVariant = typeof listItemVariantArray[number];

package/dist/types/components/list-item/list-item/list-item.d.ts

@@ -1,61 +0,0 @@
-import { IconName } from '../../icon/exports';
-import { TrailingTextAlignment, ListItemVariant } from './exports';
-export declare class RListItem {
-    host: HTMLRListItemElement;
-    /**
-     * The main text or headline displayed in the text slot (2nd slot) of the list item.
-    */
-    headline?: string;
-    /** Secondary text displayed below the headline (2nd slot), used for additional details or context. */
-    description?: string;
-    /** When enabled, the description is limited to a single line and truncated with an ellipsis if it overflows. */
-    truncateDescription?: boolean;
-    /** Specifies the name of the icon to display in the leading slot (1st slot) of the list item. */
-    leadingIcon?: IconName;
-    /** Defines an icon source to be presented in leading slot */
-    leadingIconSrc?: string;
-    /** Defines if the leading icon shall become hidden. */
-    hideLeadingIcon?: boolean;
-    /** Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item. */
-    trailingIcon?: IconName;
-    /** Defines an icon source to be presented in trailing slot */
-    trailingIconSrc?: string;
-    /** Text displayed in the trailing slot (3rd slot), as an alternative to an icon. */
-    trailingText?: string;
-    /** Defines the alignment style for the trailing text. */
-    alignment: TrailingTextAlignment;
-    /** If true, adds a horizontal divider below the list item. */
-    divider?: boolean;
-    /** If provided, renders the list item as a link using the <a> tag with the given href attribute. */
-    href?: string;
-    /** If true, prevents user interaction with the list item and applies a disabled style. */
-    disabled?: boolean;
-    /** Controls the style variation of the list item, such as regular or subitem. */
-    variant: ListItemVariant;
-    /** Determines whether the list item is expanded to show its subitems. It can be toggled programmatically or through user interaction. */
-    expanded: boolean;
-    /** Indicates whether the list item is currently active (e.g., represents the current page). */
-    active?: boolean;
-    /** Method to toggle sub-items of the list-item */
-    toggleSubitems(): Promise<void>;
-    /** Unique id for each subItem list */
-    private uniqueSubmitemsId;
-    private isEl;
-    private get isLeadingIcon();
-    private get isLeadingSlot();
-    private get isLeading();
-    private get isTrailingIcon();
-    private get isTrailingSlot();
-    private get isTrailing();
-    private get isTextSlot();
-    private get isHeadlineSlot();
-    private get isDescriptionSlot();
-    private get headlineContent();
-    private get hasSubitems();
-    private get subItems();
-    /** Function to set tabindex for sub-items */
-    private setTabIndexOnSubItems;
-    componentDidLoad(): void;
-    private get tagName();
-    render(): any;
-}

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

@@ -1,6 +0,0 @@
-export declare const paginationVariantArray: readonly ["minimized", "standard", "maximized"];
-export declare const paginationItemsPerPageOptionsArray: readonly [5, 10, 15, 20, 25, 50, 100];
-export declare const paginationListBoxPositionArray: readonly ["top", "bottom"];
-export type PaginationVariant = typeof paginationVariantArray[number];
-export type PaginationItemsPerPageOptions = typeof paginationItemsPerPageOptionsArray[number];
-export type PaginationListBoxPosition = typeof paginationListBoxPositionArray[number];

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

@@ -1,140 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from './exports';
-export declare class RPagination {
-    /** UI: Arrows present/absent */
-    arrows: boolean;
-    /** Total amount of pages to select from */
-    totalResults: number;
-    /** Current page number */
-    pageActive: number;
-    /** Amount of items to show per page */
-    itemsPerPage: number;
-    /** Items per page options for dropdown */
-    itemsPerPageOptions: PaginationItemsPerPageOptions[];
-    /** Allows selection between different pagination styles: minimized, standard, maximized */
-    variant: PaginationVariant;
-    /** UI: Result Line and select field present/absent */
-    resultsLine: boolean;
-    /** Text to show in beginning of resultLine */
-    startText: string;
-    /** Text to display between currently shown results and total amount of results */
-    middleText: string;
-    /** Text to display after total results */
-    endText: string;
-    /** Text to show in select */
-    selectText: string;
-    /** Position of the list box */
-    listBoxPosition: PaginationListBoxPosition;
-    /** Label for Previous Page button. Important to ensure accessibility for screen reader users. */
-    previousPageButtonLabel: string;
-    /** Label for Next Page button. Important to ensure accessibility for screen reader users.*/
-    nextPageButtonLabel: string;
-    /** Label for First Page button. Important to ensure accessibility for screen reader users.*/
-    firstPageButtonLabel: string;
-    /** Label for Last Page button. Important to ensure accessibility for screen reader users.*/
-    lastPageButtonLabel: string;
-    /** Label for Page number buttons. Important to ensure accessibility for screen reader users.*/
-    pageLabel: string;
-    /** Label for Ellipsis stepper. Important to ensure accessibility for screen reader users.*/
-    ellipsisLabel: string;
-    /** Label for Items per page select. */
-    itemsPerPageLabel: string;
-    /** Signifies that currently active page was changed.
-     *
-     * Pagination state is passed as part of event `detail` property.
-     *
-     * @example
-     * const myPaginationEl = document.querySelector('r-pagination');
-     * myPaginationEl.addEventListener('rChange', (event) => {
-     *   console.log(`Page ${event.detail} was selected`)
-     * });
-     * */
-    rChange: EventEmitter<{
-        total: number;
-        active: number;
-        previous: number;
-        next: number;
-    }>;
-    /** Signifies that one of the pagination number buttons was cliked.
-     *
-     * Pagination state is passed as part of event `detail` property.
-     *
-     * @example
-     * const myPaginationEl = document.querySelector('r-pagination');
-     * myPaginationEl.addEventListener('rNumberClick', (event) => {
-     *   console.log(`Page ${event.detail} was selected`)
-     * });
-     * */
-    rNumberClick: EventEmitter<{
-        total: number;
-        active: number;
-        previous: number;
-        next: number;
-    }>;
-    /** Signifies that one of the pagination arrow buttons was cliked.
-     *
-     * Pagination state and `direction` are passed as part of event `detail` property.
-     *
-     * @example
-     * const myPaginationEl = document.querySelector('r-pagination');
-     * myPaginationEl.addEventListener('rArrowClick', (event) => {
-     *   console.log(`Page ${event.detail} was selected`)
-     * });
-     * */
-    rArrowClick: EventEmitter<{
-        total: number;
-        active: number;
-        previous: number;
-        next: number;
-        direction: string;
-    }>;
-    /** Signifies that items per page was changed.
-     *
-     * New items per page value is passed as part of event `detail` property.
-     *
-     * @example
-     * const myPaginationEl = document.querySelector('r-pagination');
-     * myPaginationEl.addEventListener('rItemsPerPageChange', (event) => {
-     *   console.log(`Items per page changed to ${event.detail}`)
-     * });
-     * */
-    rItemsPerPageChange: EventEmitter<number>;
-    private total;
-    private active;
-    private previous;
-    private next;
-    private first;
-    private last;
-    el: HTMLRPaginationElement;
-    private headerRef;
-    private footerRef;
-    private resizeObserver;
-    get isNoPreviousPage(): boolean;
-    get isNoNextPage(): boolean;
-    get isNotFirstPage(): boolean;
-    get isNotLastPage(): boolean;
-    get paginationState(): {
-        total: number;
-        active: number;
-        previous: number;
-        next: number;
-        first: number;
-        last: number;
-        arrows: boolean;
-    };
-    private setPaginationState;
-    private handleItemsPerPageChange;
-    private _activateStep;
-    /**
-     * Determines the appropriate focus target after navigation based on button states.
-     * Handles edge cases where navigation buttons become disabled.
-     */
-    private getFocusTargetAfterNavigation;
-    private handleItemChange;
-    private syncHeaderWidth;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
-    componentDidRender(): void;
-    componentDidUpdate(): void;
-    render(): any;
-}

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

@@ -1,2 +0,0 @@
-export declare const panelVariantArray: readonly ["visible", "drawer", "modal"];
-export type PanelVariant = typeof panelVariantArray[number];

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

@@ -1,56 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PanelVariant } from './exports';
-export declare class Panel {
-    host: HTMLRPanelElement;
-    /** The `header` property is a string that specifies the header text. */
-    header?: string;
-    /** A boolean property that indicates whether the component includes a header  */
-    hasHeader: boolean;
-    /** A boolean property that indicates whether the navitems are active of not */
-    active: boolean;
-    /** A boolean property that indicates whether the component includes a footer  */
-    hasFooter: boolean;
-    /** Presentational style */
-    variant: PanelVariant;
-    /** A boolean property that determines the collapsed state of the component. The default state is `false`. */
-    collapsed: boolean;
-    /** Logo link */
-    logoLink: string;
-    /** Aria-label text for collapse */
-    labelCollapse: string;
-    /** Aria-label text for expand */
-    labelExpand: string;
-    /** Maintains the current URL or hash location within the component's state. */
-    currentLocation: string;
-    isCollapsed: boolean;
-    /** Event emitted when the panel state changes */
-    panelStateChanged: EventEmitter<{
-        collapsed: boolean;
-    }>;
-    toggleSubItems(event: MouseEvent): void;
-    /** Expand/Collapse Panel  */
-    togglePanel(): Promise<void>;
-    /** Expand Panel  */
-    expandPanel(): Promise<void>;
-    /** Collapse Panel */
-    collapsePanel(): Promise<void>;
-    handleCollapseChange(collapsed: boolean): void;
-    watchVariant(newVariant: string): void;
-    handleDocumentClick(event: MouseEvent): void;
-    private getNavLinks;
-    private get isVariantCollapsible();
-    private handleClickOutside;
-    componentWillLoad(): void;
-    private updateCurrentLocationBound;
-    componentWillRender(): void;
-    componentDidRender(): void;
-    disconnectedCallback(): void;
-    private updateCurrentLocation;
-    private highlightCurrentLink;
-    private updateLinkState;
-    private highlightParent;
-    private expandParentMenus;
-    private handleSemiCollapsedButtonClick;
-    private handleFullyCollapsedButtonClick;
-    render(): any;
-}

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

@@ -1,6 +0,0 @@
-export declare const popoverDismissModeArray: readonly ["auto", "manual"];
-export declare const popoverHorizontalArray: readonly ["left", "center", "right", "cover"];
-export declare const popoverVerticalArray: readonly ["top", "middle", "bottom", "cover"];
-export type PopoverDismissMode = typeof popoverDismissModeArray[number];
-export type PopoverHorizontal = typeof popoverHorizontalArray[number];
-export type PopoverVertical = typeof popoverVerticalArray[number];