@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.14

package/dist/3-unit/ds-carousel.js

@@ -0,0 +1,327 @@
+// ds-carousel.ts
+// Slides side by side that snap sideways, one to a stop, tied to a row of
+// page dots and optional previous and next buttons; or, with slides of their
+// own width, a strip of several in view that can run on to the window's
+// edges, loop without an end and, when asked, move on by itself. Drawn by
+// 1-root/carousel.css, the same classes a page without scripts writes, and
+// moved by the helpers it shares with 0-face/carousel.ts.
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { getText } from "../0-face/i18n";
+import { define } from "../0-face/define";
+import { COPY, autoplayInterval, bleedOf, driveCarousel, nearestSlide, prefersReducedMotion, scrollToSlide } from "../0-face/carousel";
+import "../2-core/ds-icon";
+import "../2-core/ds-progress";
+import metrics from "../1-root/component-metrics.css?inline";
+import controls from "../1-root/controls.css?inline";
+import carousel from "../1-root/carousel.css?inline";
+import styles from "./styles/ds-carousel.css?inline";
+/** A whole number of squares, or `undefined` for a value that is not one. */
+const squares = (value, least) => typeof value === "number" && Number.isFinite(value) && value >= least ? Math.floor(value) : undefined;
+/**
+ * @element ds-carousel
+ * @prop {string} label - The region's name: a translation key, or literal
+ *   words. Name what the slides show ("Colours", "What people say").
+ * @prop {boolean} literal - Show `label` as written, never looked up.
+ * @prop {number} current - The slide in view, from 0. Setting it scrolls there.
+ * @prop {boolean} buttons - Show previous and next buttons beside the dots.
+ * @prop {boolean} noDots - Leave the dots out (`no-dots`).
+ * @prop {boolean} end - Draw the last dot as an end marker.
+ * @prop {number | "auto"} slideWidth - Each slide's width in whole squares
+ *   (`slide-width`); the carousel's own width when not set; `auto` for slides
+ *   of their own width, a strip of several in view.
+ * @prop {number} gap - Squares between slides; one by default.
+ * @prop {string} bleed - `none` (the default) keeps the strip in its box;
+ *   `end` runs it on to the window's end edge, the first slide still on the
+ *   box's start; `both` runs it to both edges.
+ * @prop {boolean} loop - Hold the slides three times over, so the strip has no
+ *   end. The copies are hidden from assistive technology and never focused;
+ *   a looping carousel draws no dots.
+ * @prop {string} autoplay - Move on a slide at a time by itself: empty for
+ *   every five seconds, or a number of milliseconds. Held while a person is
+ *   in the strip or cannot see it, never under reduced motion, and always
+ *   with a pause button.
+ * @prop {boolean} free - Slide freely, without stopping at slides.
+ *
+ * @slot - The slides, one element each.
+ *
+ * @fires change - A person moved to another slide: by swiping, scrolling, a
+ *   dot or a button. `detail` is `{ index, previous }`. Setting `current` or
+ *   calling `goTo()` does not fire it.
+ *
+ * The element is a region described as a carousel, named by `label`; each
+ * slide is a group labelled "2 of 5" unless the page labels it, and the
+ * current slide is announced politely when it changes. It moves on its own
+ * only with `autoplay`. `bleed`, `loop` and `autoplay` are read when the
+ * element first draws; put a new element in its place to change them.
+ *
+ * @example
+ * <ds-carousel label="Colours" slide-width="12" buttons>
+ *   <figure>…</figure>
+ *   <figure>…</figure>
+ * </ds-carousel>
+ */
+export class Carousel extends LitElement {
+    constructor() {
+        super();
+        /** The strip's drive: the bleed's measures, the loop's copies and autoplay. */
+        this.drive = null;
+        /** Attributes this element wrote, so what the page wrote is left alone. */
+        this.own = new Map();
+        this.frame = 0;
+        /** `current` changed from inside: the track is already there or on its way. */
+        this.moving = false;
+        this.relabel = () => { this.labelSlides(); this.requestUpdate(); };
+        this.scrolled = () => {
+            cancelAnimationFrame(this.frame);
+            // A loop has no place to point to: nothing to follow.
+            if (this.loop)
+                return;
+            this.frame = requestAnimationFrame(() => {
+                if (this.pending !== undefined) {
+                    // A scroll asked for by a dot or a button: wait for it to stop before following the track again.
+                    clearTimeout(this.settle);
+                    this.settle = setTimeout(() => { this.pending = undefined; }, 150);
+                    return;
+                }
+                const track = this.track;
+                if (track)
+                    this.show(nearestSlide(track, this.slides, this.index));
+            });
+        };
+        this.ended = () => { this.pending = undefined; };
+        this.picked = (event) => {
+            // The dots are this carousel's own; their pick becomes its change.
+            event.stopPropagation();
+            event.preventDefault();
+            this.move(event.detail.index);
+        };
+        this.literal = false;
+        this.current = 0;
+        this.buttons = false;
+        this.noDots = false;
+        this.end = false;
+        this.bleed = "none";
+        this.loop = false;
+        this.autoplay = null;
+        this.free = false;
+        this.count = 0;
+        this.announcement = "";
+        this.paused = false;
+    }
+    /** The slides: the elements given to the carousel, without a loop's copies. */
+    get slides() {
+        return [...this.children].filter((child) => child instanceof HTMLElement && !child.hasAttribute("slot") && !child.hasAttribute(COPY));
+    }
+    /** Milliseconds between autoplay steps; 0 for none. */
+    get every() {
+        return autoplayInterval(this.autoplay);
+    }
+    /** Slides of their own width: a strip. */
+    get strip() {
+        return this.slideWidth === "auto";
+    }
+    get track() {
+        return this.renderRoot.querySelector(".ds-carousel__track");
+    }
+    /** The slide in view, inside the count. */
+    get index() {
+        const current = Number.isFinite(this.current) ? Math.floor(this.current) : 0;
+        return Math.max(0, Math.min(this.count - 1, current));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener("language-changed", this.relabel);
+        window.addEventListener("translations-loaded", this.relabel);
+    }
+    disconnectedCallback() {
+        window.removeEventListener("language-changed", this.relabel);
+        window.removeEventListener("translations-loaded", this.relabel);
+        cancelAnimationFrame(this.frame);
+        clearTimeout(this.settle);
+        this.drive?.stop();
+        this.drive = null;
+        super.disconnectedCallback();
+    }
+    words(value, fallback, params) {
+        const text = value && this.literal ? value : getText(value || fallback, params) || value || fallback;
+        return params ? text.replace(/\{\{?(\w+)\}?\}/g, (whole, name) => (name in params ? String(params[name]) : whole)) : text;
+    }
+    /** Writes an attribute the page has not written, and remembers it as this element's. */
+    write(element, name, value) {
+        const mine = this.own.get(element) ?? new Set();
+        if (element.hasAttribute(name) && !mine.has(name))
+            return;
+        mine.add(name);
+        this.own.set(element, mine);
+        if (element.getAttribute(name) !== value)
+            element.setAttribute(name, value);
+    }
+    labelSlides() {
+        const slides = this.slides;
+        const labelled = (slide) => slide.hasAttribute("aria-labelledby");
+        slides.forEach((slide, index) => {
+            this.write(slide, "role", "group");
+            this.write(slide, "aria-roledescription", this.words(undefined, "Slide"));
+            if (!labelled(slide))
+                this.write(slide, "aria-label", this.words(undefined, "{index} of {count}", { index: index + 1, count: slides.length }));
+        });
+        this.count = slides.length;
+    }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        // The slides are counted before the first paint, so `current` can start on any of them.
+        if (!this.hasUpdated)
+            this.labelSlides();
+        this.write(this, "role", "region");
+        this.write(this, "aria-roledescription", this.words(undefined, "Carousel"));
+        if (!this.hasAttribute("aria-labelledby"))
+            this.write(this, "aria-label", this.words(this.label, "Carousel"));
+        const width = squares(typeof this.slideWidth === "string" && this.slideWidth !== "auto" ? Number(this.slideWidth) : typeof this.slideWidth === "number" ? this.slideWidth : undefined, 1);
+        const gap = squares(this.gap, 0);
+        if (this.strip)
+            this.style.setProperty("--ds-carousel-slide", "max-content");
+        else if (width)
+            this.style.setProperty("--ds-carousel-slide", `calc(var(--ds-unit) * ${width})`);
+        else
+            this.style.removeProperty("--ds-carousel-slide");
+        if (gap !== undefined)
+            this.style.setProperty("--ds-carousel-gap", `calc(var(--ds-unit) * ${gap})`);
+        else
+            this.style.removeProperty("--ds-carousel-gap");
+    }
+    firstUpdated() {
+        // The strip's drive starts once, from the options the element was given.
+        const track = this.track;
+        const bleed = bleedOf(this.bleed);
+        if (track && (bleed !== "none" || this.loop || this.every > 0)) {
+            this.drive = driveCarousel(this, track, this, { bleed, loop: this.loop, autoplay: this.every });
+        }
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (this.loop)
+            return;
+        if (changed.has("current")) {
+            if (this.moving) {
+                this.moving = false;
+                return;
+            }
+            // The page set `current`: go there, at once on the first paint and smoothly after.
+            this.travel(this.index, changed.get("current") !== undefined);
+        }
+        else if (changed.has("count") && !changed.get("count") && this.index > 0) {
+            // The slides arrived after the first paint: stand on the current one.
+            this.travel(this.index, false);
+        }
+    }
+    /** Goes to a slide: smoothly, unless the reader asks for reduced motion. Fires no `change`. */
+    goTo(index) {
+        this.current = index;
+    }
+    /** Goes to the next slide, as the next button does. */
+    next() {
+        if (this.drive)
+            this.drive.step(1);
+        else
+            this.move(this.index + 1);
+    }
+    /** Goes to the previous slide, as the previous button does. */
+    previous() {
+        if (this.drive)
+            this.drive.step(-1);
+        else
+            this.move(this.index - 1);
+    }
+    togglePause() {
+        this.paused = !this.paused;
+        this.drive?.pause(this.paused);
+    }
+    travel(index, smooth) {
+        const track = this.track;
+        const slide = this.slides[index];
+        if (!track || !slide || !scrollToSlide(track, slide, smooth))
+            return;
+        this.pending = index;
+        clearTimeout(this.settle);
+        this.settle = setTimeout(() => { this.pending = undefined; }, 600);
+    }
+    /** A person moved to `index`: show it, say it, and fire `change`. */
+    show(index) {
+        const target = Math.max(0, Math.min(this.count - 1, index));
+        const previous = this.index;
+        if (target === previous || this.count === 0)
+            return;
+        this.moving = true;
+        this.current = target;
+        this.announcement = this.words(undefined, "{index} of {count}", { index: target + 1, count: this.count });
+        this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true, detail: { index: target, previous } }));
+    }
+    move(index) {
+        const target = Math.max(0, Math.min(this.count - 1, index));
+        this.travel(target, true);
+        this.show(target);
+    }
+    render() {
+        const index = this.index;
+        // A drive steps on and back without an end to stop at.
+        const driven = this.drive !== null || bleedOf(this.bleed) !== "none" || this.loop || this.every > 0;
+        const button = (which) => html `<button
+      class="ds-button ds-button--icon ds-carousel__${which}"
+      part=${which}
+      type="button"
+      aria-label=${this.words(undefined, which === "previous" ? "Previous slide" : "Next slide")}
+      ?disabled=${!driven && (which === "previous" ? index <= 0 : index >= this.count - 1)}
+      @click=${() => (which === "previous" ? this.previous() : this.next())}
+    ><ds-icon type=${which === "previous" ? "left" : "right"} aria-hidden="true"></ds-icon></button>`;
+        const moving = this.every > 0 && !prefersReducedMotion();
+        const dots = !this.noDots && !this.loop;
+        const controls = this.buttons || dots || moving;
+        const bleed = bleedOf(this.bleed);
+        return html `<div class="ds-carousel" part="carousel" data-slides=${this.strip ? "auto" : nothing} data-bleed=${bleed === "none" ? nothing : bleed} data-snap=${this.free ? "none" : nothing}>
+      <div class="ds-carousel__track" part="track" @scroll=${this.scrolled} @scrollend=${this.ended}>
+        <slot @slotchange=${() => this.labelSlides()}></slot>
+      </div>
+      ${controls && this.count > 1
+            ? html `<div class="ds-carousel__controls" part="controls">
+            ${moving
+                ? html `<button
+                  class="ds-button ds-button--icon ds-carousel__pause"
+                  part="pause"
+                  type="button"
+                  aria-pressed=${String(this.paused)}
+                  aria-label=${this.words(undefined, this.paused ? "Play" : "Pause")}
+                  @click=${this.togglePause}
+                ><ds-icon type=${this.paused ? "play-alt" : "pause"} aria-hidden="true"></ds-icon></button>`
+                : nothing}
+            ${this.buttons ? button("previous") : nothing}
+            ${dots ? html `<ds-progress part="dots" .dots=${this.count} .active=${index} ?end=${this.end} @select=${this.picked}></ds-progress>` : nothing}
+            ${this.buttons ? button("next") : nothing}
+          </div>`
+            : nothing}
+      <span class="ds-carousel__status" part="status" aria-live="polite" aria-atomic="true">${this.announcement}</span>
+    </div>`;
+    }
+}
+Carousel.properties = {
+    label: { type: String },
+    literal: { type: Boolean, reflect: true },
+    current: { type: Number, reflect: true },
+    buttons: { type: Boolean, reflect: true },
+    noDots: { type: Boolean, reflect: true, attribute: "no-dots" },
+    end: { type: Boolean, reflect: true },
+    // A number of squares, or "auto" for slides of their own width.
+    slideWidth: { attribute: "slide-width", reflect: true, converter: {
+            fromAttribute: (value) => (value === null ? undefined : value === "auto" ? "auto" : Number(value)),
+            toAttribute: (value) => (value === undefined ? null : String(value)),
+        } },
+    gap: { type: Number },
+    bleed: { type: String, reflect: true },
+    loop: { type: Boolean, reflect: true },
+    autoplay: { type: String, reflect: true },
+    free: { type: Boolean, reflect: true },
+    count: { state: true },
+    announcement: { state: true },
+    paused: { state: true },
+};
+Carousel.styles = [unsafeCSS(metrics), unsafeCSS(controls), unsafeCSS(carousel), unsafeCSS(styles)];
+define("ds-carousel", Carousel);

package/dist/3-unit/ds-date-picker.d.ts

@@ -0,0 +1,203 @@
+import { LitElement, type PropertyValues } from "lit";
+import { type DateLength } from "../0-face/format";
+import { type Day } from "../0-face/calendar";
+import "../2-core/ds-icon";
+import "./ds-calendar";
+/** Detail of `change` and `input`: the value now and before; each is empty when there is none. */
+export interface DatePickerChangeDetail {
+    value: string;
+    previous: string;
+}
+/** One end of a value: its day and, when it has one, its time (`14:30`). */
+export interface DatePickerEnd {
+    day: Day;
+    time: string;
+}
+/** Reads a value: `2026-10-21`, `2026-10-21T14:30`, or two of them joined by `/`. */
+export declare function readDateValue(value: string | null | undefined): {
+    start?: DatePickerEnd;
+    end?: DatePickerEnd;
+};
+/**
+ * Writes a value from its ends, the times only with `time`. An end that is
+ * the same moment as the start leaves the value one day.
+ */
+export declare function writeDateValue(start: DatePickerEnd | undefined, end: DatePickerEnd | undefined, options: {
+    time: boolean;
+}): string;
+/** Reads what a person typed: a day written `YYYY-MM-DD`, or a date the browser can read ("Oct 21, 2026"). */
+export declare function parseTypedDay(text: string): Day | null;
+/**
+ * @element ds-date-picker
+ * @prop {string} value - `YYYY-MM-DD`, `YYYY-MM-DDTHH:MM`, or two joined by
+ *   `/` for a range; empty for none.
+ * @prop {string} name - The form field's name.
+ * @prop {string} label - The field's accessible name: a translation key, or
+ *   literal words.
+ * @prop {boolean} literal - Show `label` and `placeholder` as written.
+ * @prop {string} placeholder - The words before a day is chosen; the shared
+ *   "Choose a date" by default.
+ * @prop {string} length - How a day is written: `short`, `medium` (the
+ *   default) or `long`.
+ * @prop {boolean} time - Choose a time with each day (the Include time switch).
+ * @prop {boolean} noOptions - Leave the Include time switch out (`no-options`);
+ *   `time` still applies.
+ * @prop {string} min - The first day a person may choose.
+ * @prop {string} max - The last day a person may choose.
+ * @prop {string} weekStart - The week's first day (`week-start`); the
+ *   language's own by default.
+ * @prop {string} today - The day drawn as today; the reader's own by default.
+ * @prop {boolean} required - A form needs a value; Clear is left out.
+ * @prop {boolean} disabled - The field cannot be opened.
+ * @prop {boolean} open - The panel is open.
+ *
+ * @fires change - A person changed the value; `{ value, previous }`.
+ * @fires input - The same moment, for code listening as to a field.
+ * @fires ds-date-picker-toggle - The panel opened or closed; `{ open }`.
+ *
+ * @example
+ * <ds-date-picker label="When" literal name="when" value="2026-10-21/2026-10-24"></ds-date-picker>
+ */
+export declare class DatePicker extends LitElement {
+    static formAssociated: boolean;
+    static properties: {
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        literal: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        length: {
+            type: StringConstructor;
+        };
+        time: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        noOptions: {
+            type: BooleanConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        min: {
+            type: StringConstructor;
+        };
+        max: {
+            type: StringConstructor;
+        };
+        weekStart: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        today: {
+            type: StringConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        awaitingEnd: {
+            state: boolean;
+        };
+    };
+    static styles: import("lit").CSSResult[];
+    value: string;
+    name: string | undefined;
+    label: string | undefined;
+    literal: boolean;
+    placeholder: string | undefined;
+    length: DateLength | undefined;
+    time: boolean;
+    noOptions: boolean;
+    min: string | undefined;
+    max: string | undefined;
+    weekStart: string | undefined;
+    today: string | undefined;
+    required: boolean;
+    disabled: boolean;
+    open: boolean;
+    /** A first day has been pressed in this opening and the last is still to come. */
+    awaitingEnd: boolean;
+    private readonly internals;
+    /** The value the field started with, for a form's reset. */
+    private initial;
+    private shown;
+    /** Whether opening should move focus into the month (a key opened it). */
+    private focusMonth;
+    private readonly relabel;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    /** The form was reset: back to the value it started with. */
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    private words;
+    private get trigger();
+    private get panel();
+    private get calendar();
+    private get ends();
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    /** Opens the panel. */
+    show(): void;
+    /** Closes the panel, giving focus back to the field when it was inside. */
+    hide(restore?: boolean): void;
+    private focusDay;
+    /** Below the field, half a square from it, or above when there is more room there; held inside the screen. */
+    private place;
+    private onOutside;
+    private toggle;
+    private onTriggerKey;
+    private onPanelKey;
+    private onFocusOut;
+    /** Takes a new value and says so. */
+    private commit;
+    private write;
+    /**
+     * A day pressed in the month. The first press of an opening starts the range
+     * (the value is that day until another is pressed); the second ends it and,
+     * without times to set, closes the panel.
+     */
+    private picked;
+    /** A day typed in a field, read when the person leaves it or presses Enter. */
+    private typed;
+    private timed;
+    private setTime;
+    /** Pressing the switch's row presses the switch, as a label would. */
+    private passPress;
+    private clear;
+    private moment;
+    private formatter;
+    private fieldText;
+    /** The face's words: one day, or a range written as the language writes one ("Oct 21 – 24, 2026"). */
+    private faceText;
+    private renderEnd;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-date-picker": DatePicker;
+    }
+}
+//# sourceMappingURL=ds-date-picker.d.ts.map

package/dist/3-unit/ds-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-date-picker.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-date-picker.ts"],"names":[],"mappings":"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"}