@nldd/design-system 0.8.46 → 0.8.47

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

@@ -3,12 +3,13 @@
  *
  * A cell component for displaying timeline track indicators in lists.
  * Shows a vertical line with a dot indicating timeline position and state.
+ * The line extends into the surrounding list-item's block padding via the
+ * `--context-list-item-padding-block` cascade so consecutive steps connect
+ * without gaps.
  *
  * @element nldd-timeline-track-cell
- * @attr {string} step - Timeline step state: 'past' | 'future' | 'none' (default: 'past')
- * @attr {string} child - Position in timeline: 'first' | 'between' | 'last' (default: 'between')
- *
- * @csspart track - The timeline track container
+ * @attr {'past' | 'future' | 'none'} step - Timeline step state (default: 'past')
+ * @attr {'first' | 'between' | 'last'} child - Position in timeline (default: 'between')
  */
 import { LitElement } from 'lit';
 type Step = 'past' | 'future' | 'none';
@@ -17,7 +18,7 @@ export declare class NLDDTimelineTrackCell extends LitElement {
     static styles: import("lit").CSSResult;
     step: Step;
     child: Child;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lists-and-menus/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-menus/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvC,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1C,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAmFpB;IAGF,IAAI,EAAE,IAAI,CAAU;IAGpB,KAAK,EAAE,KAAK,CAAa;IAEhB,MAAM;CAoBf;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-menus/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvC,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1C,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,IAAI,EAAE,IAAI,CAAU;IAGpB,KAAK,EAAE,KAAK,CAAa;IAEhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}

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

@@ -1,23 +1,26 @@
+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 Timeline Track Cell Component (Lit + TypeScript)
  *
  * A cell component for displaying timeline track indicators in lists.
  * Shows a vertical line with a dot indicating timeline position and state.
+ * The line extends into the surrounding list-item's block padding via the
+ * `--context-list-item-padding-block` cascade so consecutive steps connect
+ * without gaps.
  *
  * @element nldd-timeline-track-cell
- * @attr {string} step - Timeline step state: 'past' | 'future' | 'none' (default: 'past')
- * @attr {string} child - Position in timeline: 'first' | 'between' | 'last' (default: 'between')
- *
- * @csspart track - The timeline track container
+ * @attr {'past' | 'future' | 'none'} step - Timeline step state (default: 'past')
+ * @attr {'first' | 'between' | 'last'} child - Position in timeline (default: 'between')
  */
-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;
-};
-import { LitElement, html, css } from 'lit';
+import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { timelineTrackCellStyles } from './timeline-track-cell.styles.js';
+import { timelineTrackCellTemplate } from './timeline-track-cell.template.js';
 let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends LitElement {
     constructor() {
         super(...arguments);
@@ -25,108 +28,10 @@ let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends LitElement {
         this.child = 'between';
     }
     render() {
-        if (this.step === 'none') {
-            return html `
-				<div class="timeline-track" part="track">
-					<div class="timeline-track__line-full"></div>
-				</div>
-			`;
-        }
-        const showTopLine = this.child === 'between' || this.child === 'last';
-        const showBottomLine = this.child === 'between' || this.child === 'first';
-        return html `
-			<div class="timeline-track" part="track">
-				${showTopLine ? html `<div class="timeline-track__line-top"></div>` : ''}
-				<div class="timeline-track__dot"></div>
-				${showBottomLine ? html `<div class="timeline-track__line-bottom"></div>` : ''}
-			</div>
-		`;
+        return timelineTrackCellTemplate(this);
     }
 };
-NLDDTimelineTrackCell.styles = css `
-		:host {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			width: 18px;
-		}
-
-		:host([hidden]) {
-			display: none;
-		}
-
-		.timeline-track {
-			position: relative;
-			width: 18px;
-			height: 100%;
-			min-height: 50px;
-		}
-
-		/* Vertical lines */
-		.timeline-track__line-top,
-		.timeline-track__line-bottom {
-			position: absolute;
-			left: 50%;
-			width: 2px;
-			margin-left: -1px;
-			background-color: var(--semantics-buttons-accent-filled-background-color);
-		}
-
-		.timeline-track__line-top {
-			bottom: 50%;
-			height: 59px;
-		}
-
-		.timeline-track__line-bottom {
-			top: 50%;
-			height: 59px;
-		}
-
-		/* Dot indicator */
-		.timeline-track__dot {
-			position: absolute;
-			top: 50%;
-			left: 0;
-			width: 18px;
-			height: 18px;
-			margin-top: -9px;
-			border-radius: 50%;
-			box-sizing: border-box;
-			border: 2px solid var(--semantics-buttons-accent-filled-background-color);
-		}
-
-		/* Step: past (filled dot) */
-		:host([step="past"]) .timeline-track__dot,
-		:host(:not([step])) .timeline-track__dot {
-			background-color: var(--semantics-buttons-accent-filled-background-color);
-		}
-
-		/* Step: future (hollow dot with white fill) */
-		:host([step="future"]) .timeline-track__dot {
-			background-color: var(--semantics-surfaces-background-color);
-		}
-
-		/* Step: none - continuous line, no dot */
-		.timeline-track__line-full {
-			position: absolute;
-			left: 50%;
-			width: 2px;
-			margin-left: -1px;
-			top: -34px;
-			bottom: -34px;
-			background-color: var(--semantics-buttons-accent-filled-background-color);
-		}
-
-		/* Accessibility: High Contrast Mode */
-		@media (forced-colors: active) {
-			.timeline-track__dot,
-			.timeline-track__line-top,
-			.timeline-track__line-bottom,
-			.timeline-track__line-full {
-				forced-color-adjust: none;
-			}
-		}
-	`;
+NLDDTimelineTrackCell.styles = timelineTrackCellStyles;
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDTimelineTrackCell.prototype, "step", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-track-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMrD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAuFN,SAAI,GAAS,MAAM,CAAC;QAGpB,UAAK,GAAU,SAAS,CAAC;IAsB1B,CAAC;IApBS,MAAM;QACd,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA;;;;IAIV,CAAC;QACH,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC;QACtE,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;QAE1E,OAAO,IAAI,CAAA;;MAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,8CAA8C,CAAC,CAAC,CAAC,EAAE;;MAErE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,CAAC,CAAC,CAAC,EAAE;;GAE9E,CAAC;IACH,CAAC;;AA9Ge,4BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmF3B,AAnFqB,CAmFpB;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACtB;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AA1Fb,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAgHjC"}
+{"version":3,"file":"timeline-track-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAMvE,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAIN,SAAI,GAAS,MAAM,CAAC;QAGpB,UAAK,GAAU,SAAS,CAAC;IAK1B,CAAC;IAHS,MAAM;QACd,OAAO,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;;AAVe,4BAAM,GAAG,uBAAuB,AAA1B,CAA2B;AAGjD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACtB;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAPb,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAYjC"}

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

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

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

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

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

@@ -0,0 +1,94 @@
+import { css } from 'lit';
+export const timelineTrackCellStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_size: var(--primitives-space-16);
+		--_line-width: var(--primitives-space-2);
+		--_z-index-dot: 1;
+		--_color: var(--components-timeline-track-cell-color);
+		--_future-background-color: var(--components-timeline-track-cell-future-background-color);
+
+		display: flex;
+		width: var(--_size);
+		flex-direction: column;
+		align-self: stretch;
+		align-items: center;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.timeline-track-cell {
+		position: relative;
+		width: var(--_size);
+		height: 100%;
+		min-height: var(--primitives-space-48);
+	}
+
+
+	/* # Elements */
+
+	.timeline-track-cell__line-top,
+	.timeline-track-cell__line-bottom,
+	.timeline-track-cell__line-full {
+		position: absolute;
+		left: 50%;
+		margin-left: calc(var(--_line-width) / -2);
+		background-color: var(--_color);
+		width: var(--_line-width);
+	}
+
+	.timeline-track-cell__line-top {
+		bottom: 50%;
+		height: calc(50% + var(--context-list-item-padding-block, 0px));
+	}
+
+	.timeline-track-cell__line-bottom {
+		top: 50%;
+		height: calc(50% + var(--context-list-item-padding-block, 0px));
+	}
+
+	.timeline-track-cell__line-full {
+		top: calc(-1 * var(--context-list-item-padding-block, 0px));
+		bottom: calc(-1 * var(--context-list-item-padding-block, 0px));
+	}
+
+	.timeline-track-cell__dot {
+		box-sizing: border-box;
+		position: absolute;
+		top: 50%;
+		left: 0;
+		z-index: var(--_z-index-dot);
+		margin-top: calc(var(--_size) / -2);
+		border: var(--_line-width) solid var(--_color);
+		border-radius: var(--primitives-corner-radius-full);
+		width: var(--_size);
+		height: var(--_size);
+	}
+
+	:host([step="past"]) .timeline-track-cell__dot,
+	:host(:not([step])) .timeline-track-cell__dot {
+		background-color: var(--_color);
+	}
+
+	:host([step="future"]) .timeline-track-cell__dot {
+		background-color: var(--_future-background-color);
+	}
+
+	@media (forced-colors: active) {
+		.timeline-track-cell__dot,
+		.timeline-track-cell__line-top,
+		.timeline-track-cell__line-bottom,
+		.timeline-track-cell__line-full {
+			forced-color-adjust: none;
+		}
+	}
+`;
+//# sourceMappingURL=timeline-track-cell.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-track-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FzC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { type TemplateResult } from 'lit';
+import type { NLDDTimelineTrackCell } from './timeline-track-cell.js';
+export declare function timelineTrackCellTemplate(component: NLDDTimelineTrackCell): TemplateResult;
+//# sourceMappingURL=timeline-track-cell.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-track-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/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,CAmB1F"}

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

@@ -0,0 +1,20 @@
+import { html, nothing } from 'lit';
+export function timelineTrackCellTemplate(component) {
+    if (component.step === 'none') {
+        return html `
+			<div class="timeline-track-cell">
+				<div class="timeline-track-cell__line-full"></div>
+			</div>
+		`;
+    }
+    const showTopLine = component.child === 'between' || component.child === 'last';
+    const showBottomLine = component.child === 'between' || component.child === 'first';
+    return html `
+		<div class="timeline-track-cell">
+			${showTopLine ? html `<div class="timeline-track-cell__line-top"></div>` : nothing}
+			<div class="timeline-track-cell__dot"></div>
+			${showBottomLine ? html `<div class="timeline-track-cell__line-bottom"></div>` : nothing}
+		</div>
+	`;
+}
+//# sourceMappingURL=timeline-track-cell.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-track-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/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,IAAI,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IAED,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC;IAChF,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,KAAK,KAAK,OAAO,CAAC;IAEpF,OAAO,IAAI,CAAA;;KAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,mDAAmD,CAAC,CAAC,CAAC,OAAO;;KAE/E,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,sDAAsD,CAAC,CAAC,CAAC,OAAO;;EAExF,CAAC;AACH,CAAC"}

package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAoQ1B,CAAC"}
+{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAgQ1B,CAAC"}

package/dist/components/lists-and-menus/list-item/list-item.styles.js

@@ -11,13 +11,18 @@ export const listItemStyles = css `
 		--_z-index-indicator: calc(var(--_z-index-content) - 1);
 		--_focus-outline-offset: 6px;
 
-		display: block;
+		--context-list-item-padding-block: var(--components-list-item-md-padding-block);
+
 		container-type: inline-size;
-		container-name: list-item;
+		display: block;
 		width: 100%;
 		-webkit-tap-highlight-color: transparent;
 	}
 
+	:host([size="sm"]) {
+		--context-list-item-padding-block: var(--components-list-item-sm-padding-block);
+	}
+
 	:host([hidden]) {
 		display: none;
 	}
@@ -209,7 +214,7 @@ export const listItemStyles = css `
 		display: none;
 		position: relative;
 		z-index: var(--_z-index-content);
-		padding-block: var(--components-list-item-md-padding-block);
+		padding-block: var(--context-list-item-padding-block);
 		flex-direction: row;
 		flex-shrink: 0;
 		align-items: center;
@@ -220,11 +225,6 @@ export const listItemStyles = css `
 		display: flex;
 	}
 
-	:host([size="sm"]) .list-item__start-area,
-	:host([size="sm"]) .list-item__end-area {
-		padding-block: var(--components-list-item-sm-padding-block);
-	}
-
 
 	/* # Main area */
 
@@ -233,16 +233,12 @@ export const listItemStyles = css `
 		position: relative;
 		z-index: var(--_z-index-content);
 		min-width: 0;
-		padding-block: var(--components-list-item-md-padding-block);
+		padding-block: var(--context-list-item-padding-block);
 		flex-direction: row;
 		flex-grow: 1;
 		align-items: center;
 	}
 
-	:host([size="sm"]) .list-item__main-area {
-		padding-block: var(--components-list-item-sm-padding-block);
-	}
-
 
 	/* # Divider */
 

package/dist/components/lists-and-menus/list-item/list-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoQhC,CAAC"}
+{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgQhC,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Nederlandse Digitale Dienst Breadcrumbs Component (Lit + TypeScript)
+ *
+ * A trail of `nldd-breadcrumbs-item`s separated by `›`, rendered as a
+ * `<nav>` landmark wrapping a `<div role="list">` (with each item carrying
+ * `role="listitem"`). Explicit ARIA roles travel reliably across the slot
+ * boundary where the implicit `<ol>`/`<li>` mapping is inconsistent across
+ * AT + browser combos. The host itself is its own container-query scope so
+ * the sm-viewport "‹ {parent}" fallback reacts to the breadcrumbs' own
+ * width, not the viewport.
+ *
+ * @element nldd-breadcrumbs
+ *
+ * @attr {string}  accessible-label - Override the nav's aria-label.
+ *                                    Defaults to the i18n value (NL: "Kruimelpad").
+ * @attr {object}  translations     - Override translation keys; unset keys
+ *                                    fall back to the Dutch default.
+ *
+ * @slot - `nldd-breadcrumbs-item` children.
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import { type NLDDBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
+/**
+ * A single entry in an `nldd-breadcrumbs` list. Renders as a link when
+ * `href` is set, as plain text marked `aria-current="page"` when `current`
+ * is set, and as plain text otherwise. Each item renders its own trailing
+ * `›` separator; the last item in the list hides it via `:host(:last-of-type)`.
+ *
+ * @attr {string} href - Link target. Ignored when `current` is set.
+ * @attr {boolean} current - Marks this item as the current page (renders as
+ *                           plain text + `aria-current="page"`). Typical use
+ *                           is on the last item.
+ * @attr {string} text - Item label. Falls back to the default slot.
+ *
+ * @slot - Item label (alternative to `text`).
+ */
+export declare class NLDDBreadcrumbsItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    href?: string;
+    current: boolean;
+    text: string;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    render(): import("lit-html").TemplateResult;
+}
+export declare class NLDDBreadcrumbs extends LitElement {
+    static styles: import("lit").CSSResult;
+    accessibleLabel: string;
+    translations: Partial<NLDDBreadcrumbsTranslations>;
+    private _mergedTranslations;
+    willUpdate(changed: PropertyValues): void;
+    _t(key: keyof NLDDBreadcrumbsTranslations): string;
+    /**
+     * All slotted nldd-breadcrumbs-item children, in DOM order. Items MUST
+     * be direct children of nldd-breadcrumbs — wrapping them in another
+     * element (e.g. `<ul><nldd-breadcrumbs-item>`) is unsupported and will
+     * make them invisible to this component (separator handling, sm-viewport
+     * fallback, etc. all key off this set).
+     */
+    _items(): NLDDBreadcrumbsItem[];
+    /**
+     * The parent (one-level-up) item: the last non-current item with an
+     * `href` — the level-up link needs somewhere to navigate. Returns null
+     * when no eligible parent exists; the level-up element is not rendered
+     * in that case (so it can't appear in the link list of any AT).
+     */
+    _parentItem(): NLDDBreadcrumbsItem | null;
+    _onSlotChange: () => void;
+    private _itemObserver?;
+    private _observeItemAttrs;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-breadcrumbs': NLDDBreadcrumbs;
+        'nldd-breadcrumbs-item': NLDDBreadcrumbsItem;
+    }
+}
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWlD;;;;;;OAMG;IACH,MAAM,IAAI,mBAAmB,EAAE;IAI/B;;;;;OAKG;IACH,WAAW,IAAI,mBAAmB,GAAG,IAAI;IAQzC,aAAa,aAMX;IAMF,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC,OAAO,CAAC,iBAAiB;IAchB,oBAAoB,IAAI,IAAI;IAM5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const nlddBreadcrumbsTranslations: {
+    'components.breadcrumbs.accessible-label': string;
+    'components.breadcrumbs.level-up-label': string;
+};
+export type NLDDBreadcrumbsTranslations = typeof nlddBreadcrumbsTranslations;
+//# sourceMappingURL=breadcrumbs.i18n.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map

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

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js

@@ -0,0 +1,5 @@
+export const nlddBreadcrumbsTranslations = {
+    'components.breadcrumbs.accessible-label': 'Kruimelpad',
+    'components.breadcrumbs.level-up-label': 'Eén niveau omhoog',
+};
+//# sourceMappingURL=breadcrumbs.i18n.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;IACvD,uCAAuC,EAAE,mBAAmB;CAC5D,CAAC"}