@nldd/design-system 0.8.50 → 0.8.52

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

@@ -0,0 +1,426 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Nederlandse Digitale Dienst Progress Bar Component (Lit + TypeScript)
+ *
+ * Exports both NLDDProgressBar and NLDDProgressBarSegment.
+ *
+ * A progress bar that supports a single value (loading-style) or
+ * multiple segments (multi-stage progress, or distribution like
+ * storage usage). The consumer provides raw values; the component
+ * computes percentages from `max`.
+ *
+ * Two modes:
+ * - `progress` (default): segments sum toward `max`; remaining space
+ *   is empty track. ARIA reads "X% voltooid".
+ * - `distribution`: segments fill the bar; ARIA enumerates segments.
+ *
+ * If the sum of segment values exceeds `max`, segments are normalized
+ * proportionally to fit and a warning is logged.
+ *
+ * @element nldd-progress-bar
+ *
+ * @attr {'progress'|'distribution'} mode - Semantics for ARIA and visualization (default: 'progress')
+ * @attr {number}  max               - Total value (default: 100)
+ * @attr {number}  value             - Single-segment shorthand (ignored when segment children are present)
+ * @attr {string}  color             - Color for the single-segment shorthand (default: 'accent')
+ * @attr {'sm'|'md'|'lg'} size       - Height of the bar (default: 'md')
+ * @attr {string}  text              - Label above the bar (left)
+ * @attr {'percentage'|'absolute'|'fraction'|'none'} value-format - Format for the value at the top right (default: 'percentage')
+ * @attr {string}  value-text        - Full override of the displayed value
+ * @attr {string}  accessible-label  - Full override of aria-valuetext
+ * @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
+ *
+ * @element nldd-progress-bar-segment
+ *
+ * @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'.
+ * @attr {string}  name          - Name for screenreader text (optional)
+ * @attr {string}  tooltip-text  - Override of the auto-generated tooltip text
+ */
+import { LitElement, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { progressBarStyles, progressBarSegmentStyles } from './progress-bar.styles.js';
+import { progressBarTemplate } from './progress-bar.template.js';
+import { nlddProgressBarTranslations } from './progress-bar.i18n.js';
+import '../../content/tooltip/tooltip.js';
+/** Indeterminate ↔ determinate crossfade duration. Must stay in sync with
+ *  --primitives-transition-duration-slow used by the matching CSS animations
+ *  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 {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.color = 'accent';
+        this.name = '';
+        /** Tooltip text override. By default, this is generated by the parent based on
+         *  value-format and the segment `name`. Set explicitly for custom text,
+         *  for example with distribution that has units ("200 GB of 500 GB"). */
+        this.tooltipText = '';
+        /** Set by the parent based on value-format. Internal state, not a public
+         *  property — consumers use `tooltip-text` to override. */
+        this._autoTooltipText = '';
+    }
+    get _effectiveTooltip() {
+        return this.tooltipText || this._autoTooltipText || '';
+    }
+    render() {
+        const text = this._effectiveTooltip;
+        // 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__hover-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).
+        // role="img" exposes the element to the AT tree with its aria-label as
+        // accessible name — a bare <span> + aria-label is silently ignored by
+        // most screen readers (a labeled generic element has no semantic
+        // role to anchor the name to). role="img" fits because the hover area
+        // is a focusable visual representation of a data value, not an
+        // activator (role="button" would promise an action that doesn't
+        // happen). nldd-tooltip listens to focus/blur on slotted content, so
+        // no extra handlers needed here.
+        return html `
+			<nldd-tooltip text=${text} timing="instant">
+				<span class="progress-bar-segment__hover-area"
+					tabindex="0"
+					role="img"
+					aria-label=${text}
+				></span>
+			</nldd-tooltip>
+		`;
+    }
+};
+NLDDProgressBarSegment.styles = progressBarSegmentStyles;
+__decorate([
+    property({ type: Number, reflect: true })
+], NLDDProgressBarSegment.prototype, "value", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBarSegment.prototype, "color", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBarSegment.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'tooltip-text' })
+], NLDDProgressBarSegment.prototype, "tooltipText", void 0);
+__decorate([
+    state()
+], NLDDProgressBarSegment.prototype, "_autoTooltipText", void 0);
+NLDDProgressBarSegment = __decorate([
+    customElement('nldd-progress-bar-segment')
+], NLDDProgressBarSegment);
+export { NLDDProgressBarSegment };
+// # nldd-progress-bar
+let NLDDProgressBar = class NLDDProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mode = 'progress';
+        this.max = 100;
+        this.value = null;
+        this.color = 'accent';
+        this.size = 'md';
+        this.text = '';
+        this.valueFormat = 'percentage';
+        this.valueText = '';
+        this.accessibleLabel = '';
+        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._indeterminateExiting = false;
+        /** True for 300ms after indeterminate=false→true: indicator fades in while
+         *  the segment shrinks from its current width to 0. */
+        this._indeterminateEntering = false;
+        this._onSlotChangeBound = this._onSlotChange.bind(this);
+    }
+    _t(key) {
+        return this.translations[key] ?? nlddProgressBarTranslations[key];
+    }
+    /** Returns true when the user has provided segment children. */
+    get _hasSegments() {
+        return this._segments.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);
+        }
+        return Math.max(0, this.value ?? 0);
+    }
+    /** Percentage filled (0–100). */
+    get _percentage() {
+        if (this.max <= 0)
+            return 0;
+        return Math.min(100, (this._totalValue / this.max) * 100);
+    }
+    /** Formatted value string for the header. */
+    get _displayValue() {
+        if (this.valueText)
+            return this.valueText;
+        if (this.indeterminate)
+            return '';
+        const total = this._totalValue;
+        switch (this.valueFormat) {
+            case 'none': return '';
+            case 'absolute': return `${total}`;
+            case 'fraction': return `${total} / ${this.max}`;
+            case 'percentage':
+            default: return `${Math.round(this._percentage)}%`;
+        }
+    }
+    /** Computed aria-valuetext, unless overridden. */
+    get _ariaValueText() {
+        if (this.accessibleLabel)
+            return this.accessibleLabel;
+        if (this.indeterminate)
+            return this._t('components.progress-bar.loading-text');
+        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) {
+            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
+            .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(', ');
+        }
+        // Progress mode
+        const totalPct = Math.round(this._percentage);
+        if (allNamed) {
+            return `${segmentDescriptions.join(', ')}. ${totalPrefix} ${totalPct}% ${completedSuffix}.`;
+        }
+        return `${totalPct}% ${completedSuffix}`;
+    }
+    /** True when the header is rendered. Header only shows when `text` is set;
+     *  used to suppress redundant auto-tooltips on single-segment bars. */
+    get _hasHeader() {
+        return !!this.text;
+    }
+    firstUpdated() {
+        this._syncSegments();
+    }
+    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.
+        if (changed.has('indeterminate')) {
+            const previous = changed.get('indeterminate');
+            if (previous === true && !this.indeterminate) {
+                this._beginIndeterminateExit();
+            }
+            else if (previous === false && this.indeterminate) {
+                this._beginIndeterminateEnter();
+            }
+        }
+    }
+    updated() {
+        // Sync on any update — cheap, and properties like text/valueText also
+        // affect tooltip suppression (single-segment + header).
+        this._syncSegments();
+    }
+    /** Indicator fades out, segment grows from 0 to its target — both 300ms
+     *  (matches --primitives-transition-duration-slow and nldd-progress-circle). */
+    _beginIndeterminateExit() {
+        this._cancelIndeterminateEnter();
+        this._indeterminateExiting = true;
+        this._exitTimeout = setTimeout(() => {
+            this._indeterminateExiting = false;
+            this._exitTimeout = undefined;
+        }, INDETERMINATE_TRANSITION_MS);
+    }
+    /** Indicator fades in, segment shrinks from current width to 0 — both 300ms. */
+    _beginIndeterminateEnter() {
+        this._cancelIndeterminateExit();
+        this._indeterminateEntering = true;
+        this._enterTimeout = setTimeout(() => {
+            this._indeterminateEntering = false;
+            this._enterTimeout = undefined;
+        }, INDETERMINATE_TRANSITION_MS);
+    }
+    _cancelIndeterminateExit() {
+        if (this._exitTimeout) {
+            clearTimeout(this._exitTimeout);
+            this._exitTimeout = undefined;
+        }
+        this._indeterminateExiting = false;
+    }
+    _cancelIndeterminateEnter() {
+        if (this._enterTimeout) {
+            clearTimeout(this._enterTimeout);
+            this._enterTimeout = undefined;
+        }
+        this._indeterminateEntering = false;
+    }
+    /** Auto-tooltip based on parent's value-format. Override via segment.tooltip. */
+    _formatSegmentTooltip(seg) {
+        // valueFormat="none" hides all values, including per-segment ones.
+        // Without an explicit return here, the switch below falls through to
+        // the percentage branch and every multi-segment tooltip still says
+        // "Name: 30%" — matches progress-circle's `_formatValuePart` guard.
+        if (this.valueFormat === 'none')
+            return seg.name ?? '';
+        const v = Math.max(0, seg.value);
+        const pct = this.max > 0 ? Math.round((v / this.max) * 100) : 0;
+        let valuePart;
+        switch (this.valueFormat) {
+            case 'absolute':
+                valuePart = `${v}`;
+                break;
+            case 'fraction':
+                valuePart = `${v} / ${this.max}`;
+                break;
+            case 'percentage':
+            default:
+                valuePart = `${pct}%`;
+                break;
+        }
+        return seg.name ? `${seg.name}: ${valuePart}` : valuePart;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cancelIndeterminateExit();
+        this._cancelIndeterminateEnter();
+        this._attributeObserver?.disconnect();
+    }
+    _onSlotChange() {
+        const slot = this.shadowRoot?.querySelector('slot:not([name])');
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        // instanceof, not tagName === 'NLDD-PROGRESS-BAR-SEGMENT': tagName
+        // 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);
+        // 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
+        // — no need to call it directly here.
+        this._attributeObserver?.disconnect();
+        this._attributeObserver = new MutationObserver(() => this.requestUpdate());
+        for (const seg of this._segments) {
+            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
+        // directly would just run it a second time per slot mutation.
+    }
+    _syncSegments() {
+        // 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) {
+            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];
+        // Suppress redundant auto-tooltip when there's only one visible segment
+        // and the header already shows the same value. The user's explicit
+        // `tooltip-text` attribute still triggers a tooltip.
+        const visibleCount = allSegments.filter(s => Math.max(0, s.value) > 0).length;
+        const suppressAutoTooltip = visibleCount <= 1 && this._hasHeader;
+        const isExiting = this._indeterminateExiting;
+        const isEntering = this._indeterminateEntering;
+        for (const seg of allSegments) {
+            const v = Math.max(0, seg.value);
+            if (v <= 0) {
+                seg.hidden = true;
+                seg.removeAttribute('data-mode');
+                seg._autoTooltipText = '';
+                continue;
+            }
+            seg.hidden = false;
+            const pct = denominator > 0 ? (v / denominator) * 100 : 0;
+            seg.style.setProperty('--context-progress-bar-segment-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.toggleAttribute('data-grow', isExiting);
+            seg.toggleAttribute('data-shrink', isEntering);
+        }
+    }
+    render() {
+        return progressBarTemplate(this, this._onSlotChangeBound);
+    }
+};
+NLDDProgressBar.styles = progressBarStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBar.prototype, "mode", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], NLDDProgressBar.prototype, "max", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], NLDDProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBar.prototype, "color", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBar.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgressBar.prototype, "text", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'value-format' })
+], NLDDProgressBar.prototype, "valueFormat", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'value-text' })
+], NLDDProgressBar.prototype, "valueText", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'accessible-label' })
+], NLDDProgressBar.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDProgressBar.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDProgressBar.prototype, "translations", void 0);
+__decorate([
+    state()
+], NLDDProgressBar.prototype, "_segments", void 0);
+__decorate([
+    state()
+], NLDDProgressBar.prototype, "_indeterminateExiting", void 0);
+__decorate([
+    state()
+], NLDDProgressBar.prototype, "_indeterminateEntering", void 0);
+NLDDProgressBar = __decorate([
+    customElement('nldd-progress-bar')
+], NLDDProgressBar);
+export { NLDDProgressBar };
+//# sourceMappingURL=progress-bar.js.map

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

@@ -0,0 +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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"}

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

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

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

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