@expressivecss/expressive 0.15.0 → 0.16.0

package/dist/js/chunks/chunk-INLZWHLY.mjs

@@ -0,0 +1,80 @@
+import {
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/core/formControl.ts
+var formAssociated = () => typeof ElementInternals !== "undefined" && "setFormValue" in ElementInternals.prototype;
+var mirrors = /* @__PURE__ */ new WeakMap();
+function define(tag) {
+  var _a;
+  if (customElements.get(tag)) return;
+  customElements.define(tag, (_a = class extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      this.internals = this.attachInternals();
+      this.onFormReset = null;
+    }
+    formResetCallback() {
+      this.onFormReset?.();
+    }
+    get form() {
+      return this.internals.form;
+    }
+    get name() {
+      return this.getAttribute("name") ?? "";
+    }
+    get labels() {
+      return this._input?.labels;
+    }
+    get validity() {
+      return this.internals.validity;
+    }
+    get validationMessage() {
+      return this.internals.validationMessage;
+    }
+    get willValidate() {
+      return this.internals.willValidate;
+    }
+    checkValidity() {
+      return this.internals.checkValidity();
+    }
+    reportValidity() {
+      return this.internals.reportValidity();
+    }
+    focus(options) {
+      this._input?.focus(options);
+    }
+    get _input() {
+      return this.querySelector(":scope > input");
+    }
+  }, _a.formAssociated = true, _a));
+}
+function copyState(control, input) {
+  ["disabled", "form"].forEach((name) => restoreAttribute(control, name, input.getAttribute(name)));
+}
+function wrapInControl(tag, input, onChange) {
+  define(tag);
+  const control = document.createElement(tag);
+  control.style.display = "contents";
+  control.setAttribute("name", input.getAttribute("name") ?? "");
+  input.removeAttribute("name");
+  input.replaceWith(control);
+  control.append(input);
+  copyState(control, input);
+  const mirror = new MutationObserver(() => (copyState(control, input), onChange()));
+  mirror.observe(input, { attributeFilter: ["disabled", "readonly", "form"] });
+  mirrors.set(control, mirror);
+  return control;
+}
+function unwrapControl(control, input) {
+  mirrors.get(control)?.disconnect();
+  control.replaceWith(...control.childNodes);
+  input.setAttribute("name", control.getAttribute("name") ?? "");
+}
+
+export {
+  formAssociated,
+  wrapInControl,
+  unwrapControl
+};
+//# sourceMappingURL=chunk-INLZWHLY.mjs.map

package/dist/js/chunks/chunk-INLZWHLY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/core/formControl.ts"],
+  "sourcesContent": ["import { restoreAttribute } from './utils';\n\n/**\n * A form-associated element that wraps a text input and submits for it, so\n * the browser handles the field's values, reset, validity and disabled state.\n * Chips and Cascader each define one under their own tag.\n */\nexport interface FormControl extends HTMLElement {\n  readonly internals: ElementInternals;\n  /** Called for a form reset no listener canceled, in the same task. */\n  onFormReset: (() => void) | null;\n}\n\n/** Whether the browser has form-associated custom elements. jsdom does not. */\nexport const formAssociated = () => typeof ElementInternals !== 'undefined' && 'setFormValue' in ElementInternals.prototype;\n\n/** Each control's observer of its input's attributes. */\nconst mirrors = new WeakMap<FormControl, MutationObserver>();\n\n/**\n * Defines `tag` on first use, so importing the bundle needs no DOM, and only\n * once, so a second copy of the bundle on the page uses the first one's. The\n * form sees the control, so it answers what a field does; its anchor and\n * focus are the input it wraps.\n */\nfunction define(tag: string) {\n  if (customElements.get(tag)) return;\n  customElements.define(tag, class extends HTMLElement {\n    static formAssociated = true;\n    readonly internals = this.attachInternals();\n    onFormReset: (() => void) | null = null;\n    formResetCallback() { this.onFormReset?.(); }\n    get form() { return this.internals.form; }\n    get name() { return this.getAttribute('name') ?? ''; }\n    get labels() { return this._input?.labels; }\n    get validity() { return this.internals.validity; }\n    get validationMessage() { return this.internals.validationMessage; }\n    get willValidate() { return this.internals.willValidate; }\n    checkValidity() { return this.internals.checkValidity(); }\n    reportValidity() { return this.internals.reportValidity(); }\n    focus(options?: FocusOptions) { this._input?.focus(options); }\n    private get _input() { return this.querySelector<HTMLInputElement>(':scope > input'); }\n  });\n}\n\n/** The control is disabled with the input, or with a fieldset by itself, and submits to the input's form. */\nfunction copyState(control: FormControl, input: HTMLInputElement) {\n  ['disabled', 'form'].forEach((name) => restoreAttribute(control, name, input.getAttribute(name)));\n}\n\n/**\n * Wraps `input` in a `tag` control that takes its name. `display: contents`\n * lays the input out as a child of the field still. The control follows the\n * input's disabled and form attributes, and `onChange` runs after the input's\n * disabled, readonly or form attribute changes.\n */\nexport function wrapInControl(tag: string, input: HTMLInputElement, onChange: () => void): FormControl {\n  define(tag);\n  const control = document.createElement(tag) as FormControl;\n  control.style.display = 'contents';\n  control.setAttribute('name', input.getAttribute('name') ?? '');\n  input.removeAttribute('name');\n  input.replaceWith(control);\n  control.append(input);\n  copyState(control, input);\n  const mirror = new MutationObserver(() => (copyState(control, input), onChange()));\n  mirror.observe(input, { attributeFilter: ['disabled', 'readonly', 'form'] });\n  mirrors.set(control, mirror);\n  return control;\n}\n\n/** Unwraps the control, with whatever else went in it, and gives `input` its name back. */\nexport function unwrapControl(control: FormControl, input: HTMLInputElement) {\n  mirrors.get(control)?.disconnect();\n  control.replaceWith(...control.childNodes);\n  input.setAttribute('name', control.getAttribute('name') ?? '');\n}\n"],
+  "mappings": ";;;;;AAcO,IAAM,iBAAiB,MAAM,OAAO,qBAAqB,eAAe,kBAAkB,iBAAiB;AAGlH,IAAM,UAAU,oBAAI,QAAuC;AAQ3D,SAAS,OAAO,KAAa;AAzB7B;AA0BE,MAAI,eAAe,IAAI,GAAG,EAAG;AAC7B,iBAAe,OAAO,MAAK,mBAAc,YAAY;AAAA,IAA1B;AAAA;AAEzB,WAAS,YAAY,KAAK,gBAAgB;AAC1C,yBAAmC;AAAA;AAAA,IACnC,oBAAoB;AAAE,WAAK,cAAc;AAAA,IAAG;AAAA,IAC5C,IAAI,OAAO;AAAE,aAAO,KAAK,UAAU;AAAA,IAAM;AAAA,IACzC,IAAI,OAAO;AAAE,aAAO,KAAK,aAAa,MAAM,KAAK;AAAA,IAAI;AAAA,IACrD,IAAI,SAAS;AAAE,aAAO,KAAK,QAAQ;AAAA,IAAQ;AAAA,IAC3C,IAAI,WAAW;AAAE,aAAO,KAAK,UAAU;AAAA,IAAU;AAAA,IACjD,IAAI,oBAAoB;AAAE,aAAO,KAAK,UAAU;AAAA,IAAmB;AAAA,IACnE,IAAI,eAAe;AAAE,aAAO,KAAK,UAAU;AAAA,IAAc;AAAA,IACzD,gBAAgB;AAAE,aAAO,KAAK,UAAU,cAAc;AAAA,IAAG;AAAA,IACzD,iBAAiB;AAAE,aAAO,KAAK,UAAU,eAAe;AAAA,IAAG;AAAA,IAC3D,MAAM,SAAwB;AAAE,WAAK,QAAQ,MAAM,OAAO;AAAA,IAAG;AAAA,IAC7D,IAAY,SAAS;AAAE,aAAO,KAAK,cAAgC,gBAAgB;AAAA,IAAG;AAAA,EACxF,GAf2B,GAClB,iBAAiB,MADC,GAe1B;AACH;AAGA,SAAS,UAAU,SAAsB,OAAyB;AAChE,GAAC,YAAY,MAAM,EAAE,QAAQ,CAAC,SAAS,iBAAiB,SAAS,MAAM,MAAM,aAAa,IAAI,CAAC,CAAC;AAClG;AAQO,SAAS,cAAc,KAAa,OAAyB,UAAmC;AACrG,SAAO,GAAG;AACV,QAAM,UAAU,SAAS,cAAc,GAAG;AAC1C,UAAQ,MAAM,UAAU;AACxB,UAAQ,aAAa,QAAQ,MAAM,aAAa,MAAM,KAAK,EAAE;AAC7D,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,OAAO;AACzB,UAAQ,OAAO,KAAK;AACpB,YAAU,SAAS,KAAK;AACxB,QAAM,SAAS,IAAI,iBAAiB,OAAO,UAAU,SAAS,KAAK,GAAG,SAAS,EAAE;AACjF,SAAO,QAAQ,OAAO,EAAE,iBAAiB,CAAC,YAAY,YAAY,MAAM,EAAE,CAAC;AAC3E,UAAQ,IAAI,SAAS,MAAM;AAC3B,SAAO;AACT;AAGO,SAAS,cAAc,SAAsB,OAAyB;AAC3E,UAAQ,IAAI,OAAO,GAAG,WAAW;AACjC,UAAQ,YAAY,GAAG,QAAQ,UAAU;AACzC,QAAM,aAAa,QAAQ,QAAQ,aAAa,MAAM,KAAK,EAAE;AAC/D;",
+  "names": []
+}

package/dist/js/chunks/chunk-JUKBBN6P.mjs

@@ -0,0 +1,175 @@
+import {
+  animatePath,
+  springPath,
+  springToken
+} from "./chunk-W6FAL3TI.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/behaviors/sheetDrag.ts
+var REDUCED = "(prefers-reduced-motion: reduce)";
+var DISMISS_DISTANCE = 96;
+var DISMISS_VELOCITY = 0.5;
+var FLICK_TIMEOUT = 100;
+var DRAG_SLOP = 4;
+var flickVelocity = (held) => Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0;
+var dismisses = (held, velocity) => held.shift * held.direction > DISMISS_DISTANCE || velocity * held.direction > DISMISS_VELOCITY;
+var springs = /* @__PURE__ */ new WeakMap();
+function catchSpring(dialog, axis) {
+  const end = springs.get(dialog);
+  if (!end) return 0;
+  const [x, y = "0"] = getComputedStyle(dialog).translate.split(" ");
+  end(false);
+  return parseFloat(axis === "x" ? x : y) || 0;
+}
+var installed = /* @__PURE__ */ new Set();
+function installSheetDrag(config) {
+  if (installed.has(config.selector)) return;
+  installed.add(config.selector);
+  const coord = (event) => config.axis === "x" ? event.clientX : event.clientY;
+  let observer;
+  let drag = null;
+  const sheetFor = (event) => {
+    const dialog = Utils.closestInPath(event, config.selector);
+    return dialog instanceof HTMLDialogElement ? dialog : null;
+  };
+  const reset = (dialog) => {
+    dialog.style.transition = "";
+    dialog.style.setProperty(config.property, "0px");
+  };
+  const onDown = (event) => {
+    if (!event.isPrimary) return;
+    if (event.pointerType === "mouse" && event.button !== 0) return;
+    onCancel();
+    config.onPress?.();
+    const dialog = sheetFor(event);
+    if (!dialog?.open || !config.inHandle(event, dialog)) return;
+    dialog.style.transition = "none";
+    const at = coord(event);
+    const caught = catchSpring(dialog, config.axis);
+    dialog.style.setProperty(config.property, `${caught}px`);
+    drag = {
+      dialog,
+      pointerId: event.pointerId,
+      direction: config.direction(dialog),
+      start: at - caught,
+      last: at,
+      lastT: Date.now(),
+      velocity: 0,
+      shift: caught
+    };
+    const watch = { childList: true, subtree: true, attributes: true, attributeFilter: ["open"], attributeOldValue: true };
+    const root = dialog.getRootNode();
+    observer.observe(document, watch);
+    if (root !== document) observer.observe(root, watch);
+  };
+  const onMove = (event) => {
+    if (!drag || drag.pointerId !== event.pointerId) return;
+    if (!drag.dialog.open || !drag.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    const at = coord(event);
+    const delta = at - drag.start;
+    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);
+    if (at !== drag.last) {
+      const now = Date.now();
+      drag.velocity = (at - drag.last) / Math.max(1, now - drag.lastT);
+      drag.last = at;
+      drag.lastT = now;
+    }
+    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);
+  };
+  const onUp = (event) => {
+    const held = drag;
+    if (!held || held.pointerId !== event.pointerId) return;
+    if (!held.dialog.open || !held.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    onMove(event);
+    drag = null;
+    observer.disconnect();
+    letGo(held);
+  };
+  const letGo = (held) => {
+    const spring = springFor(held);
+    held.dialog.style.transition = "";
+    clearShift(held, !settle(held) && held.dialog.open ? spring : null);
+  };
+  const clearShift = (held, spring) => {
+    if (spring) held.dialog.style.transition = "none";
+    held.dialog.style.setProperty(config.property, "0px");
+    if (spring) springBack(held, spring);
+  };
+  const springFor = (held) => {
+    if (!held.shift || matchMedia(REDUCED).matches || !onSpring(held.dialog)) return null;
+    return springToken(held.dialog, "default-spatial");
+  };
+  const onSpring = (dialog) => {
+    const style = getComputedStyle(dialog);
+    const read = (name) => style.getPropertyValue(name).trim();
+    const spring = "--md-sys-motion-spring-default-spatial";
+    return read(config.motion) === read(spring) && read(`${config.motion}-duration`) === read(`${spring}-duration`);
+  };
+  const springBack = (held, spring) => {
+    const dialog = held.dialog;
+    const write = config.axis === "x" ? (value) => `${value}px 0` : (value) => `0 ${value}px`;
+    const running = animatePath(dialog, "translate", springPath(held.shift, 0, flickVelocity(held), spring), write);
+    const reduced = matchMedia(REDUCED);
+    const closing = new MutationObserver(() => dialog.open || end(true));
+    const end = (restore) => {
+      springs.delete(dialog);
+      closing.disconnect();
+      reduced.removeEventListener("change", stop);
+      running.onfinish = null;
+      running.cancel();
+      if (restore) dialog.style.transition = "";
+    };
+    const stop = () => end(true);
+    springs.set(dialog, end);
+    running.onfinish = stop;
+    reduced.addEventListener("change", stop);
+    closing.observe(dialog, { attributes: true, attributeFilter: ["open"] });
+  };
+  const onRelease = config.onRelease ?? (() => {
+  });
+  const release = config.release ?? (() => false);
+  const settle = (held) => {
+    const velocity = flickVelocity(held);
+    const delta = held.last - held.start;
+    const dragged = Math.abs(delta) > DRAG_SLOP;
+    onRelease(dragged);
+    const handled = !dragged || release(held.dialog, delta, velocity);
+    if (!handled && dismisses(held, velocity)) held.dialog.close();
+    return handled;
+  };
+  const onCancel = (event) => {
+    if (event && drag?.pointerId !== event.pointerId) return;
+    observer.disconnect();
+    onRelease(false);
+    const held = drag;
+    drag = null;
+    if (held) reset(held.dialog);
+  };
+  Utils.onDocumentReady(() => {
+    observer = new MutationObserver((records) => {
+      const dialog = drag?.dialog;
+      if (dialog && (!dialog.open || !dialog.isConnected || records.some(
+        (record) => record.type === "attributes" && record.target === dialog && record.oldValue === null || [...record.removedNodes].some((node) => node.contains(dialog))
+      ))) onCancel();
+    });
+    document.addEventListener("pointerdown", onDown, { passive: true });
+    document.addEventListener("pointermove", onMove, { passive: true });
+    document.addEventListener("pointerup", onUp, { passive: true });
+    document.addEventListener("pointercancel", onCancel, { passive: true });
+  });
+}
+
+export {
+  DISMISS_DISTANCE,
+  DISMISS_VELOCITY,
+  installSheetDrag
+};
+//# sourceMappingURL=chunk-JUKBBN6P.mjs.map

package/dist/js/chunks/chunk-JUKBBN6P.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/sheetDrag.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Spring, animatePath, springPath, springToken } from '../core/spring';\n\n/**\n * Drag-to-dismiss, shared by the bottom sheet and the side sheet.\n *\n * The two were the same state machine written twice on different axes - same\n * dismissal distance, same flick velocity, same transition suppression, same\n * pointer bookkeeping - so a fix to one could land without reaching the other.\n * What actually differs between them is stated as configuration below.\n *\n * Light-dismiss on the scrim is not here; it stays with `Dialogs`.\n */\nexport interface SheetDragConfig {\n  /** Which dialogs this drag applies to. */\n  selector: string;\n  /** The axis the sheet travels on. */\n  axis: 'x' | 'y';\n  /** The custom property carrying the live drag offset. */\n  property: string;\n  /**\n   * The sheet's motion easing token; `-duration` names its duration. While\n   * both are the default spatial spring's, a snap-back solves that spring\n   * at run time; an override keeps the CSS transition it asks for.\n   */\n  motion: string;\n  /**\n   * `1` when the sheet dismisses toward increasing coordinates (downward, or\n   * rightward for an end-docked side sheet), `-1` when it dismisses toward\n   * decreasing ones. A function rather than a constant because a side sheet's\n   * direction depends on which edge each individual sheet is docked to.\n   */\n  direction: (dialog: HTMLDialogElement) => 1 | -1;\n  /** Whether a press at this point landed on the sheet's drag handle. */\n  inHandle: (event: PointerEvent, dialog: HTMLDialogElement) => boolean;\n  /**\n   * Called on primary `pointerdown`, after clearing the previous drag. The\n   * bottom sheet clears its dragged flag here so a sequence abandoned without\n   * a `pointerup` cannot leave the flag set and swallow the next tap.\n   */\n  onPress?: () => void;\n  /** Called when a drag ends, with whether the pointer actually moved. */\n  onRelease?: (dragged: boolean) => void;\n  /**\n   * Called when a drag that moved ends on an open sheet, before it can\n   * dismiss, with how far the pointer travelled along the axis (either way,\n   * unlike the dismissing shift) and its flick velocity. Returns whether the\n   * drag did something else, such as resizing the sheet, so it does not also\n   * dismiss it.\n   */\n  release?: (dialog: HTMLDialogElement, delta: number, velocity: number) => boolean;\n}\n\nconst REDUCED = '(prefers-reduced-motion: reduce)';\n\n/** Past this the sheet dismisses rather than snapping back, in pixels. */\nexport const DISMISS_DISTANCE = 96;\n/** Past this a flick dismisses whatever the distance, in pixels per millisecond. */\nexport const DISMISS_VELOCITY = 0.5;\n/** Ignore a flick after the pointer has rested for this many milliseconds. */\nconst FLICK_TIMEOUT = 100;\n/** Past this the pointer was dragging, not tapping. Hand jitter, in pixels. */\nconst DRAG_SLOP = 4;\n\n/** One drag in flight. */\ninterface Drag {\n  dialog: HTMLDialogElement;\n  pointerId: number;\n  direction: 1 | -1;\n  start: number;\n  last: number;\n  lastT: number;\n  velocity: number;\n  shift: number;\n}\n\n/** The pointer's velocity at release, or 0 once it has rested past the flick window. */\nconst flickVelocity = (held: Drag) => (Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0);\n\n/** Whether the drag went past the dismissal distance, or flicked, toward the sheet's edge. */\nconst dismisses = (held: Drag, velocity: number) =>\n  held.shift * held.direction > DISMISS_DISTANCE || velocity * held.direction > DISMISS_VELOCITY;\n\n/**\n * Each sheet's snap-back spring while it runs, as the function that ends\n * it, restoring the CSS transition or, for a drag that caught it, not.\n */\nconst springs = new WeakMap<HTMLDialogElement, (restore: boolean) => void>();\n\n/**\n * Stops a sheet's snap-back where it is and returns how far off its edge\n * that is, so a drag carries on from there instead of jumping.\n */\nfunction catchSpring(dialog: HTMLDialogElement, axis: 'x' | 'y') {\n  const end = springs.get(dialog);\n  if (!end) return 0;\n  const [x, y = '0'] = getComputedStyle(dialog).translate.split(' ');\n  end(false);\n  return parseFloat(axis === 'x' ? x : y) || 0;\n}\n\n/** Selectors whose drag is already installed, so a second `Init()` is a no-op. */\nconst installed = new Set<string>();\n\n/**\n * Register one sheet kind's drag handlers on the document. Called once per kind\n * at import time; there is nothing to tear down.\n */\nexport function installSheetDrag(config: SheetDragConfig): void {\n  if (installed.has(config.selector)) return;\n  installed.add(config.selector);\n  const coord = (event: PointerEvent) => (config.axis === 'x' ? event.clientX : event.clientY);\n  let observer: MutationObserver;\n\n  let drag: Drag | null = null;\n\n  const sheetFor = (event: Event): HTMLDialogElement | null => {\n    const dialog = Utils.closestInPath(event, config.selector);\n    return dialog instanceof HTMLDialogElement ? dialog : null;\n  };\n\n  const reset = (dialog: HTMLDialogElement) => {\n    dialog.style.transition = '';\n    dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onDown = (event: PointerEvent) => {\n    // A press that is not the primary pointer is ignored without disturbing a\n    // drag already in flight - a second finger must not abort the first one.\n    // A press that lands off the sheet or off its handle does clear it.\n    if (!event.isPrimary) return;\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    onCancel();\n    config.onPress?.();\n    const dialog = sheetFor(event);\n    if (!dialog?.open || !config.inHandle(event, dialog)) return;\n    dialog.style.transition = 'none';\n    const at = coord(event);\n    // A sheet caught mid-spring carries on from where it is.\n    const caught = catchSpring(dialog, config.axis);\n    dialog.style.setProperty(config.property, `${caught}px`);\n    drag = {\n      dialog,\n      pointerId: event.pointerId,\n      direction: config.direction(dialog),\n      start: at - caught,\n      last: at,\n      lastT: Date.now(),\n      velocity: 0,\n      shift: caught\n    };\n    // The document cannot see inside a shadow root, so a sheet there is\n    // watched in its own root too; host removal still shows up in the document.\n    const watch = { childList: true, subtree: true, attributes: true, attributeFilter: ['open'], attributeOldValue: true };\n    const root = dialog.getRootNode();\n    observer.observe(document, watch);\n    if (root !== document) observer.observe(root, watch);\n  };\n\n  const onMove = (event: PointerEvent) => {\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (!drag.dialog.open || !drag.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    const at = coord(event);\n    const delta = at - drag.start;\n    // Only movement toward dismissal counts; dragging the other way is a no-op\n    // rather than a sheet that lifts off its edge.\n    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);\n    if (at !== drag.last) {\n      const now = Date.now();\n      drag.velocity = (at - drag.last) / Math.max(1, now - drag.lastT);\n      drag.last = at;\n      drag.lastT = now;\n    }\n    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);\n  };\n\n  const onUp = (event: PointerEvent) => {\n    const held = drag;\n    if (!held || held.pointerId !== event.pointerId) return;\n    if (!held.dialog.open || !held.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    onMove(event);\n    drag = null;\n    observer.disconnect();\n    letGo(held);\n  };\n\n  /**\n   * A finished drag resizes or dismisses the sheet, or else it springs back.\n   * Not `reset()`, though it looks like it: the two halves belong on either\n   * side of close(). The transition has to be back before the sheet closes,\n   * so the dismissal animates; the shift has to clear after, or a snap-back\n   * would jump to zero before the transition could carry it there.\n   */\n  const letGo = (held: Drag) => {\n    const spring = springFor(held);\n    held.dialog.style.transition = '';\n    clearShift(held, !settle(held) && held.dialog.open ? spring : null);\n  };\n\n  /**\n   * Clears the drag's shift, springing back on `spring` when there is one.\n   * A running CSS transition would outrank the spring, so it waits until\n   * the spring ends. It goes off before the shift changes: switched off\n   * after, WebKit has already started it.\n   */\n  const clearShift = (held: Drag, spring: Spring | null) => {\n    if (spring) held.dialog.style.transition = 'none';\n    held.dialog.style.setProperty(config.property, '0px');\n    if (spring) springBack(held, spring);\n  };\n\n  /**\n   * The spring a released sheet snaps back on, or null for the CSS snap:\n   * no shift, reduced motion, or motion tokens the page overrode.\n   */\n  const springFor = (held: Drag) => {\n    if (!held.shift || matchMedia(REDUCED).matches || !onSpring(held.dialog)) return null;\n    return springToken(held.dialog, 'default-spatial');\n  };\n\n  /** Whether the sheet's motion tokens are still the default spatial spring's. */\n  const onSpring = (dialog: HTMLDialogElement) => {\n    const style = getComputedStyle(dialog);\n    const read = (name: string) => style.getPropertyValue(name).trim();\n    const spring = '--md-sys-motion-spring-default-spatial';\n    return read(config.motion) === read(spring) && read(`${config.motion}-duration`) === read(`${spring}-duration`);\n  };\n\n  /**\n   * The snap-back: a spring solved from where the sheet is and the\n   * finger's speed, instead of the CSS spring that starts from rest.\n   */\n  const springBack = (held: Drag, spring: Spring) => {\n    const dialog = held.dialog;\n    const write = config.axis === 'x' ? (value: number) => `${value}px 0` : (value: number) => `0 ${value}px`;\n    const running = animatePath(dialog, 'translate', springPath(held.shift, 0, flickVelocity(held), spring), write);\n    // It ends when it settles, and early when the sheet closes or the reader\n    // asks for reduced motion, so neither inherits a stale spring or a\n    // transition left off.\n    const reduced = matchMedia(REDUCED);\n    const closing = new MutationObserver(() => dialog.open || end(true));\n    const end = (restore: boolean) => {\n      springs.delete(dialog);\n      closing.disconnect();\n      reduced.removeEventListener('change', stop);\n      running.onfinish = null;\n      running.cancel();\n      if (restore) dialog.style.transition = '';\n    };\n    const stop = () => end(true);\n    springs.set(dialog, end);\n    running.onfinish = stop;\n    reduced.addEventListener('change', stop);\n    closing.observe(dialog, { attributes: true, attributeFilter: ['open'] });\n  };\n\n  const onRelease = config.onRelease ?? (() => {});\n  const release = config.release ?? (() => false);\n\n  /**\n   * A drag that moved resizes the sheet, if the sheet handles that, or else\n   * dismisses it past the distance or a flick. Returns whether the release\n   * did something other than let the sheet snap back.\n   */\n  const settle = (held: Drag) => {\n    const velocity = flickVelocity(held);\n    const delta = held.last - held.start;\n    // Movement either way is a drag, so the click that ends it is not a tap.\n    const dragged = Math.abs(delta) > DRAG_SLOP;\n    onRelease(dragged);\n    const handled = !dragged || release(held.dialog, delta, velocity);\n    if (!handled && dismisses(held, velocity)) held.dialog.close();\n    return handled;\n  };\n\n  const onCancel = (event?: PointerEvent) => {\n    if (event && drag?.pointerId !== event.pointerId) return;\n    observer.disconnect();\n    onRelease(false);\n    const held = drag;\n    drag = null;\n    if (held) reset(held.dialog);\n  };\n\n  Utils.onDocumentReady(() => {\n    observer = new MutationObserver(records => {\n      const dialog = drag?.dialog;\n      if (dialog && (!dialog.open || !dialog.isConnected || records.some(record =>\n        (record.type === 'attributes' && record.target === dialog && record.oldValue === null) ||\n        [...record.removedNodes].some(node => node.contains(dialog))\n      ))) onCancel();\n    });\n    document.addEventListener('pointerdown', onDown, { passive: true });\n    document.addEventListener('pointermove', onMove, { passive: true });\n    document.addEventListener('pointerup', onUp, { passive: true });\n    document.addEventListener('pointercancel', onCancel, { passive: true });\n  });\n}\n"],
+  "mappings": "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",
+  "names": []
+}