@rebilly/revel 12.18.2 → 12.20.0

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [12.18.2](https://github.com/Rebilly/rebilly/compare/revel-v12.18.1...revel-v12.18.2) (2026-02-16)
+## [12.20.0](https://github.com/Rebilly/rebilly/compare/revel-v12.19.0...revel-v12.20.0) (2026-02-25)
+
+
+### Features
+
+* **recomm:** Change how tabs behave ([#18834](https://github.com/Rebilly/rebilly/issues/18834)) ([a8bb222](https://github.com/Rebilly/rebilly/commit/a8bb22273e7d1bbf9437f68270aa3348bde101af))

package/dist/components/index.d.ts

@@ -8,6 +8,7 @@ export { default as RCheckbox } from './r-checkbox/r-checkbox.vue';
 export { default as RDateInput } from './r-date-input/r-date-input.vue';
 export { default as RDateRange } from './r-date-range/r-date-range.vue';
 export type { DateRange } from './r-date-range/types';
+export { default as RInputErrors } from './r-input-errors/r-input-errors.vue';
 export { default as RFileUpload } from './r-file-upload/r-file-upload.vue';
 export { default as RFlex } from './r-flex/r-flex.vue';
 export { default as RFlexItem } from './r-flex/r-flex-item.vue';

package/dist/components/r-input-errors/r-input-errors.vue.d.ts

@@ -0,0 +1,10 @@
+import type { ValidationState } from '../../types';
+export interface Props {
+    validate?: Nullable<ValidationState>;
+    showValidateMessages?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    validate: Nullable<ValidationState>;
+    showValidateMessages: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-select/r-select.vue.d.ts

@@ -327,7 +327,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     searchElement: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
     tagsElement: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
     listElement: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
-    validateErrorMessages: import("vue").ComputedRef<string[]>;
     isInvalid: import("vue").ComputedRef<boolean>;
 }, State, {
     computedLabel(): string;
@@ -763,6 +762,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     asyncValuePropsKey: string;
     trackAsyncUpdatesByObject: boolean;
 }, {}, {
+    RInputErrors: import("vue").DefineComponent<import("../r-input-errors/r-input-errors.vue").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../r-input-errors/r-input-errors.vue").Props> & Readonly<{}>, {
+        validate: Nullable<ValidationState>;
+        showValidateMessages: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     RIcon: import("vue").DefineComponent<import("../r-icon/r-icon.vue").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         click: (event: MouseEvent) => any;
     }, string, import("vue").PublicProps, Readonly<import("../r-icon/r-icon.vue").Props> & Readonly<{

package/dist/components/r-tabs/r-tab.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    lazy: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Array of Vuelidate validation objects to aggregate their states for this tab.
      */
@@ -37,6 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     shouldShowThisTab: import("vue").ComputedRef<boolean | undefined>;
+    resolvedLazy: import("vue").ComputedRef<boolean>;
     tabPanelId: import("vue").ComputedRef<string>;
     tabId: import("vue").ComputedRef<string>;
     addItemToTabsList: () => void;
@@ -67,6 +72,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    lazy: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Array of Vuelidate validation objects to aggregate their states for this tab.
      */
@@ -77,6 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     active: boolean;
     value: string;
+    lazy: boolean;
     validate: {
         readonly [key: string]: any;
         $model: unknown;

package/dist/components/r-tabs/r-tabs.vue.d.ts

@@ -38,6 +38,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Defines panel rendering strategy for nested tabs.
+     * true - lazy mount with v-if
+     * false - eager mount with v-show
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, State, {
     visibleTabs(): {
         tabId: string;
@@ -105,9 +114,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Defines panel rendering strategy for nested tabs.
+     * true - lazy mount with v-if
+     * false - eager mount with v-show
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onTab-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
+    lazy: boolean;
     showValidateMessages: boolean;
     divided: boolean;
     menuClass: string;
@@ -129,5 +148,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validateErrorMessages: Array<string>;
         isInvalid: boolean;
     }[]>;
+    tabsLazy: import("vue").ComputedRef<boolean>;
 }, true, {}, any>;
 export default _default;