@3mo/navigation 0.1.0

package/dist/custom-elements.json

@@ -0,0 +1,1208 @@
+{
+	"version": "experimental",
+	"tags": [
+		{
+			"name": "mo-navigation",
+			"path": ".\\packages\\Navigation\\Navigation.ts",
+			"description": "The application's shell: a header, the page beside or beneath it, and the navigations presented as\nwhichever of `bar`, `rail` and `drawer` fits.\n\n`presentations` is the order they are preferred in, and the first one which fits is the one shown —\nthe bar as long as its navigations fit its row, the rail as long as the page keeps\n`--mo-navigation-min-content-size` beside it, and the drawer, which always fits. Demoting the bar is\ntherefore a matter of leaving it out of the order rather than of replacing the shell.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "presentations",
+					"description": "The presentations to choose from, most preferred first. Defaults to `bar` then `drawer`.",
+					"type": "NavigationPresentation[]",
+					"default": "\"new Array<NavigationPresentation>('bar', 'drawer')\""
+				},
+				{
+					"name": "presentation",
+					"description": "The presentation being shown. Derived, and reflected for styling.",
+					"type": "NavigationPresentation",
+					"default": "\"bar\""
+				},
+				{
+					"name": "heading",
+					"description": "The application's heading, shown in the header and above the drawer's navigations.",
+					"type": "string | HTMLTemplateResult | undefined"
+				},
+				{
+					"name": "drawerOpen",
+					"description": "Whether the drawer is open. Only of consequence while the drawer is the presentation.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"properties": [
+				{
+					"name": "navigationBar",
+					"type": "NavigationBar | null"
+				},
+				{
+					"name": "navigationRail",
+					"type": "NavigationRail | null"
+				},
+				{
+					"name": "menuButton",
+					"type": "HTMLElement | null"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "presentations",
+					"attribute": "presentations",
+					"description": "The presentations to choose from, most preferred first. Defaults to `bar` then `drawer`.",
+					"type": "NavigationPresentation[]",
+					"default": "\"new Array<NavigationPresentation>('bar', 'drawer')\""
+				},
+				{
+					"name": "presentation",
+					"attribute": "presentation",
+					"description": "The presentation being shown. Derived, and reflected for styling.",
+					"type": "NavigationPresentation",
+					"default": "\"bar\""
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The application's heading, shown in the header and above the drawer's navigations.",
+					"type": "string | HTMLTemplateResult | undefined"
+				},
+				{
+					"name": "drawerOpen",
+					"attribute": "drawerOpen",
+					"description": "Whether the drawer is open. Only of consequence while the drawer is the presentation.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "The page."
+				},
+				{
+					"name": "logo",
+					"description": "Placed at the start of the header, and at the top of the rail."
+				},
+				{
+					"name": "end",
+					"description": "Placed at the end of the header."
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-min-content-size",
+					"description": "How much room the page keeps beside the rail. Defaults to `32rem`, which puts the rail's threshold at Material's medium window."
+				},
+				{
+					"name": "--mo-navigation-rail-size",
+					"description": "How wide the rail's strip is. Defaults to `5.5rem`."
+				},
+				{
+					"name": "--mo-navigation-rail-panel-size",
+					"description": "How wide the rail's panel is. Defaults to `17rem`."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "app-bar",
+					"description": "The header above the page."
+				},
+				{
+					"name": "content",
+					"description": "What the page is placed in."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-bar",
+			"path": ".\\packages\\Navigation\\NavigationBar.ts",
+			"description": "The navigations as a horizontal row, each group opening its destinations as a dropdown.\n\nIt reports through `hasOverflow` whether its navigations still fit, which is what an orchestrating\n`mo-navigation` decides by whether the bar is the presentation it can afford.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "role",
+					"type": "\"navigation\"",
+					"default": "\"navigation\""
+				},
+				{
+					"name": "items",
+					"type": "readonly NavigationBarItem[]"
+				},
+				{
+					"name": "hasOverflow",
+					"type": "boolean"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the navigation which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-bar-item",
+			"path": ".\\packages\\Navigation\\NavigationBarItem.ts",
+			"description": "A navigation of a navigation bar: a destination, or a group opening its destinations as a dropdown.",
+			"attributes": [
+				{
+					"name": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "open",
+					"description": "Whether the group's dropdown is open.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "tabIndex",
+					"type": "number",
+					"default": "0"
+				},
+				{
+					"name": "navigation",
+					"attribute": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the group's dropdown is open.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "current",
+					"attribute": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-drawer",
+			"path": ".\\packages\\Navigation\\NavigationDrawer.ts",
+			"description": "Every navigation as a tree, in a modal drawer over the page.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "open",
+					"description": "Whether the drawer is open.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "Placed above the tree.",
+					"type": "string | HTMLTemplateResult | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "openChange",
+					"type": "EventDispatcher<boolean>"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the drawer is open.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "Placed above the tree.",
+					"type": "string | HTMLTemplateResult | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "openChange",
+					"description": "Dispatched with the new state whenever the drawer opens or closes.",
+					"type": "CustomEvent<boolean>"
+				},
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked, on its way up from the tree.",
+					"type": "CustomEvent"
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-drawer-width",
+					"description": "How wide the drawer is. Defaults to `292px`."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-rail",
+			"path": ".\\packages\\Navigation\\NavigationRail.ts",
+			"description": "The navigations as a vertical strip at the leading edge, each one an icon with its label beneath it.\n\nA group's destinations are shown in a panel beside the strip: docked next to the page while there is\nroom for both, and overlaid over the page while there is not.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "docked",
+					"description": "Whether the panel stands beside the page rather than over it.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "items",
+					"type": "NavigationRailItem[]"
+				},
+				{
+					"name": "shownNavigation",
+					"description": "The navigation whose destinations the panel shows.",
+					"type": "INavigation | undefined"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				},
+				{
+					"name": "docked",
+					"attribute": "docked",
+					"description": "Whether the panel stands beside the page rather than over it.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			],
+			"slots": [
+				{
+					"name": "header",
+					"description": "Placed above the navigations, e.g. a logo or a button which creates something."
+				},
+				{
+					"name": "footer",
+					"description": "Placed below the navigations."
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-rail-size",
+					"description": "How wide the strip is. Defaults to `5.5rem`."
+				},
+				{
+					"name": "--mo-navigation-rail-panel-size",
+					"description": "How wide the panel is. Defaults to `17rem`."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "strip",
+					"description": "The strip of navigations."
+				},
+				{
+					"name": "panel",
+					"description": "The panel holding the destinations of the navigation being shown."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-rail-item",
+			"path": ".\\packages\\Navigation\\NavigationRailItem.ts",
+			"description": "A navigation of a navigation rail: an icon with its label beneath it.",
+			"attributes": [
+				{
+					"name": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"description": "Whether the rail is showing this navigation's destinations.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"properties": [
+				{
+					"name": "tabIndex",
+					"type": "number",
+					"default": "0"
+				},
+				{
+					"name": "navigation",
+					"attribute": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "current",
+					"attribute": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"attribute": "selected",
+					"description": "Whether the rail is showing this navigation's destinations.",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"cssParts": [
+				{
+					"name": "indicator",
+					"description": "The shape behind the icon, which marks the navigation the page belongs to."
+				},
+				{
+					"name": "label",
+					"description": "The label beneath the icon."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-tree",
+			"path": ".\\packages\\Navigation\\NavigationTree.ts",
+			"description": "The navigations as a tree of rows: a group is a row which opens, a destination is a row which navigates.\nThe row of the page being shown is revealed, so that a deep destination is on screen right away.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]",
+					"default": "\"new Array<INavigation>()\""
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			],
+			"cssParts": [
+				{
+					"name": "tree",
+					"description": "The tree holding the rows."
+				},
+				{
+					"name": "item",
+					"description": "Every row of the tree."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-tree-item",
+			"path": ".\\packages\\Navigation\\NavigationTreeItem.ts",
+			"description": "A row of a navigation tree: a destination, or a group of them which opens.",
+			"attributes": [
+				{
+					"name": "data-current",
+					"description": "Whether this row, or a row nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "value",
+					"description": "What the tree reports this item as. An item without one is not in the tree's `value`.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "open",
+					"description": "Whether the nested items are shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"description": "Whether the item starts out selected.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "disabled",
+					"description": "Neither navigable nor selectable.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "icon",
+					"description": "An icon before the content.",
+					"type": "MaterialIcon | undefined"
+				},
+				{
+					"name": "data-separator",
+					"description": "Whether a divider parts this row from the one before it."
+				}
+			],
+			"properties": [
+				{
+					"name": "current",
+					"attribute": "data-current",
+					"description": "Whether this row, or a row nested in it, is the page being shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "openChange",
+					"type": "EventDispatcher<boolean>"
+				},
+				{
+					"name": "items",
+					"description": "The nested items.",
+					"type": "TreeItem[]"
+				},
+				{
+					"name": "value",
+					"attribute": "value",
+					"description": "What the tree reports this item as. An item without one is not in the tree's `value`.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the nested items are shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"attribute": "selected",
+					"description": "Whether the item starts out selected.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "disabled",
+					"attribute": "disabled",
+					"description": "Neither navigable nor selectable.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "icon",
+					"attribute": "icon",
+					"description": "An icon before the content.",
+					"type": "MaterialIcon | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "openChange",
+					"description": "Whether the nested items are shown, whenever that changes. It bubbles, which is how the tree follows its items.",
+					"type": "CustomEvent<boolean>"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "The content of the row."
+				},
+				{
+					"name": "start",
+					"description": "Placed before the content, in place of the icon."
+				},
+				{
+					"name": "end",
+					"description": "Placed after the content."
+				},
+				{
+					"name": "children",
+					"description": "The nested items, which a `mo-tree-item` child joins on its own."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "row",
+					"description": "The row: the item without its nested items."
+				},
+				{
+					"name": "indicator",
+					"description": "The chevron which opens and closes the row."
+				},
+				{
+					"name": "group",
+					"description": "What the nested items sit in, and what slides and fades as the row opens and closes."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation",
+			"path": ".\\packages\\Navigation\\dist\\Navigation.d.ts",
+			"description": "The application's shell: a header, the page beside or beneath it, and the navigations presented as\nwhichever of `bar`, `rail` and `drawer` fits.\n\n`presentations` is the order they are preferred in, and the first one which fits is the one shown —\nthe bar as long as its navigations fit its row, the rail as long as the page keeps\n`--mo-navigation-min-content-size` beside it, and the drawer, which always fits. Demoting the bar is\ntherefore a matter of leaving it out of the order rather than of replacing the shell.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "presentations",
+					"description": "The presentations to choose from, most preferred first. Defaults to `bar` then `drawer`.",
+					"type": "NavigationPresentation[]"
+				},
+				{
+					"name": "presentation",
+					"description": "The presentation being shown. Derived, and reflected for styling.",
+					"type": "NavigationPresentation"
+				},
+				{
+					"name": "heading",
+					"description": "The application's heading, shown in the header and above the drawer's navigations.",
+					"type": "string | HTMLTemplateResult | undefined"
+				},
+				{
+					"name": "drawerOpen",
+					"description": "Whether the drawer is open. Only of consequence while the drawer is the presentation.",
+					"type": "boolean"
+				}
+			],
+			"properties": [
+				{
+					"name": "navigationBar",
+					"type": "NavigationBar | null"
+				},
+				{
+					"name": "navigationRail",
+					"type": "NavigationRail | null"
+				},
+				{
+					"name": "menuButton",
+					"type": "HTMLElement | null"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "presentations",
+					"attribute": "presentations",
+					"description": "The presentations to choose from, most preferred first. Defaults to `bar` then `drawer`.",
+					"type": "NavigationPresentation[]"
+				},
+				{
+					"name": "presentation",
+					"attribute": "presentation",
+					"description": "The presentation being shown. Derived, and reflected for styling.",
+					"type": "NavigationPresentation"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The application's heading, shown in the header and above the drawer's navigations.",
+					"type": "string | HTMLTemplateResult | undefined"
+				},
+				{
+					"name": "drawerOpen",
+					"attribute": "drawerOpen",
+					"description": "Whether the drawer is open. Only of consequence while the drawer is the presentation.",
+					"type": "boolean"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "The page."
+				},
+				{
+					"name": "logo",
+					"description": "Placed at the start of the header, and at the top of the rail."
+				},
+				{
+					"name": "end",
+					"description": "Placed at the end of the header."
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-min-content-size",
+					"description": "How much room the page keeps beside the rail. Defaults to `32rem`, which puts the rail's threshold at Material's medium window."
+				},
+				{
+					"name": "--mo-navigation-rail-size",
+					"description": "How wide the rail's strip is. Defaults to `5.5rem`."
+				},
+				{
+					"name": "--mo-navigation-rail-panel-size",
+					"description": "How wide the rail's panel is. Defaults to `17rem`."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "app-bar",
+					"description": "The header above the page."
+				},
+				{
+					"name": "content",
+					"description": "What the page is placed in."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-bar",
+			"path": ".\\packages\\Navigation\\dist\\NavigationBar.d.ts",
+			"description": "The navigations as a horizontal row, each group opening its destinations as a dropdown.\n\nIt reports through `hasOverflow` whether its navigations still fit, which is what an orchestrating\n`mo-navigation` decides by whether the bar is the presentation it can afford.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "role",
+					"type": "\"navigation\"",
+					"default": "\"navigation\""
+				},
+				{
+					"name": "items",
+					"type": "readonly NavigationBarItem[]"
+				},
+				{
+					"name": "hasOverflow",
+					"type": "boolean"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the navigation which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-bar-item",
+			"path": ".\\packages\\Navigation\\dist\\NavigationBarItem.d.ts",
+			"description": "A navigation of a navigation bar: a destination, or a group opening its destinations as a dropdown.",
+			"attributes": [
+				{
+					"name": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "open",
+					"description": "Whether the group's dropdown is open.",
+					"type": "boolean"
+				},
+				{
+					"name": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown."
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "current",
+					"type": "boolean"
+				},
+				{
+					"name": "tabIndex",
+					"type": "number"
+				},
+				{
+					"name": "navigation",
+					"attribute": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the group's dropdown is open.",
+					"type": "boolean"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-drawer",
+			"path": ".\\packages\\Navigation\\dist\\NavigationDrawer.d.ts",
+			"description": "Every navigation as a tree, in a modal drawer over the page.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "open",
+					"description": "Whether the drawer is open.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "Placed above the tree.",
+					"type": "string | HTMLTemplateResult | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "openChange",
+					"type": "EventDispatcher<boolean>"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the drawer is open.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "Placed above the tree.",
+					"type": "string | HTMLTemplateResult | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "openChange",
+					"description": "Dispatched with the new state whenever the drawer opens or closes.",
+					"type": "CustomEvent<boolean>"
+				},
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked, on its way up from the tree.",
+					"type": "CustomEvent"
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-drawer-width",
+					"description": "How wide the drawer is. Defaults to `292px`."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-rail",
+			"path": ".\\packages\\Navigation\\dist\\NavigationRail.d.ts",
+			"description": "The navigations as a vertical strip at the leading edge, each one an icon with its label beneath it.\n\nA group's destinations are shown in a panel beside the strip: docked next to the page while there is\nroom for both, and overlaid over the page while there is not.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "docked",
+					"description": "Whether the panel stands beside the page rather than over it.",
+					"type": "boolean"
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "items",
+					"type": "NavigationRailItem[]"
+				},
+				{
+					"name": "shownNavigation",
+					"description": "The navigation whose destinations the panel shows.",
+					"type": "INavigation | undefined"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				},
+				{
+					"name": "docked",
+					"attribute": "docked",
+					"description": "Whether the panel stands beside the page rather than over it.",
+					"type": "boolean"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			],
+			"slots": [
+				{
+					"name": "header",
+					"description": "Placed above the navigations, e.g. a logo or a button which creates something."
+				},
+				{
+					"name": "footer",
+					"description": "Placed below the navigations."
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-navigation-rail-size",
+					"description": "How wide the strip is. Defaults to `5.5rem`."
+				},
+				{
+					"name": "--mo-navigation-rail-panel-size",
+					"description": "How wide the panel is. Defaults to `17rem`."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "strip",
+					"description": "The strip of navigations."
+				},
+				{
+					"name": "panel",
+					"description": "The panel holding the destinations of the navigation being shown."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-rail-item",
+			"path": ".\\packages\\Navigation\\dist\\NavigationRailItem.d.ts",
+			"description": "A navigation of a navigation rail: an icon with its label beneath it.",
+			"attributes": [
+				{
+					"name": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "selected",
+					"description": "Whether the rail is showing this navigation's destinations.",
+					"type": "boolean"
+				},
+				{
+					"name": "data-current",
+					"description": "Whether this navigation, or one nested in it, is the page being shown."
+				}
+			],
+			"properties": [
+				{
+					"name": "current",
+					"type": "boolean"
+				},
+				{
+					"name": "tabIndex",
+					"type": "number"
+				},
+				{
+					"name": "navigation",
+					"attribute": "navigation",
+					"description": "The navigation this item stands for.",
+					"type": "INavigation"
+				},
+				{
+					"name": "selected",
+					"attribute": "selected",
+					"description": "Whether the rail is showing this navigation's destinations.",
+					"type": "boolean"
+				}
+			],
+			"cssParts": [
+				{
+					"name": "indicator",
+					"description": "The shape behind the icon, which marks the navigation the page belongs to."
+				},
+				{
+					"name": "label",
+					"description": "The label beneath the icon."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-tree",
+			"path": ".\\packages\\Navigation\\dist\\NavigationTree.d.ts",
+			"description": "The navigations as a tree of rows: a group is a row which opens, a destination is a row which navigates.\nThe row of the page being shown is revealed, so that a deep destination is on screen right away.",
+			"attributes": [
+				{
+					"name": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				}
+			],
+			"properties": [
+				{
+					"name": "invoke",
+					"type": "EventDispatcher<INavigation>"
+				},
+				{
+					"name": "navigations",
+					"attribute": "navigations",
+					"description": "The navigations to present.",
+					"type": "INavigation[]"
+				}
+			],
+			"events": [
+				{
+					"name": "invoke",
+					"description": "Dispatched with the destination which was invoked.",
+					"type": "CustomEvent<INavigation>"
+				}
+			],
+			"cssParts": [
+				{
+					"name": "tree",
+					"description": "The tree holding the rows."
+				},
+				{
+					"name": "item",
+					"description": "Every row of the tree."
+				}
+			]
+		},
+		{
+			"name": "mo-navigation-tree-item",
+			"path": ".\\packages\\Navigation\\dist\\NavigationTreeItem.d.ts",
+			"description": "A row of a navigation tree: a destination, or a group of them which opens.",
+			"attributes": [
+				{
+					"name": "value",
+					"description": "What the tree reports this item as. An item without one is not in the tree's `value`.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "open",
+					"description": "Whether the nested items are shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"description": "Whether the item starts out selected.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "disabled",
+					"description": "Neither navigable nor selectable.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "icon",
+					"description": "An icon before the content.",
+					"type": "MaterialIcon | undefined"
+				},
+				{
+					"name": "data-current",
+					"description": "Whether this row, or a row nested in it, is the page being shown."
+				},
+				{
+					"name": "data-separator",
+					"description": "Whether a divider parts this row from the one before it."
+				}
+			],
+			"properties": [
+				{
+					"name": "current",
+					"type": "boolean"
+				},
+				{
+					"name": "openChange",
+					"type": "EventDispatcher<boolean>"
+				},
+				{
+					"name": "items",
+					"description": "The nested items.",
+					"type": "TreeItem[]"
+				},
+				{
+					"name": "value",
+					"attribute": "value",
+					"description": "What the tree reports this item as. An item without one is not in the tree's `value`.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "open",
+					"attribute": "open",
+					"description": "Whether the nested items are shown.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "selected",
+					"attribute": "selected",
+					"description": "Whether the item starts out selected.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "disabled",
+					"attribute": "disabled",
+					"description": "Neither navigable nor selectable.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "icon",
+					"attribute": "icon",
+					"description": "An icon before the content.",
+					"type": "MaterialIcon | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "openChange",
+					"description": "Whether the nested items are shown, whenever that changes. It bubbles, which is how the tree follows its items.",
+					"type": "CustomEvent<boolean>"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "The content of the row."
+				},
+				{
+					"name": "start",
+					"description": "Placed before the content, in place of the icon."
+				},
+				{
+					"name": "end",
+					"description": "Placed after the content."
+				},
+				{
+					"name": "children",
+					"description": "The nested items, which a `mo-tree-item` child joins on its own."
+				}
+			],
+			"cssParts": [
+				{
+					"name": "row",
+					"description": "The row: the item without its nested items."
+				},
+				{
+					"name": "indicator",
+					"description": "The chevron which opens and closes the row."
+				},
+				{
+					"name": "group",
+					"description": "What the nested items sit in, and what slides and fades as the row opens and closes."
+				}
+			]
+		}
+	]
+}