@nldd/design-system 0.8.83 → 0.8.84

package/dist/components/layout/window/window.js

@@ -1,35 +1,34 @@
 /**
  * Nederlandse Digitale Dienst Window Component (Lit + TypeScript)
  *
- * Een zwevend venster gebaseerd op het native <dialog>-element.
- * Kan modaal of niet-modaal worden weergegeven. Positioneerbaar via
- * CSS-waarden.
+ * A floating window based on the native <dialog> element. Can be shown modal or
+ * modeless. Positionable through CSS values.
  *
- * Geen eigen header — consumers gebruiken nldd-page met sticky-header
- * binnenin voor een title bar.
+ * No header of its own: consumers use nldd-page with a sticky header inside for
+ * a title bar.
  *
  * @element nldd-window
  *
- * @attr {boolean} modeless - Niet-modaal (geen backdrop of focusvergrendeling); standaard is het venster modaal
- * @attr {boolean} no-light-dismiss - Een klik op de backdrop sluit het venster niet. Voor vensters waar per ongeluk wegklikken werk kost: een wizard, een formulier met ingevulde velden. Escape en de dismiss-knop blijven werken.
- * @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label). Valt terug op de i18n default ('Venster') als niet gezet — geef altijd een unieke, beschrijvende naam per venster.
- * @attr {object} translations - Override translation keys; unset keys vallen terug op de Nederlandse default.
- * @attr {string} top - CSS top positie van de bovenrand (bijv. '0', '100px')
- * @attr {string} left - CSS left positie van de linkerrand
- * @attr {string} right - CSS right waarde
- * @attr {string} bottom - CSS bottom waarde
- * @attr {boolean} centered - Centreert beide assen op de viewport. Per as overrideable: `centered top="0"` = horizontaal gecentreerd, top-aligned. Mirrort CSS `place-items: center` met `align-items`/`justify-items` overrides.
- * @attr {string} width - CSS width (standaard: var(--components-window-default-width))
- * @attr {string} height - CSS height (standaard: content height)
+ * @attr {boolean} modeless - Modeless (no backdrop or focus trap); the window is modal by default
+ * @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
+ * @attr {string} accessible-label - (required) Accessible name (aria-label). Falls back to the i18n default ('Venster') when unset. Always pass a unique, descriptive name per window.
+ * @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
+ * @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
+ * @attr {string} left - CSS left position of the left edge
+ * @attr {string} right - CSS right value
+ * @attr {string} bottom - CSS bottom value
+ * @attr {boolean} centered - Centers both axes on the viewport. Overridable per axis: `centered top="0"` is horizontally centered, top aligned. Mirrors CSS `place-items: center` with `align-items`/`justify-items` overrides.
+ * @attr {string} width - CSS width (default: var(--components-window-default-width))
+ * @attr {string} height - CSS height (default: content height)
  * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
  *
- * @slot - Volledige window content (bijv. nldd-page)
+ * @slot - Complete window content (e.g. nldd-page)
  *
- * @fires open - Wanneer het venster wordt geopend
- * @fires close - Wanneer het venster volledig is gesloten
+ * @fires open - When the window opens
+ * @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it.
  *
- * @method show() - Opent het venster
- * @method hide() - Sluit het venster
+ * @method show() - Opens the window
+ * @method hide() - Closes the window
  */
 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;
@@ -193,7 +192,7 @@ let NLDDWindow = class NLDDWindow extends LitElement {
         if (this._closeEmitted)
             return;
         this._closeEmitted = true;
-        this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent('close', { bubbles: false, composed: true }));
     }
     _manageFocus() {
         // 1. autofocus element present — focus it ourselves: a design-system

package/dist/components/layout/window/window.js.map

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

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts

@@ -14,11 +14,12 @@
  * content: every dot in a list is the same size, or the track would jump.
  *
  * @element nldd-timeline-track-cell
- * @attr {'past' | 'current' | 'future' | 'none'} status - Status of this step (default 'past'); the same values as `nldd-step-indicator-item`. `none` draws the line only, without a dot
- * @attr {'dot' | 'step'} variant - What this row is: a `dot` (default) on a timeline of events, a 16px dot, or a `step` in a list of steps, a 24px dot with room for a number or an icon
- * @attr {boolean} minor - This row belongs under the previous one: a smaller dot in the same lane, so the track runs straight on and nothing indents. The dot stays empty (a number or an icon would not fit, and would make the row a step of its own); carry the hierarchy in the row itself instead, with an `nldd-text-cell` rather than an `nldd-title-cell` for example
+ * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
+ * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
+ * @attr {'major' | 'minor' | 'none'} variant - What stands in the lane: a whole dot (`major`, the default), a smaller one for a row that belongs under the one above it (`minor`), or nothing at all (`none`) for a row that carries what a step holds rather than being a step. A `none` row keeps its `size` and its `status`, so it stays in the same lane and the track runs on in the right color
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
- * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere
+ * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `variant="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
+ * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `variant="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
  * @attr {string} text - Number or short text in the dot
  * @attr {string} icon - Icon name in the dot; wins over `text`
  *
@@ -26,10 +27,12 @@
  */
 import { LitElement, type PropertyValues } from 'lit';
 import '../../../content/icon/icon.js';
-type Status = 'past' | 'current' | 'future' | 'none';
-type Variant = 'dot' | 'step';
+type Status = 'past' | 'current' | 'future';
+type Size = 'sm' | 'md';
+type Variant = 'major' | 'minor' | 'none';
 type Direction = 'down' | 'up';
 type Position = 'first' | 'between' | 'last' | 'only';
+type Line = 'auto' | 'top' | 'bottom' | 'both' | 'none';
 declare const NLDDTimelineTrackCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     hideBelow?: string;
     hideAbove?: string;
@@ -37,11 +40,20 @@ declare const NLDDTimelineTrackCell_base: typeof LitElement & (new (...args: any
 export declare class NLDDTimelineTrackCell extends NLDDTimelineTrackCell_base {
     static styles: import("lit").CSSResult;
     status: Status;
+    /** How wide the lane is, and with it how big the dot. One size per list: a
+     *  lane that changes width halfway bends the track. */
+    size: Size;
+    /**
+     * What stands in the lane: a whole dot, a smaller one, or nothing.
+     *
+     * A rank rather than a measurement — the cell picks the sizes, so the scale
+     * can change later without every consumer following. `minor` is a row that
+     * belongs under the one above it, and its dot stays empty: a number would not
+     * fit and would make the row a step of its own, so carry that hierarchy in
+     * the row instead, with an `nldd-text-cell` rather than an `nldd-title-cell`.
+     * `none` is a row that carries what a step holds rather than being one.
+     */
     variant: Variant;
-    /** A step below a main step. A meaning, not a measurement: the cell picks the
-     *  size, so the scale can change later without every consumer following. Its
-     *  dot stays empty -- text, icon and slotted content are ignored. */
-    minor: boolean;
     /** Which way the timeline moves forward. The cell only knows its own step, so
      *  it cannot tell which neighbor came first: with `up` (newest at the top)
      *  the traveled half of the track is the one below the marker. Only the
@@ -49,10 +61,27 @@ export declare class NLDDTimelineTrackCell extends NLDDTimelineTrackCell_base {
      *  changes anything. */
     direction: Direction;
     position: Position;
+    /**
+     * Which halves of the track you have covered, for when the status gets it
+     * wrong.
+     *
+     * It reads one row at a time, and a row that opens a group of its own is
+     * not the end of the going: the step you are on sits inside it, further
+     * down. Nothing in the cell can see that, and a cell that read its
+     * neighbours would break the moment rows come and go. So the consumer says
+     * it, and says it for both halves at once: the ones named are covered and
+     * the other one is still ahead.
+     *
+     * This is about fill, not about place. Where you stand in the series is what
+     * `position` says, and that keeps deciding which halves are drawn — naming a
+     * fill does not take a half away. It can add one, though: calling a half
+     * covered draws it, even where the position left it out.
+     */
+    line: Line;
     text: string;
     icon: string;
-    /** Only a step marker has room to read a number in, and a minor row is smaller
-     *  still -- besides, a number would claim it is a step of its own. */
+    /** Only a whole dot in a wide lane has room to read a number in: a minor one is
+     *  smaller still, and would claim to be a step of its own. */
     get showsContent(): boolean;
     private _warnedContent;
     updated(changed: PropertyValues): void;

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,+BAA+B,CAAC;AAEvC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9B,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAC/B,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;AAEtD,qBACa,qBAAsB,SAAQ,0BAA8C;IACxF,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,EAAE,MAAM,CAAU;IAGxB,OAAO,EAAE,OAAO,CAAS;IAEzB;;yEAEqE;IAErE,KAAK,UAAS;IAEd;;;;4BAIwB;IAExB,SAAS,EAAE,SAAS,CAAU;IAG9B,QAAQ,EAAE,QAAQ,CAAa;IAG/B,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;0EACsE;IACtE,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,OAAO,CAAC,cAAc,CAAS;IAEtB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
+{"version":3,"file":"timeline-track-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,+BAA+B,CAAC;AAEvC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC5C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC1C,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAC/B,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACtD,KAAK,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;AAExD,qBACa,qBAAsB,SAAQ,0BAA8C;IACxF,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,EAAE,MAAM,CAAU;IAExB;2DACuD;IAEvD,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;;;;;;OASG;IAEH,OAAO,EAAE,OAAO,CAAW;IAE3B;;;;4BAIwB;IAExB,SAAS,EAAE,SAAS,CAAU;IAG9B,QAAQ,EAAE,QAAQ,CAAa;IAE/B;;;;;;;;;;;;;;;OAeG;IAEH,IAAI,EAAE,IAAI,CAAU;IAGpB,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;kEAC8D;IAC9D,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,OAAO,CAAC,cAAc,CAAS;IAEtB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js

@@ -20,11 +20,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * content: every dot in a list is the same size, or the track would jump.
  *
  * @element nldd-timeline-track-cell
- * @attr {'past' | 'current' | 'future' | 'none'} status - Status of this step (default 'past'); the same values as `nldd-step-indicator-item`. `none` draws the line only, without a dot
- * @attr {'dot' | 'step'} variant - What this row is: a `dot` (default) on a timeline of events, a 16px dot, or a `step` in a list of steps, a 24px dot with room for a number or an icon
- * @attr {boolean} minor - This row belongs under the previous one: a smaller dot in the same lane, so the track runs straight on and nothing indents. The dot stays empty (a number or an icon would not fit, and would make the row a step of its own); carry the hierarchy in the row itself instead, with an `nldd-text-cell` rather than an `nldd-title-cell` for example
+ * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
+ * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
+ * @attr {'major' | 'minor' | 'none'} variant - What stands in the lane: a whole dot (`major`, the default), a smaller one for a row that belongs under the one above it (`minor`), or nothing at all (`none`) for a row that carries what a step holds rather than being a step. A `none` row keeps its `size` and its `status`, so it stays in the same lane and the track runs on in the right color
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
- * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere
+ * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `variant="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
+ * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `variant="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
  * @attr {string} text - Number or short text in the dot
  * @attr {string} icon - Icon name in the dot; wins over `text`
  *
@@ -41,11 +42,20 @@ let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(
     constructor() {
         super(...arguments);
         this.status = 'past';
-        this.variant = 'dot';
-        /** A step below a main step. A meaning, not a measurement: the cell picks the
-         *  size, so the scale can change later without every consumer following. Its
-         *  dot stays empty -- text, icon and slotted content are ignored. */
-        this.minor = false;
+        /** How wide the lane is, and with it how big the dot. One size per list: a
+         *  lane that changes width halfway bends the track. */
+        this.size = 'sm';
+        /**
+         * What stands in the lane: a whole dot, a smaller one, or nothing.
+         *
+         * A rank rather than a measurement — the cell picks the sizes, so the scale
+         * can change later without every consumer following. `minor` is a row that
+         * belongs under the one above it, and its dot stays empty: a number would not
+         * fit and would make the row a step of its own, so carry that hierarchy in
+         * the row instead, with an `nldd-text-cell` rather than an `nldd-title-cell`.
+         * `none` is a row that carries what a step holds rather than being one.
+         */
+        this.variant = 'major';
         /** Which way the timeline moves forward. The cell only knows its own step, so
          *  it cannot tell which neighbor came first: with `up` (newest at the top)
          *  the traveled half of the track is the one below the marker. Only the
@@ -53,14 +63,31 @@ let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(
          *  changes anything. */
         this.direction = 'down';
         this.position = 'between';
+        /**
+         * Which halves of the track you have covered, for when the status gets it
+         * wrong.
+         *
+         * It reads one row at a time, and a row that opens a group of its own is
+         * not the end of the going: the step you are on sits inside it, further
+         * down. Nothing in the cell can see that, and a cell that read its
+         * neighbours would break the moment rows come and go. So the consumer says
+         * it, and says it for both halves at once: the ones named are covered and
+         * the other one is still ahead.
+         *
+         * This is about fill, not about place. Where you stand in the series is what
+         * `position` says, and that keeps deciding which halves are drawn — naming a
+         * fill does not take a half away. It can add one, though: calling a half
+         * covered draws it, even where the position left it out.
+         */
+        this.line = 'auto';
         this.text = '';
         this.icon = '';
         this._warnedContent = false;
     }
-    /** Only a step marker has room to read a number in, and a minor row is smaller
-     *  still -- besides, a number would claim it is a step of its own. */
+    /** Only a whole dot in a wide lane has room to read a number in: a minor one is
+     *  smaller still, and would claim to be a step of its own. */
     get showsContent() {
-        return !this.minor && this.variant === 'step';
+        return this.variant === 'major' && this.size === 'md';
     }
     updated(changed) {
         super.updated(changed);
@@ -69,7 +96,7 @@ let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(
         const ignored = !this.showsContent && Boolean(this.text || this.icon);
         if (ignored && !this._warnedContent) {
             this._warnedContent = true;
-            console.warn('<nldd-timeline-track-cell>: `text` en `icon` passen alleen in `variant="step"` zonder `minor`; hier worden ze niet getoond.');
+            console.warn('<nldd-timeline-track-cell>: `text` en `icon` passen alleen in een hele stip in een brede baan (`size="md"` met `variant="major"`); hier worden ze niet getoond.');
         }
         else if (!ignored) {
             this._warnedContent = false;
@@ -84,17 +111,20 @@ __decorate([
     property({ reflect: true, converter: reflectNonDefault('past') })
 ], NLDDTimelineTrackCell.prototype, "status", void 0);
 __decorate([
-    property({ reflect: true, converter: reflectNonDefault('dot') })
-], NLDDTimelineTrackCell.prototype, "variant", void 0);
+    property({ reflect: true, converter: reflectNonDefault('sm') })
+], NLDDTimelineTrackCell.prototype, "size", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTimelineTrackCell.prototype, "minor", void 0);
+    property({ reflect: true, converter: reflectNonDefault('major') })
+], NLDDTimelineTrackCell.prototype, "variant", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('down') })
 ], NLDDTimelineTrackCell.prototype, "direction", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('between') })
 ], NLDDTimelineTrackCell.prototype, "position", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('auto') })
+], NLDDTimelineTrackCell.prototype, "line", void 0);
 __decorate([
     property({ type: String })
 ], NLDDTimelineTrackCell.prototype, "text", void 0);

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,+BAA+B,CAAC;AAQhC,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAAlF;;QAIN,WAAM,GAAW,MAAM,CAAC;QAGxB,YAAO,GAAY,KAAK,CAAC;QAEzB;;6EAEqE;QAErE,UAAK,GAAG,KAAK,CAAC;QAEd;;;;gCAIwB;QAExB,cAAS,GAAc,MAAM,CAAC;QAG9B,aAAQ,GAAa,SAAS,CAAC;QAG/B,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAQF,mBAAc,GAAG,KAAK,CAAC;IAkBhC,CAAC;IAxBA;0EACsE;IACtE,IAAI,YAAY;QACf,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IAC/C,CAAC;IAIQ,OAAO,CAAC,OAAuB;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG;YAAE,OAAO;QAClC,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QACtE,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,6HAA6H,CAAC,CAAC;QAC7I,CAAC;aACI,IAAI,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC7B,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;;AAtDe,4BAAM,GAAG,uBAAuB,AAA1B,CAA2B;AAGjD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,MAAM,CAAC,EAAE,CAAC;qDAClD;AAGxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAU,KAAK,CAAC,EAAE,CAAC;sDACjD;AAMzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAC7B;AAQd;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAY,MAAM,CAAC,EAAE,CAAC;wDAC/C;AAG9B;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAW,SAAS,CAAC,EAAE,CAAC;uDAChD;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACjB;AA9BE,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAwDjC"}
+{"version":3,"file":"timeline-track-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"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"}

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,yBAwJnC,CAAC"}
+{"version":3,"file":"timeline-track-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,yBAqLnC,CAAC"}

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js

@@ -8,11 +8,12 @@ export const timelineTrackCellStyles = css `
 		--_lane-size: var(--primitives-space-16);
 		--_marker-size: var(--primitives-space-16);
 		--_marker-corner-radius: var(--primitives-corner-radius-full);
+
 		--_line-width: var(--primitives-space-2);
 		--_track-color: var(--components-timeline-track-cell-color);
 		--_future-fill-color: var(--components-timeline-track-cell-future-background-color);
 		--_marker-z-index: 1;
-		--_ring-thickness: var(--primitives-space-2);
+		--_ring-thickness: var(--semantics-surfaces-ring-thickness);
 		--_ring-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
 		--_marker-content-color: var(--semantics-content-contrast-color);
 		--_future-content-color: var(--semantics-content-secondary-color);
@@ -33,16 +34,16 @@ export const timelineTrackCellStyles = css `
 		display: none;
 	}
 
-	:host([minor]) {
-		--_marker-size: var(--primitives-space-10);
-	}
-
-	:host([variant="step"]) {
+	:host([size="md"]) {
 		--_lane-size: var(--primitives-space-24);
 		--_marker-size: var(--primitives-space-24);
 	}
 
-	:host([variant="step"][minor]) {
+	:host([variant="minor"]) {
+		--_marker-size: var(--primitives-space-10);
+	}
+
+	:host([size="md"][variant="minor"]) {
 		--_marker-size: var(--primitives-space-12);
 	}
 
@@ -55,12 +56,21 @@ export const timelineTrackCellStyles = css `
 		margin-block: calc(var(--context-cell-padding-block, 0px) * -1);
 	}
 
+	/* The ring, but only left and right. A spread would put the same band above
+	   and below the line, and there it would cut the track at every row
+	   boundary: the lines that run on downward deliberately reach past the cell
+	   to bridge the divider. Two offset copies do the sides and nothing else. A
+	   copy shifted sideways has the same top and bottom as the line itself, so
+	   it can only show along the edge it is pushed out from. */
 	.timeline-track-cell__full-line,
 	.timeline-track-cell__top-line,
 	.timeline-track-cell__bottom-line {
 		position: absolute;
 		left: 50%;
 		margin-left: calc(var(--_line-width) / -2);
+		box-shadow:
+			calc(-1 * var(--_ring-thickness)) 0 0 0 var(--_ring-color),
+			var(--_ring-thickness) 0 0 0 var(--_ring-color);
 		background-color: var(--_track-color);
 		width: var(--_line-width);
 	}
@@ -84,20 +94,40 @@ export const timelineTrackCellStyles = css `
 		bottom: calc(-1 * var(--semantics-dividers-thickness));
 	}
 
-	:host([status="future"]) .timeline-track-cell__top-line,
-	:host([status="future"]) .timeline-track-cell__bottom-line {
+	:host([status="future"]:not([line])) .timeline-track-cell__top-line,
+	:host([status="future"]:not([line])) .timeline-track-cell__bottom-line {
+		background-color: var(--_future-fill-color);
+	}
+
+	:host([status="current"]:not([line])) .timeline-track-cell__bottom-line {
 		background-color: var(--_future-fill-color);
 	}
 
-	:host([status="current"]) .timeline-track-cell__bottom-line {
+	:host([status="current"][direction="up"]:not([line])) .timeline-track-cell__bottom-line {
+		background-color: var(--_track-color);
+	}
+
+	:host([status="current"][direction="up"]:not([line])) .timeline-track-cell__top-line {
 		background-color: var(--_future-fill-color);
 	}
 
-	:host([status="current"][direction="up"]) .timeline-track-cell__bottom-line {
+	:host([line="top"]) .timeline-track-cell__top-line,
+	:host([line="bottom"]) .timeline-track-cell__bottom-line,
+	:host([line="both"]) .timeline-track-cell__top-line,
+	:host([line="both"]) .timeline-track-cell__bottom-line {
 		background-color: var(--_track-color);
 	}
 
-	:host([status="current"][direction="up"]) .timeline-track-cell__top-line {
+	:host([variant="none"][status="future"]) .timeline-track-cell__full-line,
+	:host([variant="none"][status="current"]:not([direction="up"])) .timeline-track-cell__full-line,
+	:host([variant="none"][line="none"]) .timeline-track-cell__full-line {
+		background-color: var(--_future-fill-color);
+	}
+
+	:host([line="top"]) .timeline-track-cell__bottom-line,
+	:host([line="bottom"]) .timeline-track-cell__top-line,
+	:host([line="none"]) .timeline-track-cell__top-line,
+	:host([line="none"]) .timeline-track-cell__bottom-line {
 		background-color: var(--_future-fill-color);
 	}
 
@@ -116,7 +146,6 @@ export const timelineTrackCellStyles = css `
 		justify-content: center;
 		border: var(--_line-width) solid var(--_track-color);
 		border-radius: var(--_marker-corner-radius);
-		/* Ring in the background color: masks the line running underneath. */
 		box-shadow: 0 0 0 var(--_ring-thickness) var(--_ring-color);
 		color: var(--_marker-content-color);
 		font: var(--primitives-font-body-sm-medium-flat);

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC"}
+{"version":3,"file":"timeline-track-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLzC,CAAC"}

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,qBAAqB,GAAG,cAAc,CA+B1F"}
+{"version":3,"file":"timeline-track-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,qBAAqB,GAAG,cAAc,CAuC1F"}

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js

@@ -1,14 +1,22 @@
 import { html, nothing } from 'lit';
 export function timelineTrackCellTemplate(component) {
-    if (component.status === 'none') {
+    // No dot means no point where a fill could change over, so the row draws one
+    // line from edge to edge instead of two halves. `only` says the track runs
+    // neither above nor below, which here leaves nothing to draw.
+    if (component.variant === 'none') {
         return html `
 			<div class="timeline-track-cell">
-				<div class="timeline-track-cell__full-line"></div>
+				${component.position === 'only' ? nothing : html `<div class="timeline-track-cell__full-line"></div>`}
 			</div>
 		`;
     }
-    const showTopLine = component.position === 'between' || component.position === 'last';
-    const showBottomLine = component.position === 'between' || component.position === 'first';
+    // Where you stand in the series decides which halves are drawn; `line` decides
+    // how they are filled, and draws a half the position left out when it names
+    // one as covered.
+    const hasTop = component.position === 'between' || component.position === 'last';
+    const hasBottom = component.position === 'between' || component.position === 'first';
+    const showTopLine = hasTop || component.line === 'top' || component.line === 'both';
+    const showBottomLine = hasBottom || component.line === 'bottom' || component.line === 'both';
     const marker = !component.showsContent
         ? nothing
         : component.icon

package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACzE,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;QACjC,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IAED,MAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC;IACtF,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC;IAC1F,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS,CAAC,IAAI;YACf,CAAC,CAAC,IAAI,CAAA,qDAAqD,SAAS,CAAC,IAAI,eAAe;YACxF,CAAC,CAAC,SAAS,CAAC,IAAI;gBACf,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,SAAS;gBACxE,CAAC,CAAC,OAAO,CAAC;IACb,+EAA+E;IAC/E,iBAAiB;IACjB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,eAAe;QAC9B,CAAC,CAAC,MAAM,CAAC;IAEV,OAAO,IAAI,CAAA;;KAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,mDAAmD,CAAC,CAAC,CAAC,OAAO;8CACtC,OAAO;KAChD,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,sDAAsD,CAAC,CAAC,CAAC,OAAO;;EAExF,CAAC;AACH,CAAC"}
+{"version":3,"file":"timeline-track-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACzE,6EAA6E;IAC7E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;;MAEP,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,oDAAoD;;GAErG,CAAC;IACH,CAAC;IAED,+EAA+E;IAC/E,4EAA4E;IAC5E,kBAAkB;IAClB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC;IACjF,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC;IACrF,MAAM,WAAW,GAAG,MAAM,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IACpF,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IAC7F,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS,CAAC,IAAI;YACf,CAAC,CAAC,IAAI,CAAA,qDAAqD,SAAS,CAAC,IAAI,eAAe;YACxF,CAAC,CAAC,SAAS,CAAC,IAAI;gBACf,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,SAAS;gBACxE,CAAC,CAAC,OAAO,CAAC;IACb,+EAA+E;IAC/E,iBAAiB;IACjB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,eAAe;QAC9B,CAAC,CAAC,MAAM,CAAC;IAEV,OAAO,IAAI,CAAA;;KAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,mDAAmD,CAAC,CAAC,CAAC,OAAO;8CACtC,OAAO;KAChD,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,sDAAsD,CAAC,CAAC,CAAC,OAAO;;EAExF,CAAC;AACH,CAAC"}