@illinois-grad/grad-vue 3.0.6 → 3.0.8

package/custom-elements.json

@@ -1065,6 +1065,25 @@
               "optional": true,
               "description": "Sidebar channel key for custom elements mode",
               "default": "\"default\""
+            },
+            {
+              "kind": "field",
+              "name": "mediaQuery",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Sidebar media query for custom elements mode"
+            },
+            {
+              "kind": "field",
+              "name": "labelVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Show a visible label",
+              "default": "false"
             }
           ],
           "events": [
@@ -1852,6 +1871,15 @@
               "optional": true,
               "description": "Sidebar channel key for custom elements mode",
               "default": "\"default\""
+            },
+            {
+              "kind": "field",
+              "name": "mediaQuery",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "Sidebar media query for custom elements mode"
             }
           ],
           "events": []
@@ -2878,6 +2906,26 @@
               "optional": true,
               "description": "Show an expand/collapse all button",
               "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "\"h2\" | \"h3\""
+              },
+              "optional": true,
+              "description": "Heading level for the heading element",
+              "default": "\"h2\""
+            },
+            {
+              "kind": "field",
+              "name": "smallHeading",
+              "type": {
+                "text": "boolean"
+              },
+              "optional": true,
+              "description": "Render the heading in a compact style and omit the divider line",
+              "default": "false"
             }
           ],
           "events": []

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

@@ -26,7 +26,7 @@
  * > [!NOTE]
  * > This button hides itself automatically according to the useSidebar media query.
  * > In web components mode, use the `sidebar-key` prop to pair this menu with a
- * > matching GSidebar instance.
+ * > matching GSidebar instance and `media-query` to set the collapsible breakpoint.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -41,6 +41,16 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @demo
      */
     sidebarKey?: string;
+    /**
+     * Sidebar media query for custom elements mode
+     * @demo
+     */
+    mediaQuery?: string;
+    /**
+     * Show a visible label
+     * @demo
+     */
+    labelVisible?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -54,9 +64,20 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @demo
      */
     sidebarKey?: string;
+    /**
+     * Sidebar media query for custom elements mode
+     * @demo
+     */
+    mediaQuery?: string;
+    /**
+     * Show a visible label
+     * @demo
+     */
+    labelVisible?: boolean;
 }> & Readonly<{
     onToggle?: (() => any) | undefined;
 }>, {
     label: string;
     sidebarKey: string;
+    labelVisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -13,7 +13,8 @@
  * for details.
  *
  * In web components mode, use the `sidebar-key` prop to pair this sidebar
- * with a matching GHamburgerMenu instance.
+ * with a matching GHamburgerMenu instance and `media-query` to set the
+ * collapsible breakpoint.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -53,6 +54,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     sidebarKey?: string;
+    /**
+     * Sidebar media query for custom elements mode
+     * @demo
+     */
+    mediaQuery?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Custom background color
@@ -89,6 +95,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     sidebarKey?: string;
+    /**
+     * Sidebar media query for custom elements mode
+     * @demo
+     */
+    mediaQuery?: string;
 }> & Readonly<{}>, {
     width: string;
     theme: "light" | "dark";

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

@@ -80,6 +80,16 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     showExpandAll?: boolean;
+    /**
+     * Heading level for the heading element
+     * @demo
+     */
+    headingLevel?: "h2" | "h3";
+    /**
+     * Render the heading in a compact style and omit the divider line
+     * @demo
+     */
+    smallHeading?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Heading and accessible name for the nav landmark
@@ -108,10 +118,22 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     showExpandAll?: boolean;
+    /**
+     * Heading level for the heading element
+     * @demo
+     */
+    headingLevel?: "h2" | "h3";
+    /**
+     * Render the heading in a compact style and omit the divider line
+     * @demo
+     */
+    smallHeading?: boolean;
 }> & Readonly<{}>, {
     theme: "light" | "dark";
     listType: "ul" | "ol";
     showExpandAll: boolean;
+    headingLevel: "h2" | "h3";
+    smallHeading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/compose/useWebComponentSidebar.d.ts

@@ -2,8 +2,9 @@ import { Ref } from "vue";
 type SidebarChannel = {
     id: string;
     open: Ref<boolean>;
+    breakpoint: Ref<string>;
     isCollapsible: Ref<boolean>;
     toggle: () => void;
 };
-export declare function useWebComponentSidebar(key?: string, breakpoint?: Ref<string> | string): SidebarChannel;
+export declare function useWebComponentSidebar(key?: string, breakpoint?: Ref<string | undefined> | string): SidebarChannel;
 export {};