@nldd/design-system 0.8.49 → 0.8.51

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

@@ -0,0 +1,4 @@
+export const nlddProgressTranslations = {
+    'components.progress.loading-text': 'Laden',
+};
+//# sourceMappingURL=progress.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.i18n.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACvC,kCAAkC,EAAE,OAAO;CAC3C,CAAC"}

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

@@ -0,0 +1,137 @@
+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 Component (Lit + TypeScript)
+ *
+ * Layout placeholder that fills its parent and centres an indeterminate
+ * progress indicator. Holds the indicator back for 1000ms so brief loading
+ * states don't flash a spinner; once the delay passes the indicator fades in.
+ *
+ * Default is an indeterminate `<nldd-progress-circle>` with the translated
+ * "Laden" label. Drop anything in the slot (a progress-bar, a customised
+ * progress-circle, etc.) to override.
+ *
+ * Reconnect behaviour: every `connectedCallback` resets the timer and hides
+ * the indicator again. If a consumer toggles the element via a conditional
+ * render (remove + re-insert) the spinner will disappear and re-fade after
+ * another 1000ms. Keep the element mounted and toggle visibility / `hidden`
+ * instead if you want the timer to run only once.
+ *
+ * Accessibility: the host element carries `aria-busy="true"` for as long as
+ * it is connected and not marked `complete`, including the silent 1000 ms
+ * pre-spinner window. AT users landing on the region during that window are
+ * told loading is in progress, even before the visual spinner appears.
+ *
+ * Two patterns to signal "done":
+ *   1. (Preferred.) Unmount `<nldd-progress>` entirely. aria-busy goes away
+ *      with the element, and the indicator's `progressbar` role disappears
+ *      from the AT tree.
+ *   2. Set the boolean `complete` attribute. aria-busy is cleared and the
+ *      indicator is hidden, but the element stays in the DOM. Use this when
+ *      you want a CSS transition out, or when the wrapper sits in a layout
+ *      slot that would collapse if unmounted.
+ *
+ * @element nldd-progress
+ *
+ * @attr {string} text - Label under the default indicator. Falls back to the
+ *   translated "Laden" string when unset. Ignored when the slot is filled.
+ * @attr {boolean} no-label - Suppress the label under the default indicator
+ *   entirely. Use when the surrounding UI already conveys "loading" and an
+ *   extra "Laden" caption would be redundant noise.
+ * @attr {boolean} complete - Mark the loader as finished while keeping the
+ *   element mounted; clears aria-busy and hides the indicator.
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ *
+ * @slot - Optional custom indicator; overrides the default progress-circle.
+ *   The host carries `aria-busy="true"` for AT users, but the default ARIA
+ *   semantics on the visible indicator (role="progressbar", aria-valuetext)
+ *   come from the built-in `<nldd-progress-circle>`. Consumers replacing the
+ *   slot are responsible for supplying their own progressbar role / label
+ *   on the custom indicator.
+ */
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { progressStyles } from './progress.styles.js';
+import { progressTemplate } from './progress.template.js';
+import { nlddProgressTranslations } from './progress.i18n.js';
+import '../progress-circle/progress-circle.js';
+/** Delay before the indicator fades in. Brief loading states finish within
+ *  this window and the spinner is never shown — avoids a jarring flash. */
+const DELAY_MS = 1000;
+let NLDDProgress = class NLDDProgress extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        /** Suppress the indicator's label entirely. The component still
+         *  renders the spinner and announces aria-busy; only the visible
+         *  "Laden" caption is hidden. Replaces the old text=" " sentinel. */
+        this.noLabel = false;
+        /** Mark the loader as finished while keeping the element mounted.
+         *  Clears aria-busy and hides the indicator. Default false. */
+        this.complete = false;
+        this.translations = {};
+        this._visible = false;
+    }
+    _t(key) {
+        return this.translations[key] ?? nlddProgressTranslations[key];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // aria-busy signals "loading in progress" to AT users immediately,
+        // even during the silent 1000 ms window before the visual indicator
+        // fades in. Set unless the consumer connected the element already
+        // marked complete (rare but valid — e.g. server-rendered "done" state).
+        if (!this.complete)
+            this.setAttribute('aria-busy', 'true');
+        this._visible = false;
+        this._delayTimeout = setTimeout(() => {
+            this._visible = true;
+            this._delayTimeout = undefined;
+        }, DELAY_MS);
+    }
+    willUpdate(changed) {
+        if (changed.has('complete')) {
+            if (this.complete) {
+                this.removeAttribute('aria-busy');
+            }
+            else {
+                this.setAttribute('aria-busy', 'true');
+            }
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._delayTimeout) {
+            clearTimeout(this._delayTimeout);
+            this._delayTimeout = undefined;
+        }
+    }
+    render() {
+        return progressTemplate(this);
+    }
+};
+NLDDProgress.styles = progressStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDProgress.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-label' })
+], NLDDProgress.prototype, "noLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDProgress.prototype, "complete", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDProgress.prototype, "translations", void 0);
+__decorate([
+    state()
+], NLDDProgress.prototype, "_visible", void 0);
+NLDDProgress = __decorate([
+    customElement('nldd-progress')
+], NLDDProgress);
+export { NLDDProgress };
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,uCAAuC,CAAC;AAE/C;2EAC2E;AAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC;AAGf,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAIN,SAAI,GAAG,EAAE,CAAC;QAEV;;6EAEqE;QAErE,YAAO,GAAG,KAAK,CAAC;QAEhB;uEAC+D;QAE/D,aAAQ,GAAG,KAAK,CAAC;QAGjB,iBAAY,GAAsC,EAAE,CAAC;QAGrD,aAAQ,GAAG,KAAK,CAAC;IA2ClB,CAAC;IAvCO,EAAE,CAAC,GAAmC;QAC5C,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,wBAAwB,CAAC,GAAG,CAAC,CAAC;IAChE,CAAC;IAEQ,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,mEAAmE;QACnE,oEAAoE;QACpE,kEAAkE;QAClE,wEAAwE;QACxE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAChC,CAAC,EAAE,QAAQ,CAAC,CAAC;IACd,CAAC;IAEQ,UAAU,CAAC,OAA6B;QAChD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YACxC,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAChC,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;;AA9De,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CAClD;AAKhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAC0B;AAGrD;IADC,KAAK,EAAE;8CACS;AArBL,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAgExB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsD1B,CAAC"}

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

@@ -0,0 +1,57 @@
+import { css } from 'lit';
+export const progressStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_fade-duration: var(--primitives-transition-duration-slow);
+		--_indicator-max-width: var(--primitives-area-240);
+
+		box-sizing: border-box;
+		display: flex;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: auto;
+		width: 100%;
+		height: 100%;
+		align-items: center;
+		justify-content: center;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Indicator
+	   Wrapper around the slot so we can fade the indicator in once the delay
+	   has passed. The host itself stays visible from mount to take up its
+	   layout space; only the indicator inside fades.
+	   width:100% + max-width gives the bar a concrete width to fill (without
+	   this it has no containing block reference and collapses to 0). The
+	   inner flex centring keeps a small circle aligned in the middle of that
+	   width. */
+
+	.progress__indicator {
+		display: flex;
+		justify-content: center;
+		width: 100%;
+		max-width: var(--_indicator-max-width);
+		animation: progress-fade-in var(--_fade-duration) ease-out;
+	}
+
+	@keyframes progress-fade-in {
+		from { opacity: 0; }
+	}
+
+
+	/* # Accessibility */
+
+	@media (prefers-reduced-motion: reduce) {
+		.progress__indicator {
+			animation: none;
+		}
+	}
+`;
+//# sourceMappingURL=progress.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDhC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { nothing } from 'lit';
+import type { NLDDProgress } from './progress.js';
+export declare function progressTemplate(component: NLDDProgress): import("lit-html").TemplateResult<1> | typeof nothing;
+//# sourceMappingURL=progress.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,yDAsBvD"}

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

@@ -0,0 +1,26 @@
+import { html, nothing } from 'lit';
+export function progressTemplate(component) {
+    // Render nothing while the delay window is open so the indicator doesn't
+    // even flash for sub-second loads, or once `complete` is set so the
+    // element stays mounted but ARIA / visuals reflect the finished state.
+    if (!component._visible || component.complete)
+        return nothing;
+    // `text` attribute overrides the translated default. To suppress the
+    // label entirely use the `no-label` boolean attribute — passing
+    // text="" leaves the translated fallback in place by design.
+    const text = component.noLabel
+        ? ''
+        : (component.text || component._t('components.progress.loading-text'));
+    return html `
+		<div class="progress__indicator">
+			<slot>
+				<nldd-progress-circle
+					size="28"
+					indeterminate
+					.text=${text}
+				></nldd-progress-circle>
+			</slot>
+		</div>
+	`;
+}
+//# sourceMappingURL=progress.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress/progress.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,yEAAyE;IACzE,oEAAoE;IACpE,uEAAuE;IACvE,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IAC9D,qEAAqE;IACrE,gEAAgE;IAChE,6DAA6D;IAC7D,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO;QAC7B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,kCAAkC,CAAC,CAAC,CAAC;IACxE,OAAO,IAAI,CAAA;;;;;;aAMC,IAAI;;;;EAIf,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,131 @@
+/**
+ * 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 } from 'lit';
+import type { 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 declare const INDETERMINATE_TRANSITION_MS = 300;
+export type ProgressBarMode = 'progress' | 'distribution';
+export type ProgressBarSize = 'sm' | 'md' | 'lg';
+export type ProgressBarValueFormat = 'percentage' | 'absolute' | 'fraction' | 'none';
+export type ProgressBarColor = 'neutral' | 'accent' | 'success' | 'warning' | 'critical' | 'coolgray' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
+export declare class NLDDProgressBarSegment extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: number;
+    color: ProgressBarColor;
+    name: string;
+    /** 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"). */
+    tooltipText: string;
+    /** Set by the parent based on value-format. Internal state, not a public
+     *  property — consumers use `tooltip-text` to override. */
+    _autoTooltipText: string;
+    get _effectiveTooltip(): string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class NLDDProgressBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    mode: ProgressBarMode;
+    max: number;
+    value: number | null;
+    color: ProgressBarColor;
+    size: ProgressBarSize;
+    text: string;
+    valueFormat: ProgressBarValueFormat;
+    valueText: string;
+    accessibleLabel: string;
+    indeterminate: boolean;
+    /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
+    translations: Partial<NLDDProgressBarTranslations>;
+    private _segments;
+    /** True for 300ms after indeterminate=true→false: indicator fades out while
+     *  the segment grows from 0 to its target value. */
+    _indeterminateExiting: boolean;
+    /** True for 300ms after indeterminate=false→true: indicator fades in while
+     *  the segment shrinks from its current width to 0. */
+    _indeterminateEntering: boolean;
+    private _exitTimeout?;
+    private _enterTimeout?;
+    _t(key: keyof NLDDProgressBarTranslations): string;
+    /** Returns true when the user has provided segment children. */
+    get _hasSegments(): boolean;
+    /** Sum of all segment values, or the parent's own value, or 0. */
+    get _totalValue(): number;
+    /** Percentage filled (0–100). */
+    get _percentage(): number;
+    /** Formatted value string for the header. */
+    get _displayValue(): string;
+    /** Computed aria-valuetext, unless overridden. */
+    get _ariaValueText(): string;
+    /** 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(): boolean;
+    private _attributeObserver?;
+    firstUpdated(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(): void;
+    /** Indicator fades out, segment grows from 0 to its target — both 300ms
+     *  (matches --primitives-transition-duration-slow and nldd-progress-circle). */
+    private _beginIndeterminateExit;
+    /** Indicator fades in, segment shrinks from current width to 0 — both 300ms. */
+    private _beginIndeterminateEnter;
+    private _cancelIndeterminateExit;
+    private _cancelIndeterminateEnter;
+    /** Auto-tooltip based on parent's value-format. Override via segment.tooltip. */
+    private _formatSegmentTooltip;
+    disconnectedCallback(): void;
+    private _onSlotChange;
+    private _syncSegments;
+    private _onSlotChangeBound;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-progress-bar': NLDDProgressBar;
+        'nldd-progress-bar-segment': NLDDProgressBarSegment;
+    }
+}
+//# sourceMappingURL=progress-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","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.i18n.d.ts

@@ -0,0 +1,8 @@
+export declare const nlddProgressBarTranslations: {
+    'components.progress-bar.completed-suffix-text': string;
+    'components.progress-bar.total-prefix-text': string;
+    'components.progress-bar.loading-text': string;
+    'components.progress-bar.label-text': string;
+};
+export type NLDDProgressBarTranslations = typeof nlddProgressBarTranslations;
+//# sourceMappingURL=progress-bar.i18n.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;;;;CAKvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}

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

@@ -0,0 +1,7 @@
+export const nlddProgressBarTranslations = {
+    'components.progress-bar.completed-suffix-text': 'voltooid',
+    'components.progress-bar.total-prefix-text': 'Totaal',
+    'components.progress-bar.loading-text': 'Aan het laden',
+    'components.progress-bar.label-text': 'Voortgang',
+};
+//# sourceMappingURL=progress-bar.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.i18n.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,+CAA+C,EAAE,UAAU;IAC3D,2CAA2C,EAAE,QAAQ;IACrD,sCAAsC,EAAE,eAAe;IACvD,oCAAoC,EAAE,WAAW;CACjD,CAAC"}