@riverty/web-components 6.0.0 → 6.2.0

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

@@ -40,6 +40,12 @@ export declare class RadioGroup {
      * 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;
@@ -152,8 +158,18 @@ export declare class RadioGroup {
     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;

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

@@ -6,6 +6,17 @@ export declare class Stepper {
     completeSteps: number;
     /** Total number of steps. Used when no slot-based steps provided. */
     total?: number;
+    /** Label for the stepper for screen reader users. */
+    label?: string;
+    /** Label for completed steps for screen reader users. */
+    completedStepsLabel?: string;
+    handleCompletedStepsLabelChange(): void;
+    onResize(): void;
     private get hasSteps();
+    componentDidLoad(): void;
+    private handleSlotChange;
+    private setStepStatus;
+    private getTextElementWidth;
+    updateVisibilityOfStepText(): void;
     render(): any;
 }

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

@@ -11,6 +11,13 @@ export declare class StepperItem {
     number?: number;
     /** _DEPRECATED_ (use `number` instead) Index of the progress step */
     stepNumber?: number;
+    /** Label for the step icon for screen reader users. */
+    label?: string;
+    /**
+     * Checks if the slot contains only visually-hidden elements (no visible text).
+     * Returns true if only visually-hidden elements are present.
+     */
+    private get hasOnlyVisuallyHiddenContent();
     private get hasText();
     render(): any;
 }

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

@@ -37,6 +37,7 @@ export declare class RTabs {
     private handlePopState;
     private handleHistory;
     private _changeFocusTab;
+    private scrollTabIntoView;
     /** Listen for "click" event on `<r-tab>` */
     tabChangeAction(event: any): void;
     componentWillLoad(): void;

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

@@ -0,0 +1,4 @@
+export declare const TabListVariantArray: readonly ["expanded", "compact"];
+export declare const ActiveTabBorderArray: readonly ["standard", "branded"];
+export type TabListVariant = typeof TabListVariantArray[number];
+export type ActiveTabBorder = typeof ActiveTabBorderArray[number];

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

@@ -1,3 +1,41 @@
+import { ActiveTabBorder, TabListVariant } from './exports';
 export declare class RTabsList {
+    host: HTMLRTabsListElement;
+    /**
+     * Visual variant of the tab list
+     * @defaulr 'expanded'
+     * */
+    variant: TabListVariant;
+    /**
+     * Border style of the active tab
+     * @default 'standard'
+     * */
+    border: ActiveTabBorder;
+    /** Tooltip visibility for left scroll button */
+    scrollLeftTooltip: string;
+    /** Tooltip visibility for left right button */
+    scrollRightTooltip: string;
+    /** Indicates if the tab list is scrollable */
+    scrollable: boolean;
+    /** Indicates if the first tab is fully visible */
+    firstItemVisible: boolean;
+    /** Indicates if the last tab is fully visible */
+    lastItemVisible: boolean;
+    /** Listen for "click" event on `<r-tab>` */
+    tabChangeAction(event: any): void;
+    private containerRef?;
+    private resizeObserver?;
+    /** `<r-tab>` group of elements */
+    private get tabElements();
+    private initiatizeResizeObserver;
+    private updateScrollState;
+    private getVisibleTabOnLeft;
+    private getVisibleTabOnRight;
+    private scrollLeft;
+    private scrollRight;
+    private scrollToActiveTab;
+    private renderScrollButton;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -53,6 +53,7 @@ export declare class Toast {
     delayBeforeRemoval: number;
     private delayTimer;
     private removalTimer;
+    private animationCompleted;
     /**
      * Indicates state of the Toast switching between hidden/shown.
      * */
@@ -82,6 +83,13 @@ export declare class Toast {
      * (which removes the element) — use 'toastDismiss' for that case.
      */
     toastHide: EventEmitter;
+    /**
+     * Emitted when the dismiss toast animation is complete
+     * and the element has fully disappeared from the view.
+     * Fired by dismiss(), by the auto-dismiss timer (delay), by changing open property, and by the trailing
+     * dismiss button.
+     */
+    toastDismissed: EventEmitter;
     /**
      * Dismisses the toast notification by setting it to a hidden state and then
      * removing it from the DOM after a short delay. This can be used to manually
@@ -93,15 +101,20 @@ export declare class Toast {
      * If the auto-dismiss delay is enabled, it will start the timer to
      * automatically dismiss the toast after the specified duration.
      */
-    reveal(): Promise<void>;
+    reveal(): Promise<this>;
     /**
      * Hides toast, keeps it in dom.
      * */
-    hide(): Promise<void>;
+    hide(): Promise<this>;
     /**
      * Toggles visibility of the toast.
      * */
-    toggle(): Promise<void>;
+    toggle(): Promise<this>;
+    /**
+     * Measures the natural height of toast and prepares it for reveal animation.
+     * This should be called on newly added toasts before they are revealed.
+     */
+    measureAndPrepareHeight(): Promise<void>;
     handleOpenChange(): void;
     /** Unique id for each accordion item/row */
     private uniqueId;
@@ -122,8 +135,12 @@ export declare class Toast {
     private get isError();
     private get leadingIconName();
     private startDelayTimer;
+    private handleAnimationEnd;
     private handleTrailingButtonClick;
     private handleSlotChange;
     componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    private updateHeightVariable;
+    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -75,6 +75,11 @@ export declare class Tooltip {
      */
     get isEnoughSpaceHorizontally(): boolean;
     get activeElement(): Element;
+    /**
+     * 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;
     /**
      * Define position state
      */