@lit-material/navigation 0.0.2 → 0.1.1

package/README.md

@@ -158,6 +158,34 @@ Fully out of scope for this first pass: responsive breakpoint switching (automat
 between rail/drawer/bottom-navigation based on window size) — that's an app-level layout decision
 this library doesn't make on your behalf.
 
+## Adaptive navigation
+
+`lit-material-adaptive-navigation` takes one list of destinations and shows the form M3
+prescribes for the window: a navigation bar under 600px, a rail from 600px, and a drawer (or a
+rail, with `expanded="rail"`) from 840px. All three are rendered and CSS shows one, so it needs no
+script to pick and server-rendered markup is already right.
+
+```html
+<lit-material-adaptive-navigation id="nav" label="Sections"></lit-material-adaptive-navigation>
+<script type="module">
+  const nav = document.querySelector("#nav");
+  nav.destinations = [{ label: "Overview", icon: "◎" }, { label: "Logs", icon: "≡", href: "/logs" }];
+  nav.selected = 0;
+  nav.addEventListener("change", () => console.log(nav.selected));
+</script>
+```
+
+| Property | Attribute | Type | Default |
+| -------- | --------- | ---- | ------- |
+| `destinations` | — | `{ label; icon?; href?; disabled? }[]` | `[]` |
+| `selected` | — | `number` | `-1` |
+| `expanded` | `expanded` (reflected) | `"drawer" \| "rail"` | `"drawer"` |
+| `label` | `label` | `string` | `"Main"` |
+
+The selection is shared and `change` fires whichever form was used. It's one `<nav>` landmark
+named by `label`; the hidden forms are out of the accessibility tree. Place it yourself (the bar
+sits where the element is).
+
 ## License
 
 MIT

package/custom-elements.json

@@ -2,6 +2,155 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/adaptive-navigation.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "One set of destinations shown as M3 prescribes for the window's width: a\nnavigation bar on compact windows (under 600px), a rail on medium ones\n(600–839px), and a drawer — or a rail, with `expanded=\"rail\"` — on\nexpanded ones (840px and up).\n\nAll three are rendered and CSS shows one, so it needs no script to pick\nand server-rendered markup is already right; the hidden ones are out of\nthe accessibility tree. `selected` is shared, and `change` fires (with the\nnew index in `selected`) whichever one was used.\n\nPlace the bar yourself — e.g. the host fixed or sticky at the bottom on\ncompact windows: it sits where the element is.",
+          "name": "LitMaterialAdaptiveNavigation",
+          "cssProperties": [
+            {
+              "description": "Not a variable: breakpoints are fixed at 600px and 840px (M3 window size classes).",
+              "name": "--lit-material-adaptive-navigation-medium"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "destinations",
+              "type": {
+                "text": "NavigationDestination[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "\"drawer\" | \"rail\""
+              },
+              "default": "\"drawer\"",
+              "description": "What expanded windows show: `drawer` (default) or `rail`.",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Main\"",
+              "description": "The accessible name of the navigation landmark.",
+              "attribute": "label"
+            },
+            {
+              "kind": "method",
+              "name": "onChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "icon",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "d",
+                  "type": {
+                    "text": "NavigationDestination"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "The selection changed; read `selected`."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "fieldName": "selected"
+            },
+            {
+              "name": "expanded",
+              "type": {
+                "text": "\"drawer\" | \"rail\""
+              },
+              "default": "\"drawer\"",
+              "description": "What expanded windows show: `drawer` (default) or `rail`.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Main\"",
+              "description": "The accessible name of the navigation landmark.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "lit-material-adaptive-navigation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LitMaterialAdaptiveNavigation",
+          "declaration": {
+            "name": "LitMaterialAdaptiveNavigation",
+            "module": "src/adaptive-navigation.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "lit-material-adaptive-navigation",
+          "declaration": {
+            "name": "LitMaterialAdaptiveNavigation",
+            "module": "src/adaptive-navigation.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",
@@ -78,6 +227,22 @@
             "name": "LitMaterialNavigationBarItem",
             "module": "./navigation-bar-item.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "LitMaterialAdaptiveNavigation",
+          "declaration": {
+            "name": "LitMaterialAdaptiveNavigation",
+            "module": "./adaptive-navigation.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NavigationDestination",
+          "declaration": {
+            "name": "NavigationDestination",
+            "module": "./adaptive-navigation.js"
+          }
         }
       ]
     },

package/dist/adaptive-navigation.d.ts

@@ -0,0 +1,52 @@
+import { LitElement, type TemplateResult } from "lit";
+import "./navigation-drawer.js";
+import "./navigation-drawer-item.js";
+import "./navigation-rail.js";
+import "./navigation-rail-item.js";
+import "./navigation-bar.js";
+import "./navigation-bar-item.js";
+export interface NavigationDestination {
+    label: string;
+    /** An icon: an `svg`/`html` template, or text such as an emoji. */
+    icon?: TemplateResult | string;
+    href?: string;
+    disabled?: boolean;
+}
+/**
+ * One set of destinations shown as M3 prescribes for the window's width: a
+ * navigation bar on compact windows (under 600px), a rail on medium ones
+ * (600–839px), and a drawer — or a rail, with `expanded="rail"` — on
+ * expanded ones (840px and up).
+ *
+ * All three are rendered and CSS shows one, so it needs no script to pick
+ * and server-rendered markup is already right; the hidden ones are out of
+ * the accessibility tree. `selected` is shared, and `change` fires (with the
+ * new index in `selected`) whichever one was used.
+ *
+ * Place the bar yourself — e.g. the host fixed or sticky at the bottom on
+ * compact windows: it sits where the element is.
+ *
+ * @element lit-material-adaptive-navigation
+ *
+ * @fires change - The selection changed; read `selected`.
+ *
+ * @cssprop --lit-material-adaptive-navigation-medium - Not a variable: breakpoints are fixed at 600px and 840px (M3 window size classes).
+ */
+export declare class LitMaterialAdaptiveNavigation extends LitElement {
+    static styles: import("lit").CSSResult;
+    destinations: NavigationDestination[];
+    selected: number;
+    /** What expanded windows show: `drawer` (default) or `rail`. */
+    expanded: "drawer" | "rail";
+    /** The accessible name of the navigation landmark. */
+    label: string;
+    private onChange;
+    private icon;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lit-material-adaptive-navigation": LitMaterialAdaptiveNavigation;
+    }
+}
+//# sourceMappingURL=adaptive-navigation.d.ts.map

package/dist/adaptive-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptive-navigation.d.ts","sourceRoot":"","sources":["../src/adaptive-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1E,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,6BAA8B,SAAQ,UAAU;IAC3D,OAAgB,MAAM,0BA8BpB;IAE8B,YAAY,EAAE,qBAAqB,EAAE,CAAM;IAE/C,QAAQ,SAAM;IAE1C,gEAAgE;IACnC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEpE,sDAAsD;IAC1C,KAAK,SAAU;IAE3B,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,IAAI;IAIH,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kCAAkC,EAAE,6BAA6B,CAAC;KACnE;CACF"}

package/dist/adaptive-navigation.js

@@ -0,0 +1,129 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "./navigation-drawer.js";
+import "./navigation-drawer-item.js";
+import "./navigation-rail.js";
+import "./navigation-rail-item.js";
+import "./navigation-bar.js";
+import "./navigation-bar-item.js";
+/**
+ * One set of destinations shown as M3 prescribes for the window's width: a
+ * navigation bar on compact windows (under 600px), a rail on medium ones
+ * (600–839px), and a drawer — or a rail, with `expanded="rail"` — on
+ * expanded ones (840px and up).
+ *
+ * All three are rendered and CSS shows one, so it needs no script to pick
+ * and server-rendered markup is already right; the hidden ones are out of
+ * the accessibility tree. `selected` is shared, and `change` fires (with the
+ * new index in `selected`) whichever one was used.
+ *
+ * Place the bar yourself — e.g. the host fixed or sticky at the bottom on
+ * compact windows: it sits where the element is.
+ *
+ * @element lit-material-adaptive-navigation
+ *
+ * @fires change - The selection changed; read `selected`.
+ *
+ * @cssprop --lit-material-adaptive-navigation-medium - Not a variable: breakpoints are fixed at 600px and 840px (M3 window size classes).
+ */
+let LitMaterialAdaptiveNavigation = class LitMaterialAdaptiveNavigation extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.destinations = [];
+        this.selected = -1;
+        /** What expanded windows show: `drawer` (default) or `rail`. */
+        this.expanded = "drawer";
+        /** The accessible name of the navigation landmark. */
+        this.label = "Main";
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+    .bar,
+    .rail,
+    .drawer {
+      display: none;
+    }
+    @media (max-width: 599.98px) {
+      .bar { display: block; }
+    }
+    @media (min-width: 600px) and (max-width: 839.98px) {
+      .rail { display: block; height: 100%; }
+    }
+    @media (min-width: 840px) {
+      :host(:not([expanded="rail"])) .drawer { display: block; height: 100%; }
+      :host([expanded="rail"]) .rail { display: block; height: 100%; }
+    }
+    [slot="icon"] {
+      display: inline-flex;
+      width: 24px;
+      height: 24px;
+      align-items: center;
+      justify-content: center;
+    }
+    [slot="icon"] svg {
+      width: 100%;
+      height: 100%;
+    }
+  `; }
+    onChange(event) {
+        event.stopPropagation();
+        const selected = event.target.selected;
+        if (selected === this.selected)
+            return;
+        this.selected = selected;
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+    }
+    icon(d) {
+        return d.icon === undefined ? nothing : html `<span slot="icon" aria-hidden="true">${d.icon}</span>`;
+    }
+    render() {
+        const ds = this.destinations;
+        return html `
+      <nav aria-label=${this.label}>
+        <div class="drawer">
+          <lit-material-navigation-drawer .selected=${this.selected} @change=${this.onChange}>
+            ${ds.map((d, i) => html `<lit-material-navigation-drawer-item ?selected=${i === this.selected} ?disabled=${!!d.disabled} href=${d.href ?? nothing}
+              >${this.icon(d)}${d.label}</lit-material-navigation-drawer-item>`)}
+          </lit-material-navigation-drawer>
+        </div>
+        <div class="rail">
+          <lit-material-navigation-rail .selected=${this.selected} @change=${this.onChange}>
+            ${ds.map((d, i) => html `<lit-material-navigation-rail-item ?selected=${i === this.selected} ?disabled=${!!d.disabled} href=${d.href ?? nothing}
+              >${this.icon(d)}${d.label}</lit-material-navigation-rail-item>`)}
+          </lit-material-navigation-rail>
+        </div>
+        <div class="bar">
+          <lit-material-navigation-bar .selected=${this.selected} @change=${this.onChange}>
+            ${ds.map((d, i) => html `<lit-material-navigation-bar-item ?selected=${i === this.selected} ?disabled=${!!d.disabled} href=${d.href ?? nothing}
+              >${this.icon(d)}${d.label}</lit-material-navigation-bar-item>`)}
+          </lit-material-navigation-bar>
+        </div>
+      </nav>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], LitMaterialAdaptiveNavigation.prototype, "destinations", void 0);
+__decorate([
+    property({ type: Number })
+], LitMaterialAdaptiveNavigation.prototype, "selected", void 0);
+__decorate([
+    property({ reflect: true })
+], LitMaterialAdaptiveNavigation.prototype, "expanded", void 0);
+__decorate([
+    property()
+], LitMaterialAdaptiveNavigation.prototype, "label", void 0);
+LitMaterialAdaptiveNavigation = __decorate([
+    customElement("lit-material-adaptive-navigation")
+], LitMaterialAdaptiveNavigation);
+export { LitMaterialAdaptiveNavigation };
+//# sourceMappingURL=adaptive-navigation.js.map

package/dist/adaptive-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptive-navigation.js","sourceRoot":"","sources":["../src/adaptive-navigation.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -6,4 +6,6 @@ export type { NavigationRailAlignment } from "./navigation-rail.js";
 export { LitMaterialNavigationRailItem } from "./navigation-rail-item.js";
 export { LitMaterialNavigationBar } from "./navigation-bar.js";
 export { LitMaterialNavigationBarItem } from "./navigation-bar-item.js";
+export { LitMaterialAdaptiveNavigation } from "./adaptive-navigation.js";
+export type { NavigationDestination } from "./adaptive-navigation.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -4,4 +4,5 @@ export { LitMaterialNavigationRail } from "./navigation-rail.js";
 export { LitMaterialNavigationRailItem } from "./navigation-rail-item.js";
 export { LitMaterialNavigationBar } from "./navigation-bar.js";
 export { LitMaterialNavigationBarItem } from "./navigation-bar-item.js";
+export { LitMaterialAdaptiveNavigation } from "./adaptive-navigation.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lit-material/navigation",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "description": "Material Design 3 navigation drawer, navigation rail, and navigation bar web components.",
   "license": "MIT",
   "author": {
@@ -43,8 +43,8 @@
   },
   "dependencies": {
     "lit": "^3.2.0",
-    "@lit-material/core": "0.0.2",
-    "@lit-material/tokens": "0.0.1"
+    "@lit-material/core": "0.0.3",
+    "@lit-material/tokens": "0.0.2"
   },
   "devDependencies": {
     "@lit-labs/ssr": "^3.3.1",