@illinois-grad/grad-vue 3.0.10 → 3.0.12

package/custom-elements.json

@@ -1880,6 +1880,15 @@
               },
               "optional": true,
               "description": "Sidebar media query for custom elements mode"
+            },
+            {
+              "kind": "field",
+              "name": "storageKey",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Storage key for scroll position persistence"
             }
           ],
           "events": []
@@ -2895,7 +2904,7 @@
                 "text": "string"
               },
               "optional": true,
-              "description": "When provided, expanded/collapsed states are saved to `sessionStorage` under this key and restored on page load. Item states are keyed by each the `label` prop. If the menu is inside a scrollable container such as `GSidebar`, the scroll position is also saved and restored automatically."
+              "description": "When provided, expanded/collapsed states are saved to `sessionStorage` under this key and restored on page load. Item states are keyed by each the `label` prop."
             },
             {
               "kind": "field",

package/dist/components/GClientOnly.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GCurrencyInput.vue.d.ts

@@ -13,7 +13,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     /**
      * Label
-     * @demo
+     * @demo Currency Input
      */
     label?: string;
     /**
@@ -55,7 +55,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label
-     * @demo
+     * @demo Currency Input
      */
     label?: string;
     /**

package/dist/components/GDateInput.vue.d.ts

@@ -13,7 +13,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     /**
      * Label
-     * @demo
+     * @demo Date Input
      */
     label?: string;
     /**
@@ -55,7 +55,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label
-     * @demo
+     * @demo Date Input
      */
     label?: string;
     /**

package/dist/components/GDateRangeInput.vue.d.ts

@@ -13,7 +13,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     /**
      * Label for the component
-     * @demo
+     * @demo Date Range Input
      */
     label?: string;
     /**
@@ -66,7 +66,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label for the component
-     * @demo
+     * @demo Date Range Input
      */
     label?: string;
     /**

package/dist/components/GEmailInput.vue.d.ts

@@ -9,7 +9,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     /**
      * Label
-     * @demo
+     * @demo Email Input
      */
     label?: string;
     /**
@@ -47,7 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label
-     * @demo
+     * @demo Email Input
      */
     label?: string;
     /**

package/dist/components/GSidebar.vue.d.ts

@@ -15,6 +15,9 @@
  * In web components mode, use the `sidebar-key` prop to pair this sidebar
  * with a matching GHamburgerMenu instance and `media-query` to set the
  * collapsible breakpoint.
+ *
+ * When `storage-key` is provided, the sidebar remembers and restores its own
+ * scroll position from `sessionStorage`.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -59,6 +62,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     mediaQuery?: string;
+    /**
+     * Storage key for scroll position persistence
+     * @demo
+     */
+    storageKey?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Custom background color
@@ -100,6 +108,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     mediaQuery?: string;
+    /**
+     * Storage key for scroll position persistence
+     * @demo
+     */
+    storageKey?: string;
 }> & Readonly<{}>, {
     width: string;
     theme: "light" | "dark";

package/dist/components/GTextInput.vue.d.ts

@@ -17,7 +17,7 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * Label
-     * @demo Example Label
+     * @demo Text Input Label
      */
     label?: string;
     /**
@@ -78,7 +78,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label
-     * @demo Example Label
+     * @demo Text Input Label
      */
     label?: string;
     /**

package/dist/components/GTextarea.vue.d.ts

@@ -18,7 +18,7 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * Label
-     * @demo Example Label
+     * @demo Textarea Label
      */
     label?: string;
     /**
@@ -84,7 +84,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Label
-     * @demo Example Label
+     * @demo Textarea Label
      */
     label?: string;
     /**

package/dist/components/GTreeMenu.vue.d.ts

@@ -38,9 +38,7 @@
  * - `storageKey` - when provided, expanded/collapsed states are persisted to
  *   `sessionStorage` under this key and restored on page load. This is useful
  *   in Web Component / Drupal contexts where every page navigation is a full
- *   refresh. Item states are keyed by the item's `label` prop. If the menu is
- *   inside a scrollable container such as `GSidebar`, the scroll position is
- *   also saved and restored automatically.
+ *   refresh. Item states are keyed by the item's `label` prop.
  *
  * **Keyboard navigation** (tree-view style):
  *
@@ -71,8 +69,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * When provided, expanded/collapsed states are saved to `sessionStorage`
      * under this key and restored on page load. Item states are keyed by each
-     * the `label` prop. If the menu is inside a scrollable container such as
-     * `GSidebar`, the scroll position is also saved and restored automatically.
+     * the `label` prop.
      */
     storageKey?: string;
     /**
@@ -109,8 +106,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * When provided, expanded/collapsed states are saved to `sessionStorage`
      * under this key and restored on page load. Item states are keyed by each
-     * the `label` prop. If the menu is inside a scrollable container such as
-     * `GSidebar`, the scroll position is also saved and restored automatically.
+     * the `label` prop.
      */
     storageKey?: string;
     /**

package/dist/compose/useScrollRestore.d.ts

@@ -1,10 +1,11 @@
 import { type Ref } from "vue";
 /**
  * Composable to handle scroll position storage and automatic restoration for a component.
- * Saves the scroll top of the nearest scrollable parent when scrolling,
- * and restores it automatically on mount or when the component becomes visible.
+ * Saves the scroll top of the scrollable element itself, or its nearest scrollable
+ * parent when the element is not scrollable, and restores it automatically on mount
+ * or when the component becomes visible.
  *
- * @param elementRef Ref to the element whose scrollable parent should be tracked.
+ * @param elementRef Ref to the element whose scrollable element should be tracked.
  * @param storageKey Session storage key prefix. Scroll position is saved under `${storageKey}:scroll`.
  */
 export declare function useScrollRestore(elementRef: Ref<HTMLElement | null>, storageKey: string | undefined): {