@nldd/design-system 0.8.53 → 0.8.55

package/dist/components/status-and-feedback/progress-bar/progress-bar.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Progress Bar Component (Lit + TypeScript)
  *
- * Exports both NLDDProgressBar and NLDDProgressBarSegment.
+ * Exports both NLDDProgressBar and NLDDProgressBarSegmentIndicator.
  *
  * A progress bar that supports a single value (loading-style) or
  * multiple segments (multi-stage progress, or distribution like
@@ -37,9 +37,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {boolean} indeterminate     - Shows a sliding indicator animation (only without segments)
  * @attr {object}  translations      - Override translation keys; unset keys fall back to Dutch
  *
- * @slot - Place for nldd-progress-bar-segment elements
+ * @slot - Place for nldd-progress-bar-segment-indicator elements
  *
- * @element nldd-progress-bar-segment
+ * @element nldd-progress-bar-segment-indicator
  *
  * @attr {number}  value         - Share of the parent's total (default 0; <=0 hides segment)
  * @attr {string}  color         - Color. Semantic (neutral, accent, success, warning, critical) or a Rijkskleur. Default 'accent'.
@@ -48,7 +48,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  */
 import { LitElement, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { progressBarStyles, progressBarSegmentStyles } from './progress-bar.styles.js';
+import { progressBarStyles, progressBarSegmentIndicatorStyles } from './progress-bar.styles.js';
 import { progressBarTemplate } from './progress-bar.template.js';
 import { nlddProgressBarTranslations } from './progress-bar.i18n.js';
 import '../../content/tooltip/tooltip.js';
@@ -57,8 +57,8 @@ import '../../content/tooltip/tooltip.js';
  *  and with nldd-progress-circle's matching constant. Exported so the
  *  test suite can cross-check this value against the resolved CSS token. */
 export const INDETERMINATE_TRANSITION_MS = 300;
-// # nldd-progress-bar-segment
-let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
+// # nldd-progress-bar-segment-indicator
+let NLDDProgressBarSegmentIndicator = class NLDDProgressBarSegmentIndicator extends LitElement {
     constructor() {
         super(...arguments);
         this.value = 0;
@@ -80,7 +80,7 @@ let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
         // Only render the tooltip wrapper when there's actual text — avoids
         // mounting an inert nldd-tooltip element with timing="never".
         if (!text) {
-            return html `<span class="progress-bar-segment__tooltip-area"></span>`;
+            return html `<span class="progress-bar-segment-indicator__tooltip-area"></span>`;
         }
         // tabindex=0 makes the hover area keyboard-reachable so SR users can
         // land on it and have nldd-tooltip surface its text (WCAG 2.1.1).
@@ -94,7 +94,7 @@ let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
         // no extra handlers needed here.
         return html `
 			<nldd-tooltip text=${text} timing="instant">
-				<span class="progress-bar-segment__tooltip-area"
+				<span class="progress-bar-segment-indicator__tooltip-area"
 					tabindex="0"
 					role="img"
 					aria-label=${text}
@@ -103,26 +103,26 @@ let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
 		`;
     }
 };
-NLDDProgressBarSegment.styles = progressBarSegmentStyles;
+NLDDProgressBarSegmentIndicator.styles = progressBarSegmentIndicatorStyles;
 __decorate([
     property({ type: Number, reflect: true })
-], NLDDProgressBarSegment.prototype, "value", void 0);
+], NLDDProgressBarSegmentIndicator.prototype, "value", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], NLDDProgressBarSegment.prototype, "color", void 0);
+], NLDDProgressBarSegmentIndicator.prototype, "color", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], NLDDProgressBarSegment.prototype, "name", void 0);
+], NLDDProgressBarSegmentIndicator.prototype, "name", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: 'tooltip-text' })
-], NLDDProgressBarSegment.prototype, "tooltipText", void 0);
+], NLDDProgressBarSegmentIndicator.prototype, "tooltipText", void 0);
 __decorate([
     state()
-], NLDDProgressBarSegment.prototype, "_autoTooltipText", void 0);
-NLDDProgressBarSegment = __decorate([
-    customElement('nldd-progress-bar-segment')
-], NLDDProgressBarSegment);
-export { NLDDProgressBarSegment };
+], NLDDProgressBarSegmentIndicator.prototype, "_autoTooltipText", void 0);
+NLDDProgressBarSegmentIndicator = __decorate([
+    customElement('nldd-progress-bar-segment-indicator')
+], NLDDProgressBarSegmentIndicator);
+export { NLDDProgressBarSegmentIndicator };
 // # nldd-progress-bar
 let NLDDProgressBar = class NLDDProgressBar extends LitElement {
     constructor() {
@@ -140,12 +140,12 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         this.indeterminate = false;
         /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
         this.translations = {};
-        this._segments = [];
-        /** True for 300ms after indeterminate=true→false: indicator fades out while
-         *  the segment grows from 0 to its target value. */
+        this._segmentIndicators = [];
+        /** True for 300ms after indeterminate=true→false: the indeterminate indicator
+         *  fades out while the segment-indicator grows from 0 to its target value. */
         this._indeterminateExiting = false;
-        /** True for 300ms after indeterminate=false→true: indicator fades in while
-         *  the segment shrinks from its current width to 0. */
+        /** True for 300ms after indeterminate=false→true: the indeterminate indicator
+         *  fades in while the segment-indicator shrinks from its current width to 0. */
         this._indeterminateEntering = false;
         this._onSlotChangeBound = this._onSlotChange.bind(this);
     }
@@ -153,13 +153,13 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         return this.translations[key] ?? nlddProgressBarTranslations[key];
     }
     /** Returns true when the user has provided segment children. */
-    get _hasSegments() {
-        return this._segments.length > 0;
+    get _hasSegmentIndicators() {
+        return this._segmentIndicators.length > 0;
     }
     /** Sum of all segment values, or the parent's own value, or 0. */
     get _totalValue() {
-        if (this._hasSegments) {
-            return this._segments.reduce((sum, s) => sum + Math.max(0, s.value), 0);
+        if (this._hasSegmentIndicators) {
+            return this._segmentIndicators.reduce((sum, s) => sum + Math.max(0, s.value), 0);
         }
         return Math.max(0, this.value ?? 0);
     }
@@ -192,25 +192,25 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         const completedSuffix = this._t('components.progress-bar.completed-suffix-text');
         const totalPrefix = this._t('components.progress-bar.total-prefix-text');
         // Single-segment case
-        if (!this._hasSegments) {
+        if (!this._hasSegmentIndicators) {
             return `${Math.round(this._percentage)}% ${completedSuffix}`;
         }
         // Multi-segment
-        const named = this._segments.filter(s => s.name);
-        const allNamed = named.length === this._segments.length && this._segments.length > 0;
-        const segmentDescriptions = this._segments
+        const named = this._segmentIndicators.filter(s => s.name);
+        const allNamed = named.length === this._segmentIndicators.length && this._segmentIndicators.length > 0;
+        const segmentIndicatorDescriptions = this._segmentIndicators
             .filter(s => s.value > 0)
             .map(s => {
             const pct = this.max > 0 ? Math.round((s.value / this.max) * 100) : 0;
             return s.name ? `${s.name}: ${pct}%` : `${pct}%`;
         });
         if (this.mode === 'distribution') {
-            return segmentDescriptions.join(', ');
+            return segmentIndicatorDescriptions.join(', ');
         }
         // Progress mode
         const totalPct = Math.round(this._percentage);
         if (allNamed) {
-            return `${segmentDescriptions.join(', ')}. ${totalPrefix} ${totalPct}% ${completedSuffix}.`;
+            return `${segmentIndicatorDescriptions.join(', ')}. ${totalPrefix} ${totalPct}% ${completedSuffix}.`;
         }
         return `${totalPct}% ${completedSuffix}`;
     }
@@ -220,14 +220,16 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         return !!this.text || (this.valueDisplay === 'inline' && !!this._displayValue);
     }
     firstUpdated() {
-        this._syncSegments();
+        this._syncSegmentIndicators();
     }
     willUpdate(changed) {
-        // Detection before render: this way the indicator/segment stays mounted
-        // during a flip and the CSS animations can actually run (otherwise the
-        // indicator would unmount + remount first, and transitions/animations
-        // don't run on a freshly mounted element). The `_begin*` methods cancel
-        // the opposite phase themselves, so rapid toggles leave no stale state.
+        // Detect the flip before render so the template keeps both visuals
+        // mounted through the crossfade: the indeterminate indicator and the
+        // segment-indicator overlap for 300ms so their CSS animations can run
+        // (otherwise the outgoing one would unmount and the incoming one mount
+        // fresh, and transitions/animations don't run on a freshly mounted
+        // element). The `_begin*` methods cancel the opposite phase themselves,
+        // so rapid toggles leave no stale state.
         if (changed.has('indeterminate')) {
             const previous = changed.get('indeterminate');
             if (previous === true && !this.indeterminate) {
@@ -241,9 +243,9 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
     updated() {
         // Sync on any update — cheap, and properties like text/valueText also
         // affect tooltip suppression (single-segment + caption).
-        this._syncSegments();
+        this._syncSegmentIndicators();
     }
-    /** Indicator fades out, segment grows from 0 to its target — both 300ms
+    /** Indeterminate indicator fades out, segment-indicator grows from 0 to its target — both 300ms
      *  (matches --primitives-transition-duration-slow and nldd-progress-circle). */
     _beginIndeterminateExit() {
         this._cancelIndeterminateEnter();
@@ -253,7 +255,7 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
             this._exitTimeout = undefined;
         }, INDETERMINATE_TRANSITION_MS);
     }
-    /** Indicator fades in, segment shrinks from current width to 0 — both 300ms. */
+    /** Indeterminate indicator fades in, segment-indicator shrinks from current width to 0 — both 300ms. */
     _beginIndeterminateEnter() {
         this._cancelIndeterminateExit();
         this._indeterminateEntering = true;
@@ -276,8 +278,10 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         }
         this._indeterminateEntering = false;
     }
-    /** Auto-tooltip based on parent's value-format. Override via segment.tooltip. */
-    _formatSegmentTooltip(seg) {
+    /** Computes a segment-indicator's auto-tooltip from the parent's value-format
+     *  and the segment name. Consumers override it per segment with the
+     *  tooltip-text attribute, which wins over this auto-text. */
+    _formatSegmentIndicatorTooltip(seg) {
         // value-display="none" hides the value, so per-segment tooltips fall
         // back to the segment name only (empty string when unnamed).
         if (this.valueDisplay === 'none')
@@ -312,47 +316,48 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         // comparison breaks under scoped custom-element registries (used in
         // some test environments and cross-frame contexts) where the same
         // class can be registered under a different tag.
-        this._segments = assigned.filter((el) => el instanceof NLDDProgressBarSegment);
+        this._segmentIndicators = assigned.filter((el) => el instanceof NLDDProgressBarSegmentIndicator);
         // Re-observe each segment for value/color/name/tooltip changes so the
         // parent re-computes widths and ARIA when a child attribute mutates.
-        // requestUpdate() routes through updated(), which calls _syncSegments
+        // requestUpdate() routes through updated(), which calls _syncSegmentIndicators
         // — no need to call it directly here.
         this._attributeObserver?.disconnect();
         this._attributeObserver = new MutationObserver(() => this.requestUpdate());
-        for (const seg of this._segments) {
+        for (const seg of this._segmentIndicators) {
             this._attributeObserver.observe(seg, {
                 attributes: true,
                 attributeFilter: ['value', 'color', 'name', 'tooltip-text'],
             });
         }
-        // Mutating _segments above schedules a re-render via Lit's state
-        // system, which fires updated() → _syncSegments(). Calling it here
+        // Mutating _segmentIndicators above schedules a re-render via Lit's state
+        // system, which fires updated() → _syncSegmentIndicators(). Calling it here
         // directly would just run it a second time per slot mutation.
     }
-    _syncSegments() {
+    _syncSegmentIndicators() {
         // Compute per-segment widths. If sum exceeds max, normalize.
         const total = this._totalValue;
         const denominator = total > this.max ? total : this.max;
-        if (import.meta.env?.DEV && total > this.max && this._hasSegments) {
+        if (import.meta.env?.DEV && total > this.max && this._hasSegmentIndicators) {
             console.warn(`[nldd-progress-bar] Sum of segment values (${total}) exceeds max (${this.max}). ` +
                 'Segments are normalized proportionally.');
         }
-        // Unified path for slotted and internal segments. The internal segment
-        // lives in shadow DOM and is rendered by the template when there are no
-        // slotted children — both share the same dynamic-attribute logic here.
-        const internalSegment = this.shadowRoot?.querySelector('.progress-bar__segment') ?? null;
-        const allSegments = internalSegment
-            ? [internalSegment, ...this._segments]
-            : [...this._segments];
+        // Unified path for slotted and internal segment-indicators. The internal
+        // segment-indicator lives in shadow DOM and is rendered by the template
+        // when there are no slotted children — both share the same
+        // dynamic-attribute logic here.
+        const internalSegmentIndicator = this.shadowRoot?.querySelector('.progress-bar__segment-indicator') ?? null;
+        const allSegmentIndicators = internalSegmentIndicator
+            ? [internalSegmentIndicator, ...this._segmentIndicators]
+            : [...this._segmentIndicators];
         // Single visible segment: only surface its auto-tooltip in
         // value-display="tooltip" mode (inline shows the value in the caption,
         // none hides it). Multi-segment always gets per-segment tooltips; an
         // explicit `tooltip-text` attribute still wins.
-        const visibleCount = allSegments.filter(s => Math.max(0, s.value) > 0).length;
+        const visibleCount = allSegmentIndicators.filter(s => Math.max(0, s.value) > 0).length;
         const suppressAutoTooltip = visibleCount <= 1 && this.valueDisplay !== 'tooltip';
         const isExiting = this._indeterminateExiting;
         const isEntering = this._indeterminateEntering;
-        for (const seg of allSegments) {
+        for (const seg of allSegmentIndicators) {
             const v = Math.max(0, seg.value);
             if (v <= 0) {
                 seg.hidden = true;
@@ -362,12 +367,12 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
             }
             seg.hidden = false;
             const pct = denominator > 0 ? (v / denominator) * 100 : 0;
-            seg.style.setProperty('--context-progress-bar-segment-width', `${pct}%`);
+            seg.style.setProperty('--context-progress-bar-segment-indicator-width', `${pct}%`);
             // Progress mode: each segment a capsule. Distribution mode:
             // segments are rectangular, only the track's outer corners are
             // rounded (via overflow:hidden + border-radius on the track).
             seg.setAttribute('data-mode', this.mode);
-            seg._autoTooltipText = suppressAutoTooltip ? '' : this._formatSegmentTooltip(seg);
+            seg._autoTooltipText = suppressAutoTooltip ? '' : this._formatSegmentIndicatorTooltip(seg);
             seg.toggleAttribute('data-grow', isExiting);
             seg.toggleAttribute('data-shrink', isEntering);
         }
@@ -415,7 +420,7 @@ __decorate([
 ], NLDDProgressBar.prototype, "translations", void 0);
 __decorate([
     state()
-], NLDDProgressBar.prototype, "_segments", void 0);
+], NLDDProgressBar.prototype, "_segmentIndicators", void 0);
 __decorate([
     state()
 ], NLDDProgressBar.prototype, "_indeterminateExiting", void 0);

package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map

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

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const progressBarStyles: import("lit").CSSResult;
-export declare const progressBarSegmentStyles: import("lit").CSSResult;
+export declare const progressBarSegmentIndicatorStyles: import("lit").CSSResult;
 //# sourceMappingURL=progress-bar.styles.d.ts.map

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA0M7B,CAAC;AAGF,eAAO,MAAM,wBAAwB,yBAmMpC,CAAC"}
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA6M7B,CAAC;AAGF,eAAO,MAAM,iCAAiC,yBAmM7C,CAAC"}

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js

@@ -11,13 +11,15 @@ export const progressBarStyles = css `
 		--_track-border-color: var(--components-progress-bar-track-border-color);
 		--_track-border-width: var(--components-progress-bar-track-border-width);
 		--_corner-radius: var(--components-progress-bar-corner-radius);
-		--_segment-gap: var(--components-progress-bar-progress-segment-gap);
+		--_segment-indicator-gap: var(--components-progress-bar-progress-segment-indicator-gap);
 		--_caption-gap: var(--components-progress-bar-caption-gap);
 		--_text-color: var(--components-progress-bar-text-color);
 		--_supporting-text-color: var(--components-progress-bar-supporting-text-color);
 		--_text-font: var(--components-progress-bar-text-font);
 		--_supporting-text-font: var(--components-progress-bar-supporting-text-font);
 		--_indeterminate-background-color: var(--components-progress-bar-accent-background-color);
+		--_indeterminate-border-color: var(--components-progress-bar-accent-border-color);
+		--_indeterminate-border-width: var(--components-progress-bar-segment-indicator-border-width);
 		--_indeterminate-bar-width: 20%;
 		--_indeterminate-duration: 800ms;
 
@@ -38,38 +40,38 @@ export const progressBarStyles = css `
 	:host([size="lg"]) { --_height: var(--components-progress-bar-lg-height); }
 
 	:host([mode="distribution"]) {
-		--_segment-gap: var(--components-progress-bar-distribution-segment-gap);
+		--_segment-indicator-gap: var(--components-progress-bar-distribution-segment-indicator-gap);
 		--_corner-radius: var(--components-progress-bar-distribution-corner-radius);
 	}
 
 
-	/* ## Indeterminate fill colour follows the variant; default is accent (blue) */
-
-	:host([color="neutral"]) { --_indeterminate-background-color: var(--components-progress-bar-neutral-background-color); }
-	:host([color="accent"]) { --_indeterminate-background-color: var(--components-progress-bar-accent-background-color); }
-	:host([color="success"]) { --_indeterminate-background-color: var(--components-progress-bar-success-background-color); }
-	:host([color="warning"]) { --_indeterminate-background-color: var(--components-progress-bar-warning-background-color); }
-	:host([color="critical"]) { --_indeterminate-background-color: var(--components-progress-bar-critical-background-color); }
-
-	:host([color="coolgray"]) { --_indeterminate-background-color: var(--components-progress-bar-coolgray-background-color); }
-	:host([color="lintblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lintblauw-background-color); }
-	:host([color="donkerblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerblauw-background-color); }
-	:host([color="hemelblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-hemelblauw-background-color); }
-	:host([color="lichtblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lichtblauw-background-color); }
-	:host([color="paars"]) { --_indeterminate-background-color: var(--components-progress-bar-paars-background-color); }
-	:host([color="violet"]) { --_indeterminate-background-color: var(--components-progress-bar-violet-background-color); }
-	:host([color="robijnrood"]) { --_indeterminate-background-color: var(--components-progress-bar-robijnrood-background-color); }
-	:host([color="roze"]) { --_indeterminate-background-color: var(--components-progress-bar-roze-background-color); }
-	:host([color="rood"]) { --_indeterminate-background-color: var(--components-progress-bar-rood-background-color); }
-	:host([color="oranje"]) { --_indeterminate-background-color: var(--components-progress-bar-oranje-background-color); }
-	:host([color="donkergeel"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergeel-background-color); }
-	:host([color="geel"]) { --_indeterminate-background-color: var(--components-progress-bar-geel-background-color); }
-	:host([color="donkerbruin"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerbruin-background-color); }
-	:host([color="bruin"]) { --_indeterminate-background-color: var(--components-progress-bar-bruin-background-color); }
-	:host([color="donkergroen"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergroen-background-color); }
-	:host([color="groen"]) { --_indeterminate-background-color: var(--components-progress-bar-groen-background-color); }
-	:host([color="mosgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mosgroen-background-color); }
-	:host([color="mintgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mintgroen-background-color); }
+	/* ## Indeterminate fill + border colour follow the variant; default is accent (blue) */
+
+	:host([color="neutral"]) { --_indeterminate-background-color: var(--components-progress-bar-neutral-background-color); --_indeterminate-border-color: var(--components-progress-bar-neutral-border-color); }
+	:host([color="accent"]) { --_indeterminate-background-color: var(--components-progress-bar-accent-background-color); --_indeterminate-border-color: var(--components-progress-bar-accent-border-color); }
+	:host([color="success"]) { --_indeterminate-background-color: var(--components-progress-bar-success-background-color); --_indeterminate-border-color: var(--components-progress-bar-success-border-color); }
+	:host([color="warning"]) { --_indeterminate-background-color: var(--components-progress-bar-warning-background-color); --_indeterminate-border-color: var(--components-progress-bar-warning-border-color); }
+	:host([color="critical"]) { --_indeterminate-background-color: var(--components-progress-bar-critical-background-color); --_indeterminate-border-color: var(--components-progress-bar-critical-border-color); }
+
+	:host([color="coolgray"]) { --_indeterminate-background-color: var(--components-progress-bar-coolgray-background-color); --_indeterminate-border-color: var(--components-progress-bar-coolgray-border-color); }
+	:host([color="lintblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lintblauw-background-color); --_indeterminate-border-color: var(--components-progress-bar-lintblauw-border-color); }
+	:host([color="donkerblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerblauw-background-color); --_indeterminate-border-color: var(--components-progress-bar-donkerblauw-border-color); }
+	:host([color="hemelblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-hemelblauw-background-color); --_indeterminate-border-color: var(--components-progress-bar-hemelblauw-border-color); }
+	:host([color="lichtblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lichtblauw-background-color); --_indeterminate-border-color: var(--components-progress-bar-lichtblauw-border-color); }
+	:host([color="paars"]) { --_indeterminate-background-color: var(--components-progress-bar-paars-background-color); --_indeterminate-border-color: var(--components-progress-bar-paars-border-color); }
+	:host([color="violet"]) { --_indeterminate-background-color: var(--components-progress-bar-violet-background-color); --_indeterminate-border-color: var(--components-progress-bar-violet-border-color); }
+	:host([color="robijnrood"]) { --_indeterminate-background-color: var(--components-progress-bar-robijnrood-background-color); --_indeterminate-border-color: var(--components-progress-bar-robijnrood-border-color); }
+	:host([color="roze"]) { --_indeterminate-background-color: var(--components-progress-bar-roze-background-color); --_indeterminate-border-color: var(--components-progress-bar-roze-border-color); }
+	:host([color="rood"]) { --_indeterminate-background-color: var(--components-progress-bar-rood-background-color); --_indeterminate-border-color: var(--components-progress-bar-rood-border-color); }
+	:host([color="oranje"]) { --_indeterminate-background-color: var(--components-progress-bar-oranje-background-color); --_indeterminate-border-color: var(--components-progress-bar-oranje-border-color); }
+	:host([color="donkergeel"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergeel-background-color); --_indeterminate-border-color: var(--components-progress-bar-donkergeel-border-color); }
+	:host([color="geel"]) { --_indeterminate-background-color: var(--components-progress-bar-geel-background-color); --_indeterminate-border-color: var(--components-progress-bar-geel-border-color); }
+	:host([color="donkerbruin"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerbruin-background-color); --_indeterminate-border-color: var(--components-progress-bar-donkerbruin-border-color); }
+	:host([color="bruin"]) { --_indeterminate-background-color: var(--components-progress-bar-bruin-background-color); --_indeterminate-border-color: var(--components-progress-bar-bruin-border-color); }
+	:host([color="donkergroen"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergroen-background-color); --_indeterminate-border-color: var(--components-progress-bar-donkergroen-border-color); }
+	:host([color="groen"]) { --_indeterminate-background-color: var(--components-progress-bar-groen-background-color); --_indeterminate-border-color: var(--components-progress-bar-groen-border-color); }
+	:host([color="mosgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mosgroen-background-color); --_indeterminate-border-color: var(--components-progress-bar-mosgroen-border-color); }
+	:host([color="mintgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mintgroen-background-color); --_indeterminate-border-color: var(--components-progress-bar-mintgroen-border-color); }
 
 
 	/* # Caption */
@@ -105,7 +107,7 @@ export const progressBarStyles = css `
 		width: 100%;
 		height: var(--_height);
 		overflow: hidden;
-		gap: var(--_segment-gap);
+		gap: var(--_segment-indicator-gap);
 		container-type: inline-size;
 	}
 
@@ -153,6 +155,7 @@ export const progressBarStyles = css `
 		left: 0;
 		border-radius: var(--_corner-radius);
 		background: var(--_indeterminate-background-color);
+		box-shadow: inset 0 0 0 var(--_indeterminate-border-width) var(--_indeterminate-border-color);
 		width: var(--_indeterminate-bar-width);
 		transform: translateX(0);
 		/* Duration scales with track width via the container queries below.
@@ -203,17 +206,17 @@ export const progressBarStyles = css `
 		}
 	}
 `;
-export const progressBarSegmentStyles = css `
+export const progressBarSegmentIndicatorStyles = css `
 
 
 	/* # Host */
 
 	:host {
-		--_width: var(--context-progress-bar-segment-width, 0%);
-		--_min-width: var(--components-progress-bar-segment-min-width);
+		--_width: var(--context-progress-bar-segment-indicator-width, 0%);
+		--_min-width: var(--components-progress-bar-segment-indicator-min-width);
 		--_background-color: var(--components-progress-bar-accent-background-color);
 		--_border-color: var(--components-progress-bar-accent-border-color);
-		--_border-width: var(--components-progress-bar-segment-border-width);
+		--_border-width: var(--components-progress-bar-segment-indicator-border-width);
 
 		box-sizing: border-box;
 		display: block;
@@ -238,19 +241,19 @@ export const progressBarSegmentStyles = css `
 	   indeterminate and determinate. */
 
 	:host([data-grow]) {
-		animation: progress-bar-segment-grow var(--primitives-transition-duration-slow) ease-out;
+		animation: progress-bar-segment-indicator-grow var(--primitives-transition-duration-slow) ease-out;
 	}
 
 	:host([data-shrink]) {
-		animation: progress-bar-segment-shrink var(--primitives-transition-duration-slow) ease-out forwards;
+		animation: progress-bar-segment-indicator-shrink var(--primitives-transition-duration-slow) ease-out forwards;
 	}
 
-	@keyframes progress-bar-segment-grow {
+	@keyframes progress-bar-segment-indicator-grow {
 		from { width: 0%; }
 		to { width: var(--_width); }
 	}
 
-	@keyframes progress-bar-segment-shrink {
+	@keyframes progress-bar-segment-indicator-shrink {
 		from { width: var(--_width); opacity: 1; }
 		to { width: 0%; opacity: 0; }
 	}
@@ -377,7 +380,7 @@ export const progressBarSegmentStyles = css `
 	/* # Hover area (tooltip trigger)
 	   Fills the segment; captures hover/focus for the wrapping nldd-tooltip. */
 
-	.progress-bar-segment__tooltip-area {
+	.progress-bar-segment-indicator__tooltip-area {
 		display: block;
 		position: absolute;
 		inset: 0;

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;IAqBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLrB,CAAC;AAGF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmM1C,CAAC"}
+{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLrB,CAAC;AAGF,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmMnD,CAAC"}

package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js

@@ -8,13 +8,13 @@ export function progressBarTemplate(component, onSlotChange) {
     const hasCaption = component._hasCaption;
     const isExiting = component._indeterminateExiting;
     const isEntering = component._indeterminateEntering;
-    // Indicator renders during indeterminate and during an exit-fade.
-    const showIndeterminateIndicator = (component.indeterminate || isExiting) && !component._hasSegments;
-    // Segment renders during determinate and during an enter-shrink (otherwise
-    // it can't shrink — it would unmount immediately). Its dynamic attributes
-    // (width, mode, tooltip-text, grow/shrink) are applied by _syncSegments
-    // so the slotted and internal paths share one code path.
-    const showInternalSegment = !component._hasSegments
+    // The indeterminate indicator renders while indeterminate, and during its exit-fade.
+    const showIndeterminateIndicator = (component.indeterminate || isExiting) && !component._hasSegmentIndicators;
+    // The internal segment-indicator renders while determinate, and during an
+    // enter-shrink (otherwise it can't shrink — it would unmount immediately).
+    // Its dynamic attributes (width, mode, tooltip-text, grow/shrink) are applied
+    // by _syncSegmentIndicators so the slotted and internal paths share one code path.
+    const showInternalSegmentIndicator = !component._hasSegmentIndicators
         && component.value !== null && component.value > 0
         && (!component.indeterminate || isEntering);
     // Round so aria-valuenow doesn't produce floats (some screenreaders
@@ -40,6 +40,13 @@ export function progressBarTemplate(component, onSlotChange) {
 			aria-valuenow=${ifDefined(ariaValueNow)}
 			aria-valuetext=${component._ariaValueText}
 		>
+			${showInternalSegmentIndicator ? html `
+				<nldd-progress-bar-segment-indicator class="progress-bar__segment-indicator"
+					.value=${component.value}
+					color=${component.color}
+				></nldd-progress-bar-segment-indicator>
+			` : nothing}
+			<slot @slotchange=${onSlotChange}></slot>
 			${showIndeterminateIndicator ? html `
 				<div class=${classMap({
         'progress-bar__indeterminate-indicator': true,
@@ -47,13 +54,6 @@ export function progressBarTemplate(component, onSlotChange) {
         'is-fading-in': isEntering && component.indeterminate,
     })}></div>
 			` : nothing}
-			${showInternalSegment ? html `
-				<nldd-progress-bar-segment class="progress-bar__segment"
-					.value=${component.value}
-					color=${component.color}
-				></nldd-progress-bar-segment>
-			` : nothing}
-			<slot @slotchange=${onSlotChange}></slot>
 		</div>
 	`;
 }

package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,mBAAmB,CAAC,SAA0B,EAAE,YAAwB;IACvF,kEAAkE;IAClE,6EAA6E;IAC7E,6EAA6E;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,CAAC;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,sBAAsB,CAAC;IACpD,kEAAkE;IAClE,MAAM,0BAA0B,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACrG,2EAA2E;IAC3E,0EAA0E;IAC1E,wEAAwE;IACxE,yDAAyD;IACzD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,YAAY;WAC/C,SAAS,CAAC,KAAK,KAAK,IAAI,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;WAC/C,CAAC,CAAC,SAAS,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC;IAC7C,oEAAoE;IACpE,qDAAqD;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7F,mEAAmE;IACnE,yEAAyE;IACzE,uEAAuE;IACvE,sEAAsE;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC;IACvF,OAAO,IAAI,CAAA;IACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;uCAEkB,SAAS,CAAC,IAAI;MAC/C,SAAS,CAAC,YAAY,KAAK,QAAQ,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,SAAS,CAAC,aAAa,SAAS,CAAC,CAAC,CAAC,OAAO;;GAEjK,CAAC,CAAC,CAAC,OAAO;;;gBAGG,SAAS;;mBAEN,SAAS,CAAC,GAAG;mBACb,SAAS,CAAC,YAAY,CAAC;oBACtB,SAAS,CAAC,cAAc;;KAEvC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAA;iBACrB,QAAQ,CAAC;QACrB,uCAAuC,EAAE,IAAI;QAC7C,eAAe,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,aAAa;QACtD,cAAc,EAAE,UAAU,IAAI,SAAS,CAAC,aAAa;KACrD,CAAC;IACF,CAAC,CAAC,CAAC,OAAO;KACT,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEjB,SAAS,CAAC,KAAM;aACjB,SAAS,CAAC,KAAK;;IAExB,CAAC,CAAC,CAAC,OAAO;uBACS,YAAY;;EAEjC,CAAC;AACH,CAAC"}
+{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,mBAAmB,CAAC,SAA0B,EAAE,YAAwB;IACvF,kEAAkE;IAClE,6EAA6E;IAC7E,6EAA6E;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,CAAC;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,sBAAsB,CAAC;IACpD,qFAAqF;IACrF,MAAM,0BAA0B,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC9G,0EAA0E;IAC1E,2EAA2E;IAC3E,8EAA8E;IAC9E,mFAAmF;IACnF,MAAM,4BAA4B,GAAG,CAAC,SAAS,CAAC,qBAAqB;WACjE,SAAS,CAAC,KAAK,KAAK,IAAI,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;WAC/C,CAAC,CAAC,SAAS,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC;IAC7C,oEAAoE;IACpE,qDAAqD;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7F,mEAAmE;IACnE,yEAAyE;IACzE,uEAAuE;IACvE,sEAAsE;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC;IACvF,OAAO,IAAI,CAAA;IACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;uCAEkB,SAAS,CAAC,IAAI;MAC/C,SAAS,CAAC,YAAY,KAAK,QAAQ,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,SAAS,CAAC,aAAa,SAAS,CAAC,CAAC,CAAC,OAAO;;GAEjK,CAAC,CAAC,CAAC,OAAO;;;gBAGG,SAAS;;mBAEN,SAAS,CAAC,GAAG;mBACb,SAAS,CAAC,YAAY,CAAC;oBACtB,SAAS,CAAC,cAAc;;KAEvC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAA;;cAE1B,SAAS,CAAC,KAAM;aACjB,SAAS,CAAC,KAAK;;IAExB,CAAC,CAAC,CAAC,OAAO;uBACS,YAAY;KAC9B,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAA;iBACrB,QAAQ,CAAC;QACrB,uCAAuC,EAAE,IAAI;QAC7C,eAAe,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,aAAa;QACtD,cAAc,EAAE,UAAU,IAAI,SAAS,CAAC,aAAa;KACrD,CAAC;IACF,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}