@lit-material/back-to-top 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 bohdaq
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,44 @@
-# Temporary Holding Version
+# @lit-material/back-to-top
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A "Back to top" button for long pages: it appears once the page has scrolled down, and takes the reader back up and moves focus there. Built with [Lit](https://lit.dev/). Part of [lit-material](https://github.com/bohdaq/lit-material).
+
+## Install
+
+
+```sh
+npm install @lit-material/back-to-top @lit-material/tokens
+```
+
+
+## Usage
+
+
+```html
+<main id="main">
+  <h1>Release notes</h1>
+  …
+</main>
+<lit-material-back-to-top target="main"></lit-material-back-to-top>
+```
+
+
+## API
+
+| Property    | Attribute   | Type      | Default         |
+| ----------- | ----------- | --------- | --------------- |
+| `threshold` | `threshold` | `number` (px scrolled before it shows) | `400` |
+| `target`    | `target`    | `string` (id of the element at the top) | `""` |
+| `label`     | `label`     | `string`  | `"Back to top"` |
+| `visible`   | `visible` (reflected, read it) | `boolean` | `false` |
+
+Part: `button`. `--lit-material-back-to-top-inset` (default `16px`) is the distance from the viewport's bottom and end edges.
+
+## Behavior
+
+- Fixed to the viewport's bottom end corner; it fades in past `threshold` and out above it. While hidden it's out of the tab order and hidden from assistive technology.
+- With `target`, it's a link to `#target`: a click scrolls there and focuses it (adding `tabindex="-1"` if the element isn't focusable), so keyboard and screen-reader users continue from the top. Without one it scrolls the window to 0. Modified clicks (Ctrl, Cmd, Shift, middle button) behave like a link's.
+- Smooth scrolling, except with `prefers-reduced-motion: reduce`.
+
+## License
+
+MIT

package/custom-elements.json

@@ -0,0 +1,200 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/back-to-top.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A \"Back to top\" button for long pages: it appears once the page has\nscrolled past `threshold`, and takes the reader back up — smoothly, unless\nthey prefer reduced motion.\n\nGive it `target`, the id of the element at the top (a page's `<main>` or\n`<h1>`): the button is then an `<a href=\"#target\">` and focus moves there\ntoo, so keyboard and screen-reader users continue from the top instead of\nfrom a button at the bottom. Without a target it scrolls the window to 0.\n\nWhile hidden it's out of the tab order and hidden from assistive\ntechnology.",
+          "name": "LitMaterialBackToTop",
+          "cssProperties": [
+            {
+              "description": "Distance from the viewport's bottom and end edges (default `16px`).",
+              "name": "--lit-material-back-to-top-inset"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The link.",
+              "name": "button"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "threshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "400",
+              "description": "Pixels scrolled before it appears.",
+              "attribute": "threshold"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Id of the element at the top: scrolled to and focused. Empty: the window's top.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Back to top\"",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "visible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set while the page is scrolled past `threshold`; reflected.",
+              "attribute": "visible",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ticking",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "onScroll",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "check",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "targetElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "threshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "400",
+              "description": "Pixels scrolled before it appears.",
+              "fieldName": "threshold"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Id of the element at the top: scrolled to and focused. Empty: the window's top.",
+              "fieldName": "target"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Back to top\"",
+              "fieldName": "label"
+            },
+            {
+              "name": "visible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set while the page is scrolled past `threshold`; reflected.",
+              "fieldName": "visible"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "lit-material-back-to-top",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LitMaterialBackToTop",
+          "declaration": {
+            "name": "LitMaterialBackToTop",
+            "module": "src/back-to-top.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "lit-material-back-to-top",
+          "declaration": {
+            "name": "LitMaterialBackToTop",
+            "module": "src/back-to-top.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LitMaterialBackToTop",
+          "declaration": {
+            "name": "LitMaterialBackToTop",
+            "module": "./back-to-top.js"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/back-to-top.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from "lit";
+/**
+ * A "Back to top" button for long pages: it appears once the page has
+ * scrolled past `threshold`, and takes the reader back up — smoothly, unless
+ * they prefer reduced motion.
+ *
+ * Give it `target`, the id of the element at the top (a page's `<main>` or
+ * `<h1>`): the button is then an `<a href="#target">` and focus moves there
+ * too, so keyboard and screen-reader users continue from the top instead of
+ * from a button at the bottom. Without a target it scrolls the window to 0.
+ *
+ * While hidden it's out of the tab order and hidden from assistive
+ * technology.
+ *
+ * @element lit-material-back-to-top
+ *
+ * @csspart button - The link.
+ *
+ * @cssprop --lit-material-back-to-top-inset - Distance from the viewport's bottom and end edges (default `16px`).
+ */
+export declare class LitMaterialBackToTop extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Pixels scrolled before it appears. */
+    threshold: number;
+    /** Id of the element at the top: scrolled to and focused. Empty: the window's top. */
+    target: string;
+    label: string;
+    /** Set while the page is scrolled past `threshold`; reflected. */
+    visible: boolean;
+    private ticking;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly onScroll;
+    private check;
+    private targetElement;
+    private onClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lit-material-back-to-top": LitMaterialBackToTop;
+    }
+}
+//# sourceMappingURL=back-to-top.d.ts.map

package/dist/back-to-top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-to-top.d.ts","sourceRoot":"","sources":["../src/back-to-top.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAwDpB;IAEF,yCAAyC;IACb,SAAS,SAAO;IAE5C,sFAAsF;IAC1E,MAAM,SAAM;IAEZ,KAAK,SAAiB;IAElC,kEAAkE;IACtB,OAAO,UAAS;IAE5D,OAAO,CAAC,OAAO,CAAS;IAEf,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAOvB;IAEF,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,OAAO;IAgBN,MAAM;CAUhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,oBAAoB,CAAC;KAClD;CACF"}

package/dist/back-to-top.js

@@ -0,0 +1,169 @@
+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 } from "lit";
+import { customElement, property } from "lit/decorators.js";
+/**
+ * A "Back to top" button for long pages: it appears once the page has
+ * scrolled past `threshold`, and takes the reader back up — smoothly, unless
+ * they prefer reduced motion.
+ *
+ * Give it `target`, the id of the element at the top (a page's `<main>` or
+ * `<h1>`): the button is then an `<a href="#target">` and focus moves there
+ * too, so keyboard and screen-reader users continue from the top instead of
+ * from a button at the bottom. Without a target it scrolls the window to 0.
+ *
+ * While hidden it's out of the tab order and hidden from assistive
+ * technology.
+ *
+ * @element lit-material-back-to-top
+ *
+ * @csspart button - The link.
+ *
+ * @cssprop --lit-material-back-to-top-inset - Distance from the viewport's bottom and end edges (default `16px`).
+ */
+let LitMaterialBackToTop = class LitMaterialBackToTop extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Pixels scrolled before it appears. */
+        this.threshold = 400;
+        /** Id of the element at the top: scrolled to and focused. Empty: the window's top. */
+        this.target = "";
+        this.label = "Back to top";
+        /** Set while the page is scrolled past `threshold`; reflected. */
+        this.visible = false;
+        this.ticking = false;
+        this.onScroll = () => {
+            if (this.ticking)
+                return;
+            this.ticking = true;
+            requestAnimationFrame(() => {
+                this.ticking = false;
+                this.check();
+            });
+        };
+    }
+    static { this.styles = css `
+    :host {
+      position: fixed;
+      inset-block-end: var(--lit-material-back-to-top-inset, 16px);
+      inset-inline-end: var(--lit-material-back-to-top-inset, 16px);
+      z-index: 10;
+      visibility: hidden;
+      opacity: 0;
+      transform: translateY(8px);
+      transition: opacity 150ms linear, transform 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), visibility 0s linear 150ms;
+    }
+    :host([visible]) {
+      visibility: visible;
+      opacity: 1;
+      transform: none;
+      transition: opacity 150ms linear, transform 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), visibility 0s;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+    a {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      box-sizing: border-box;
+      min-height: 40px;
+      padding: 0 16px 0 12px;
+      border-radius: var(--md-sys-shape-corner-full, 9999px);
+      background: var(--md-sys-color-secondary-container, light-dark(#e8def8, #4a4458));
+      color: var(--md-sys-color-on-secondary-container, light-dark(#1d192b, #e8def8));
+      box-shadow: var(--md-sys-elevation-level3, 0 1px 3px rgb(0 0 0 / 0.3), 0 4px 8px 3px rgb(0 0 0 / 0.15));
+      font-family: var(--md-sys-typescale-label-large-font, Roboto, system-ui, sans-serif);
+      font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
+      font-weight: var(--md-sys-typescale-label-large-weight, 500);
+      line-height: var(--md-sys-typescale-label-large-line-height, 1.25rem);
+      text-decoration: none;
+    }
+    a:hover {
+      background: color-mix(in srgb, currentColor 8%, var(--md-sys-color-secondary-container, light-dark(#e8def8, #4a4458)));
+    }
+    a:focus-visible {
+      outline: 3px solid var(--md-sys-color-secondary, light-dark(#625b71, #ccc2dc));
+      outline-offset: 2px;
+    }
+    svg {
+      width: 18px;
+      height: 18px;
+      flex: none;
+    }
+    @media (prefers-reduced-motion: reduce) {
+      :host,
+      :host([visible]) {
+        transform: none;
+        transition: none;
+      }
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener("scroll", this.onScroll, { passive: true });
+        this.check();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("scroll", this.onScroll);
+    }
+    check() {
+        this.visible = window.scrollY > this.threshold;
+    }
+    targetElement() {
+        if (!this.target)
+            return null;
+        const root = this.getRootNode();
+        return root.getElementById?.(this.target) ?? document.getElementById(this.target);
+    }
+    onClick(event) {
+        // Let modified clicks open the link elsewhere, as links do.
+        if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+            return;
+        event.preventDefault();
+        const behavior = matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+        const target = this.targetElement();
+        if (target) {
+            target.scrollIntoView({ behavior, block: "start" });
+            if (target.tabIndex < 0 && !target.hasAttribute("tabindex"))
+                target.setAttribute("tabindex", "-1");
+            target.focus({ preventScroll: true });
+        }
+        else {
+            window.scrollTo({ top: 0, behavior });
+            this.shadowRoot?.activeElement?.blur();
+        }
+    }
+    render() {
+        return html `<a
+      part="button"
+      href=${`#${this.target}`}
+      tabindex=${this.visible ? "0" : "-1"}
+      aria-hidden=${this.visible ? "false" : "true"}
+      @click=${this.onClick}
+      ><svg viewBox="0 0 24 24" aria-hidden="true" fill="currentColor"><path d="M11 20V7.83l-5.59 5.59L4 12l8-8 8 8-1.41 1.42L13 7.83V20z" /></svg>${this.label}</a
+    >`;
+    }
+};
+__decorate([
+    property({ type: Number })
+], LitMaterialBackToTop.prototype, "threshold", void 0);
+__decorate([
+    property()
+], LitMaterialBackToTop.prototype, "target", void 0);
+__decorate([
+    property()
+], LitMaterialBackToTop.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitMaterialBackToTop.prototype, "visible", void 0);
+LitMaterialBackToTop = __decorate([
+    customElement("lit-material-back-to-top")
+], LitMaterialBackToTop);
+export { LitMaterialBackToTop };
+//# sourceMappingURL=back-to-top.js.map

package/dist/back-to-top.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { LitMaterialBackToTop } from "./back-to-top.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { LitMaterialBackToTop } from "./back-to-top.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,64 @@
 {
   "name": "@lit-material/back-to-top",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Back-to-top button for lit-material: appears after scrolling, returns to the top and moves focus there; a plain anchor without JavaScript.",
+  "license": "MIT",
+  "author": {
+    "name": "bohdaq",
+    "email": "bohdaq@gmail.com",
+    "url": "https://github.com/bohdaq"
+  },
+  "homepage": "https://github.com/bohdaq/lit-material#readme",
+  "bugs": "https://github.com/bohdaq/lit-material/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/bohdaq/lit-material.git",
+    "directory": "packages/back-to-top"
+  },
+  "keywords": [
+    "lit",
+    "web-components",
+    "lit-material",
+    "material-design",
+    "material-design-3",
+    "back-to-top",
+    "scroll"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "custom-elements.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "lit": "^3.2.0",
+    "@lit-material/tokens": "0.0.2"
+  },
+  "devDependencies": {
+    "@lit-labs/ssr": "^3.3.1",
+    "@open-wc/testing": "^4.0.0",
+    "@web/dev-server-esbuild": "^1.0.0",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.7.0"
+  },
+  "customElements": "custom-elements.json",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "web-test-runner && node --import tsx --test src/*.ssr.test.ts",
+    "analyze": "custom-elements-manifest analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --exclude \"src/**/*.ssr.test.ts\""
+  }
 }