@nldd/design-system 0.8.37

package/dist/components/navigation/pagination/pagination.js.map

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

package/dist/components/navigation/pagination/pagination.styles.d.ts

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

package/dist/components/navigation/pagination/pagination.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAgO5B,CAAC"}

package/dist/components/navigation/pagination/pagination.styles.js

@@ -0,0 +1,227 @@
+import { css } from 'lit';
+export const paginationStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+		container-type: inline-size;
+		isolation: isolate;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([full-width]) {
+		display: flex;
+		justify-content: center;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+
+	/* # Block */
+
+	.pagination {
+		display: inline-flex;
+		align-items: center;
+		background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		border-radius: var(--semantics-controls-md-corner-radius);
+	}
+
+
+	/* # Page button */
+
+	.pagination__page-button {
+		appearance: none;
+		border: none;
+		background: transparent;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		height: var(--semantics-controls-md-min-size);
+		min-width: var(--semantics-controls-md-min-size);
+		padding-block: var(--primitives-space-8);
+		padding-inline: var(--primitives-space-12);
+		font: var(--semantics-buttons-md-font);
+		color: inherit;
+		box-sizing: border-box;
+		position: relative;
+		margin: 0;
+	}
+
+	a.pagination__page-button {
+		text-decoration: none;
+	}
+
+	.pagination__page-button:hover,
+	.pagination__page-button:focus-visible {
+		z-index: 1;
+	}
+
+	.pagination__page-button:focus-visible {
+		outline: none;
+	}
+
+	.pagination__page-button.is-current {
+		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
+	}
+
+
+	/* ## Page button indicator */
+
+	.pagination__page-button::before {
+		content: '';
+		position: absolute;
+		inset: var(--primitives-space-4);
+		border-radius: calc(var(--semantics-controls-md-corner-radius) - var(--primitives-space-4) / 2);
+		background-color: transparent;
+		pointer-events: none;
+	}
+
+	.pagination__page-button:hover:not(.is-current)::before {
+		background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+	}
+
+	.pagination__page-button.is-current::before {
+		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
+	}
+
+	.pagination__page-button:focus-visible::before {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+
+	/* ## Page button text */
+
+	.pagination__page-button-text {
+		position: relative;
+		z-index: 1;
+		pointer-events: none;
+	}
+
+
+	/* # Ellipsis */
+
+	.pagination__ellipsis {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		height: var(--semantics-controls-md-min-size);
+		min-width: var(--semantics-controls-md-min-size);
+		padding-block: var(--primitives-space-8);
+		padding-inline: var(--primitives-space-12);
+		font: var(--semantics-buttons-md-font);
+		color: inherit;
+		box-sizing: border-box;
+		pointer-events: none;
+	}
+
+
+	/* # Divider */
+
+	.pagination__divider {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: var(--semantics-controls-md-min-size);
+		flex-shrink: 0;
+	}
+
+	.pagination__divider-line {
+		width: var(--semantics-dividers-thickness);
+		height: var(--semantics-buttons-md-divider-length);
+		background-color: var(--semantics-buttons-neutral-tinted-divider-color);
+	}
+
+
+	/* # Select (compact fallback) */
+
+	.pagination__select-wrapper {
+		position: relative;
+		display: inline-flex;
+		align-items: center;
+	}
+
+	.pagination__select {
+		appearance: none;
+		border: none;
+		background: transparent;
+		height: var(--semantics-controls-md-min-size);
+		padding-block: var(--primitives-space-8);
+		padding-inline-start: var(--primitives-space-12);
+		padding-inline-end: calc(var(--primitives-space-24) + var(--primitives-space-4));
+		font: var(--semantics-buttons-md-font);
+		color: inherit;
+		box-sizing: border-box;
+		margin: 0;
+		position: relative;
+		z-index: 1;
+	}
+
+	.pagination__select:focus-visible {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+		border-radius: calc(var(--semantics-controls-md-corner-radius) - var(--primitives-space-4) / 2);
+	}
+
+	.pagination__select-picker-icon {
+		position: absolute;
+		inset-inline-end: var(--primitives-space-8);
+		pointer-events: none;
+		width: var(--primitives-space-24);
+		height: var(--primitives-space-24);
+	}
+
+
+	/* # Responsive */
+
+	.pagination__page-buttons {
+		display: contents;
+	}
+
+	.pagination__compact {
+		display: none;
+	}
+
+	@container (max-width: 400px) {
+		.pagination__page-buttons {
+			display: none;
+		}
+
+		.pagination__compact {
+			display: contents;
+		}
+	}
+
+
+	/* # High contrast */
+
+	@media (forced-colors: active) {
+		.pagination {
+			border: 1px solid CanvasText;
+		}
+
+		.pagination__page-button.is-current {
+			color: HighlightText;
+		}
+
+		.pagination__page-button.is-current::before {
+			background-color: Highlight;
+		}
+
+		.pagination__page-button:focus-visible::before {
+			outline: 2px solid CanvasText;
+		}
+	}
+`;
+//# sourceMappingURL=pagination.styles.js.map

package/dist/components/navigation/pagination/pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlC,CAAC"}

package/dist/components/navigation/pagination/pagination.template.d.ts

@@ -0,0 +1,6 @@
+import { TemplateResult } from 'lit';
+import type { NLDDPagination } from './pagination.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+export declare function paginationTemplate(component: NLDDPagination): TemplateResult;
+//# sourceMappingURL=pagination.template.d.ts.map

package/dist/components/navigation/pagination/pagination.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CA2F5E"}

package/dist/components/navigation/pagination/pagination.template.js

@@ -0,0 +1,92 @@
+import { html, nothing } from 'lit';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+export function paginationTemplate(component) {
+    const pages = component._getVisiblePages();
+    const atFirst = component.current <= 1;
+    const atLast = component.current >= component.total;
+    const t = component._t.bind(component);
+    const hasHref = !!component.hrefPattern;
+    const isDisabled = component.disabled;
+    const renderPageButton = (page) => {
+        const isCurrent = page === component.current;
+        const label = t('components.pagination.page-action', { page });
+        if (hasHref) {
+            return html `
+				<a class="pagination__page-button ${isCurrent ? 'is-current' : ''}"
+					href=${!isDisabled ? component._hrefForPage(page) : nothing}
+					aria-label=${label}
+					aria-current=${isCurrent ? 'page' : nothing}
+					tabindex=${isDisabled ? -1 : nothing}
+					aria-disabled=${isDisabled ? 'true' : nothing}
+					@click=${(e) => { e.preventDefault(); component._goToPage(page); }}
+				>
+					<span class="pagination__page-button-text">${page}</span>
+				</a>
+			`;
+        }
+        return html `
+			<button class="pagination__page-button ${isCurrent ? 'is-current' : ''}"
+				type="button"
+				aria-label=${label}
+				aria-current=${isCurrent ? 'page' : nothing}
+				?disabled=${isDisabled}
+				@click=${() => component._goToPage(page)}
+			>
+				<span class="pagination__page-button-text">${page}</span>
+			</button>
+		`;
+    };
+    return html `
+		<nav class="pagination"
+			aria-label=${t('components.pagination.accessibility-label')}
+		>
+			<nldd-icon-button
+				icon="chevron-left-small"
+				text=${t('components.pagination.previous-action')}
+				variant="neutral-tinted"
+				?disabled=${isDisabled || atFirst}
+				href=${hasHref && !isDisabled && !atFirst ? component._hrefForPage(component.current - 1) : nothing}
+				@click=${(e) => { if (hasHref)
+        e.preventDefault(); component._goToPage(component.current - 1); }}
+			></nldd-icon-button>
+			<div class="pagination__divider" aria-hidden="true">
+				<div class="pagination__divider-line"></div>
+			</div>
+			<div class="pagination__page-buttons">
+				${pages.map((page) => page === 'ellipsis'
+        ? html `<div class="pagination__ellipsis" aria-hidden="true">&hellip;</div>`
+        : renderPageButton(page))}
+			</div>
+			<div class="pagination__compact">
+				<div class="pagination__select-wrapper">
+					<select class="pagination__select"
+						aria-label=${t('components.pagination.go-to-page-label')}
+						?disabled=${isDisabled}
+						@change=${(e) => component._goToPage(Number(e.target.value))}
+					>
+						${Array.from({ length: component.total }, (_, i) => i + 1).map((page) => html `
+							<option value=${page} ?selected=${page === component.current}>${page} / ${component.total}</option>
+						`)}
+					</select>
+					<div class="pagination__select-picker-icon">
+						<nldd-icon name="chevron-up-down"></nldd-icon>
+					</div>
+				</div>
+			</div>
+			<div class="pagination__divider" aria-hidden="true">
+				<div class="pagination__divider-line"></div>
+			</div>
+			<nldd-icon-button
+				icon="chevron-right-small"
+				text=${t('components.pagination.next-action')}
+				variant="neutral-tinted"
+				?disabled=${isDisabled || atLast}
+				href=${hasHref && !isDisabled && !atLast ? component._hrefForPage(component.current + 1) : nothing}
+				@click=${(e) => { if (hasHref)
+        e.preventDefault(); component._goToPage(component.current + 1); }}
+			></nldd-icon-button>
+		</nav>
+	`;
+}
+//# sourceMappingURL=pagination.template.js.map

package/dist/components/navigation/pagination/pagination.template.js.map

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

package/dist/components/navigation/skip-link/skip-link.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Nederlandse Digitale Dienst Skip Link Component (Lit + TypeScript)
+ *
+ * Accessibility-patroon dat keyboard-gebruikers toestaat om content over te slaan.
+ * Wraps content in een default slot — zonder href focust het het eerste element
+ * na de skip-link in het DOM (nextElementSibling). Zorg dat er een focusbaar
+ * element na het component staat, anders heeft de skip-link geen effect.
+ *
+ * @element nldd-skip-link
+ * @attr {string} text - Tekst van de skip-link. Fallback naar i18n default.
+ * @attr {string} href - Optioneel extern doel-ID. Zonder href springt naar eind van eigen content.
+ *
+ * @slot - Content die overgeslagen kan worden
+ */
+import { LitElement } from 'lit';
+declare const NLDDSkipLink_base: (abstract new (...args: any[]) => LitElement & {
+    translations: Partial<{
+        'components.skip-link.action': string;
+    }>;
+    _t(key: "components.skip-link.action", vars?: Record<string, string | number>): string;
+}) & typeof LitElement;
+export declare class NLDDSkipLink extends NLDDSkipLink_base {
+    static styles: import("lit").CSSResult;
+    text: string;
+    href: string;
+    get _text(): string;
+    _handleClick: () => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-skip-link': NLDDSkipLink;
+    }
+}
+export {};
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/components/navigation/skip-link/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;AAOjC,qBACa,YAAa,SAAQ,iBAAsD;IACvF,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,YAAY,QAAO,IAAI,CAYrB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/navigation/skip-link/skip-link.i18n.d.ts

@@ -0,0 +1,5 @@
+export declare const nlddSkipLinkTranslations: {
+    'components.skip-link.action': string;
+};
+export type NLDDSkipLinkTranslations = typeof nlddSkipLinkTranslations;
+//# sourceMappingURL=skip-link.i18n.d.ts.map

package/dist/components/navigation/skip-link/skip-link.i18n.d.ts.map

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

package/dist/components/navigation/skip-link/skip-link.i18n.js

@@ -0,0 +1,4 @@
+export const nlddSkipLinkTranslations = {
+    'components.skip-link.action': 'Sla over',
+};
+//# sourceMappingURL=skip-link.i18n.js.map

package/dist/components/navigation/skip-link/skip-link.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACvC,6BAA6B,EAAE,UAAU;CACzC,CAAC"}

package/dist/components/navigation/skip-link/skip-link.js

@@ -0,0 +1,64 @@
+/**
+ * Nederlandse Digitale Dienst Skip Link Component (Lit + TypeScript)
+ *
+ * Accessibility-patroon dat keyboard-gebruikers toestaat om content over te slaan.
+ * Wraps content in een default slot — zonder href focust het het eerste element
+ * na de skip-link in het DOM (nextElementSibling). Zorg dat er een focusbaar
+ * element na het component staat, anders heeft de skip-link geen effect.
+ *
+ * @element nldd-skip-link
+ * @attr {string} text - Tekst van de skip-link. Fallback naar i18n default.
+ * @attr {string} href - Optioneel extern doel-ID. Zonder href springt naar eind van eigen content.
+ *
+ * @slot - Content die overgeslagen kan worden
+ */
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { skipLinkStyles } from './skip-link.styles.js';
+import { template } from './skip-link.template.js';
+import { withTranslations } from '../../../utilities/with-translations.js';
+import { nlddSkipLinkTranslations } from './skip-link.i18n.js';
+let NLDDSkipLink = class NLDDSkipLink extends withTranslations(LitElement, nlddSkipLinkTranslations) {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.href = '';
+        this._handleClick = () => {
+            const next = this.nextElementSibling;
+            if (next) {
+                const hadTabindex = next.hasAttribute('tabindex');
+                if (!hadTabindex) {
+                    next.setAttribute('tabindex', '-1');
+                    next.addEventListener('blur', () => {
+                        next.removeAttribute('tabindex');
+                    }, { once: true });
+                }
+                next.focus();
+            }
+        };
+    }
+    get _text() {
+        return this.text || this._t('components.skip-link.action');
+    }
+    render() {
+        return template(this);
+    }
+};
+NLDDSkipLink.styles = skipLinkStyles;
+__decorate([
+    property({ type: String })
+], NLDDSkipLink.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], NLDDSkipLink.prototype, "href", void 0);
+NLDDSkipLink = __decorate([
+    customElement('nldd-skip-link')
+], NLDDSkipLink);
+export { NLDDSkipLink };
+//# sourceMappingURL=skip-link.js.map

package/dist/components/navigation/skip-link/skip-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,gBAAgB,CAAC,UAAU,EAAE,wBAAwB,CAAC;IAAjF;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAMV,iBAAY,GAAG,GAAS,EAAE;YACzB,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAwC,CAAC;YAC3D,IAAI,IAAI,EAAE,CAAC;gBACV,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAClD,IAAI,CAAC,WAAW,EAAE,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;oBACpC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;wBAClC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;oBAClC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;gBACpB,CAAC;gBACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,CAAC;QACF,CAAC,CAAC;IAKH,CAAC;IArBA,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC;IAC5D,CAAC;IAgBQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AA5Be,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACjB;AAPE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA8BxB"}

package/dist/components/navigation/skip-link/skip-link.styles.d.ts

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

package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAkE1B,CAAC"}

package/dist/components/navigation/skip-link/skip-link.styles.js

@@ -0,0 +1,69 @@
+import { css } from 'lit';
+export const skipLinkStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_z-index: 1000;
+		--_box-shadow: var(--primitives-box-shadows-level-3);
+		--_focus-box-shadow: inset var(--semantics-focus-ring-box-shadow);
+		--_focus-outline-offset: -6px;
+		display: block;
+		position: relative;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.skip-link {
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: var(--_z-index);
+		display: flex;
+		justify-content: center;
+		background-color: var(--semantics-surfaces-background-color);
+		box-shadow: var(--_box-shadow);
+		border-radius: var(--semantics-controls-md-corner-radius);
+		opacity: 0;
+		pointer-events: none;
+	}
+
+	.skip-link:has(:focus-visible) {
+		opacity: 1;
+		pointer-events: auto;
+	}
+
+
+	/* # Control */
+
+	.skip-link__control {
+		display: inline-flex;
+		align-items: center;
+		min-height: var(--semantics-controls-md-min-size);
+		appearance: none;
+		border: none;
+		background: none;
+		color: var(--semantics-links-color);
+		font: var(--primitives-font-body-md-bold-flat);
+		text-decoration: underline;
+		white-space: nowrap;
+		border-radius: var(--semantics-controls-sm-corner-radius);
+		padding: var(--primitives-space-4) var(--primitives-space-16);
+	}
+
+	.skip-link__control:focus-visible {
+		box-shadow: var(--_focus-box-shadow);
+		outline: var(--semantics-focus-ring-outline);
+		/* Negative outline-offset zodat de halo binnen het control valt
+		   (skip-link is small en zou anders deels buiten het viewport
+		   uitsteken). Component-specifieke override van de default. */
+		outline-offset: var(--_focus-outline-offset);
+	}
+`;
+//# sourceMappingURL=skip-link.styles.js.map

package/dist/components/navigation/skip-link/skip-link.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}

package/dist/components/navigation/skip-link/skip-link.template.d.ts

@@ -0,0 +1,3 @@
+import type { NLDDSkipLink } from './skip-link.js';
+export declare function template(component: NLDDSkipLink): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=skip-link.template.d.ts.map

package/dist/components/navigation/skip-link/skip-link.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,YAAY,wCAsB/C"}

package/dist/components/navigation/skip-link/skip-link.template.js

@@ -0,0 +1,25 @@
+import { html } from 'lit';
+import { sanitizeUrl } from '../../../utilities/sanitize-url.js';
+export function template(component) {
+    const safeHref = sanitizeUrl(component.href);
+    return html `
+		<div class="skip-link">
+			${safeHref ? html `
+				<a class="skip-link__control"
+					href=${safeHref}
+				>
+					${component._text}
+				</a>
+			` : html `
+				<button class="skip-link__control"
+					type="button"
+					@click=${component._handleClick}
+				>
+					${component._text}
+				</button>
+			`}
+		</div>
+		<slot></slot>
+	`;
+}
+//# sourceMappingURL=skip-link.template.js.map

package/dist/components/navigation/skip-link/skip-link.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,UAAU,QAAQ,CAAC,SAAuB;IAC/C,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,IAAI,CAAA;;KAEP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;YAER,QAAQ;;OAEb,SAAS,CAAC,KAAK;;IAElB,CAAC,CAAC,CAAC,IAAI,CAAA;;;cAGG,SAAS,CAAC,YAAY;;OAE7B,SAAS,CAAC,KAAK;;IAElB;;;EAGF,CAAC;AACH,CAAC"}