npm - @nldd/design-system - Versions diffs - 0.8.62 → 0.8.64 - Mend

@nldd/design-system 0.8.62 → 0.8.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (476) hide show

package/dist/components/navigation/breadcrumbs/breadcrumbs.js CHANGED Viewed

@@ -14,26 +14,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * AT + browser combos. The trail wraps onto multiple lines when it doesn't
  * fit, so it adapts to any width.
  *
- * Vanaf vier niveaus klapt het pad standaard in tot
- * `Home › … › {bovenliggende pagina} › {huidige pagina}`. De ellipsis is een
- * knop die bij activeren de verborgen niveaus op hun plek toont (eenmalig;
- * de focus verplaatst naar het eerste onthulde niveau). De verborgen items
- * blijven in de DOM, zodat zoekmachines en agents het volledige pad zien.
- * Zet `no-collapse` om het pad altijd volledig te tonen.
- *
  * @element nldd-breadcrumbs
  *
  * @attr {string}  accessible-label - Override the nav's aria-label.
  *                                    Defaults to the i18n value (NL: "Kruimelpad").
- * @attr {boolean} no-collapse      - Toon altijd alle niveaus; schakelt het
- *                                    inklappen vanaf vier niveaus uit.
  * @attr {object}  translations     - Override translation keys; unset keys
  *                                    fall back to the Dutch default.
  *
  * @slot - `nldd-breadcrumbs-item` children.
  */
 import { LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { breadcrumbsStyles, breadcrumbsItemStyles } from './breadcrumbs.styles.js';
 import { breadcrumbsTemplate, breadcrumbsItemTemplate } from './breadcrumbs.template.js';
 import { nlddBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
@@ -82,22 +73,6 @@ export class NLDDBreadcrumbsItem extends LitElement {
             }
         }
     }
-    /**
-     * Delegates focus to the inner link, so the parent can move focus to a
-     * revealed item after expanding the collapsed trail. A plain-text or current
-     * crumb has no inner link; it makes its own host focusable (tabindex="-1")
-     * and takes focus there instead, so the parent can land focus on any
-     * revealed item rather than dropping it to <body> (WCAG 2.4.3).
-     */
-    focus(options) {
-        const link = this.shadowRoot?.querySelector('.breadcrumbs__item-link');
-        if (link) {
-            link.focus(options);
-            return;
-        }
-        this.tabIndex = -1;
-        super.focus(options);
-    }
     render() {
         return breadcrumbsItemTemplate(this);
     }
@@ -125,56 +100,8 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
     constructor() {
         super(...arguments);
         this.accessibleLabel = '';
-        this.noCollapse = false;
         this.translations = {};
-        this._collapsed = false;
-        /** One-shot: once the user expands the trail it stays expanded. */
-        this._expanded = false;
         this._mergedTranslations = { ...nlddBreadcrumbsTranslations };
-        /** Defers the slotchange-driven sync to a microtask: _syncCollapse moves
-         *  an item between slots, which fires another slotchange — running it
-         *  inline could mutate the DOM while Lit is mid-render. The direct calls
-         *  from updated() and _expand() stay synchronous.
-         *
-         *  An arrow-function class field (not a method) on purpose: it gives a
-         *  stable per-instance reference so add/removeEventListener pair up. */
-        this._onSlotChange = () => {
-            void Promise.resolve().then(() => this._syncCollapse());
-        };
-        /**
-         * Applies the collapsed state to the light-DOM items. While collapsed the
-         * first item moves to the "first" slot (so the shadow ellipsis can sit
-         * between it and the tail) and the middle items get a marker attribute
-         * that hides them via the item's own styles. The consumer's `hidden`
-         * attribute is deliberately left alone. Re-runs are idempotent, so the
-         * slotchange this triggers settles immediately.
-         */
-        this._syncCollapse = () => {
-            const items = this._items();
-            const collapsed = !this.noCollapse && !this._expanded && items.length >= 4;
-            items.forEach((item, index) => {
-                if (collapsed && index === 0) {
-                    item.setAttribute('slot', 'first');
-                }
-                else if (item.getAttribute('slot') === 'first') {
-                    item.removeAttribute('slot');
-                }
-                item.toggleAttribute('data-nldd-collapsed', collapsed && index >= 1 && index <= items.length - 3);
-            });
-            this._collapsed = collapsed;
-        };
-        /** @internal Expands the trail and moves focus to a revealed item.
-         *  Prefers the first revealed link; falls back to the first revealed item
-         *  so focus is never silently dropped (WCAG 2.4.3). */
-        this._expand = () => {
-            const revealed = this._items().filter((item) => item.hasAttribute('data-nldd-collapsed'));
-            this._expanded = true;
-            this._syncCollapse();
-            (revealed.find((item) => item.href && !item.current) ?? revealed[0])?.focus();
-        };
-    }
-    _items() {
-        return Array.from(this.children).filter((child) => child instanceof NLDDBreadcrumbsItem);
     }
     willUpdate(changed) {
         if (changed.has('translations') || changed.has('accessibleLabel')) {
@@ -187,10 +114,6 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
             }
         }
     }
-    updated(changed) {
-        if (changed.has('noCollapse'))
-            this._syncCollapse();
-    }
     _t(key) {
         // Return '' (not the key) for missing translations so callers can do
         // `value || nothing` to suppress aria-label / text rather than
@@ -209,15 +132,9 @@ NLDDBreadcrumbs.styles = breadcrumbsStyles;
 __decorate([
     property({ type: String, attribute: 'accessible-label' })
 ], NLDDBreadcrumbs.prototype, "accessibleLabel", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'no-collapse' })
-], NLDDBreadcrumbs.prototype, "noCollapse", void 0);
 __decorate([
     property({ type: Object })
 ], NLDDBreadcrumbs.prototype, "translations", void 0);
-__decorate([
-    state()
-], NLDDBreadcrumbs.prototype, "_collapsed", void 0);
 NLDDBreadcrumbs = __decorate([
     customElement('nldd-breadcrumbs')
 ], NLDDBreadcrumbs);

package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":";;;;;;AAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG~~;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,~~KAAK,EAAE,~~MAAM,mBAAmB,CAAC;~~AACnE~~,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,2BAA2B,EAAoC,MAAM,uBAAuB,CAAC;AAGtG,0BAA0B;AAE1B;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,mBAAoB,SAAQ,UAAU;IAAnD;;QAOC,YAAO,GAAG,KAAK,CAAC;QAGhB,SAAI,GAAG,EAAE,CAAC;~~IA+CX~~,CAAC;~~IA7CS~~,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,iEAAiE;QACjE,+DAA+D;QAC/D,8DAA8D;QAC9D,0DAA0D;QAC1D,wCAAwC;QACxC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACvC,CAAC;IACF,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACvC,kEAAkE;QAClE,qEAAqE;QACrE,wDAAwD;QACxD,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;YACtC,CAAC;QACF,CAAC;IACF,CAAC;IAED;;;;;;OAMG;IACM,KAAK,CAAC,OAAsB;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,yBAAyB,CAAC,CAAC;QACpF,IAAI,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACpB,OAAO;QACR,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;IAEQ,MAAM;QACd,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;;~~AAvDe~~,0BAAM,GAAG,qBAAqB,AAAxB,CAAyB;AAG/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC5B;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAChC;~~AAiDX~~,yEAAyE;AACzE,wEAAwE;AACxE,yEAAyE;AACzE,2EAA2E;AAC3E,wCAAwC;AACxC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,mBAAmB,CAAC,CAAC;AACrE,CAAC;AAGD,qBAAqB;AAGd,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIN,oBAAe,GAAG,EAAE,CAAC;QAGrB,~~eAAU,GAAG,KAAK,CAAC;QAGnB,~~iBAAY,GAAyC,EAAE,CAAC;~~QAGxD~~,~~eAAU,GAAG,KAAK,CAAC;QAEnB,mEAAmE;QAC3D,cAAS,GAAG,KAAK,CAAC;QAElB,~~wBAAmB,GAAgC,EAAE,GAAG,2BAA2B,EAAE,CAAC;QAQ9F;;;;;;gFAMwE;QACxE,kBAAa,GAAG,GAAS,EAAE;YAC1B,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF;;;;;;;WAOG;QACH,kBAAa,GAAG,GAAS,EAAE;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;YAC3E,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC7B,IAAI,SAAS,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;oBAC9B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBACpC,CAAC;qBAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC;oBAClD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAC9B,CAAC;gBACD,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,SAAS,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnG,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC7B,CAAC,CAAC;QAEF;;+DAEuD;QACvD,YAAO,GAAG,GAAS,EAAE;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC1F,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/E,CAAC~~,CAAC~~;~~IAgCH~~,~~CAAC;IA/EQ,MAAM;QACb,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAK,EAAgC,EAAE,CAAC,KAAK,YAAY,mBAAmB,CAC7E,CAAC;IACH,CAAC;IA6CQ,~~UAAU,CAAC,OAAuB;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACnE,IAAI,CAAC,mBAAmB,GAAG;gBAC1B,GAAG,2BAA2B;gBAC9B,GAAG,IAAI,CAAC,YAAY;aACpB,CAAC;YACF,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBAC1B,IAAI,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;YAC5F,CAAC;QACF,CAAC;IACF,CAAC;~~IAEQ,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;YAAE,IAAI,CAAC,aAAa,EAAE,CAAC;IACrD,CAAC;~~IAED,EAAE,CAAC,GAAsC;QACxC,qEAAqE;QACrE,+DAA+D;QAC/D,8CAA8C;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAC5C,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,gDAAgD,GAAG,GAAG,CAAC,CAAC;QACtE,CAAC;QACD,OAAO,KAAK,IAAI,EAAE,CAAC;IACpB,CAAC;IAEQ,MAAM;QACd,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;~~AAjGe~~,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,~~OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;mDAClD;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,~~MAAM,EAAE,CAAC;qDAC6B;~~AAGxD;IADC~~,~~KAAK,EAAE;mDACW;AAbP,~~eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,~~CAmG3B~~"}
1	+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"~~AAmBA~~,eAAO,MAAM,iBAAiB,~~yBA6D7B~~,CAAC;AAEF,eAAO,MAAM,qBAAqB,~~yBAsDjC~~,CAAC"}
1	+ {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,iBAAiB,yBAsB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAgDjC,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
-/* Shared between the parent stylesheet (ellipsis separator) and the item
-   stylesheet (item separator); both hosts define
-   --_separator-vertical-offset. */
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+/* The chevron separator rendered after each breadcrumb item; the item host
+   defines --_separator-vertical-offset. */
 const separatorStyles = css `
 	.breadcrumbs__separator {
 		display: inline-flex;
@@ -17,8 +16,9 @@ const separatorStyles = css `
 `;
 export const breadcrumbsStyles = css `
 	:host {
-		--_separator-vertical-offset: 0.05em;
+		box-sizing: border-box;
+	}
+	:host {
 		${inheritedTextReset}
 		display: block;
 	}
@@ -36,46 +36,6 @@ export const breadcrumbsStyles = css `
 		flex-wrap: wrap;
 		row-gap: var(--primitives-space-4);
 	}
-	.breadcrumbs__ellipsis {
-		display: inline-flex;
-		align-items: center;
-	}
-	.breadcrumbs__ellipsis-button {
-		display: inline-flex;
-		margin: 0;
-		border: none;
-		background: none;
-		padding: 0;
-		align-items: center;
-		color: var(--semantics-links-color);
-		font: var(--primitives-font-body-md-regular-tight);
-		appearance: none;
-	}
-	.breadcrumbs__ellipsis-button:hover {
-		color: var(--semantics-links-is-hovered-color);
-	}
-	.breadcrumbs__ellipsis-button:active {
-		color: var(--semantics-links-is-active-color);
-	}
-	.breadcrumbs__ellipsis-button:focus-visible {
-		outline: var(--semantics-focus-ring-outline);
-		outline-offset: var(--semantics-focus-ring-outline-offset);
-		border-radius: var(--primitives-corner-radius-xs);
-		box-shadow: var(--semantics-focus-ring-box-shadow);
-	}
-	@media (forced-colors: active) {
-		.breadcrumbs__ellipsis-button:focus-visible {
-			outline: 2px solid CanvasText;
-		}
-	}
-	${separatorStyles}
 `;
 export const breadcrumbsItemStyles = css `
 	:host {
@@ -93,12 +53,6 @@ export const breadcrumbsItemStyles = css `
 		display: none;
 	}
-	/* Applied by the parent nldd-breadcrumbs while the trail is collapsed;
-	   intentionally separate from the consumer-owned hidden attribute. */
-	:host([data-nldd-collapsed]) {
-		display: none;
-	}
 	.breadcrumbs__item {
 		display: inline-flex;
 		align-items: center;

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E;;mCAEmC~~;~~AACnC~~,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA~~;;;;IAIhC~~,kBAAkB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDnB~~,~~eAAe;CACjB,~~CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CnB~~,eAAe;;;;;CAKjB,CAAC"}
1	+ {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E;2CAC2C;AAC3C,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;IAKhC,kBAAkB;;;;;;;;;;;;;;;;;CAiBrB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCnB,eAAe;;;;;CAKjB,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,~~CA8B9E~~;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}
1	+ {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAc9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js CHANGED Viewed

@@ -9,23 +9,7 @@ export function breadcrumbsTemplate(component) {
 			<div class="breadcrumbs__items"
 				role="list"
 			>
-				<slot name="first"
-					@slotchange=${component._onSlotChange}
-				></slot>
-				${component._collapsed ? html `
-					<span class="breadcrumbs__ellipsis"
-						role="listitem"
-					>
-						<button class="breadcrumbs__ellipsis-button"
-							aria-label=${component._t('components.breadcrumbs.show-all-levels') || nothing}
-							@click=${component._expand}
-						>&hellip;</button>
-						<span class="breadcrumbs__separator"
-							aria-hidden="true"
-						><nldd-icon name="chevron-right-small"></nldd-icon></span>
-					</span>
-				` : nothing}
-				<slot @slotchange=${component._onSlotChange}></slot>
+				<slot></slot>
 			</div>
 		</nav>
 	`;

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAEzD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,yCAAyC,CAAC,CAAC;IAEtE,OAAO,IAAI,CAAA;;gBAEI,KAAK,IAAI,OAAO~~;;;;;;mBAMb~~,~~SAAS,~~CAAC~~,aAAa;;MAEpC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;oBAKb,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC,IAAI,OAAO~~;~~gBACrE,SAAS,CAAC,OAAO;;;;;;KAM5B,CAAC,CAAC,CAAC,OAAO;wBACS,SAAS,CAAC,aAAa;;;EAG7C,CAAC;~~AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,SAA8B;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAA;;4DAEqC,CAAC;IAC5D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;;;YAGD,SAAS,CAAC,IAAI;OACnB,KAAK;YACA,SAAS;GAClB,CAAC;IACH,CAAC;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,4CAA4C;IAC5C,OAAO,IAAI,CAAA;iBACK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACjD,KAAK,UAAU,SAAS,EAAE,CAAC;AAC/B,CAAC"}
1	+ {"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAEzD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,yCAAyC,CAAC,CAAC;IAEtE,OAAO,IAAI,CAAA;;gBAEI,KAAK,IAAI,OAAO;;;;;;;;EAQ9B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,SAA8B;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAA;;4DAEqC,CAAC;IAC5D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;;;YAGD,SAAS,CAAC,IAAI;OACnB,KAAK;YACA,SAAS;GAClB,CAAC;IACH,CAAC;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,4CAA4C;IAC5C,OAAO,IAAI,CAAA;iBACK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACjD,KAAK,UAAU,SAAS,EAAE,CAAC;AAC/B,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,~~yBAiNhC~~,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0OpC,CAAC"}
1	+ {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBAqNhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0OpC,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const documentTabBarStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */
@@ -23,6 +26,7 @@ export const documentTabBarStyles = css `
 		${inheritedTextReset}
 		display: block;
 		position: relative;
+		width: 100%;
 		isolation: isolate;
 		user-select: none;
 		-webkit-tap-highlight-color: transparent;

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E~~,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;IAoBnC~~,kBAAkB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LrB~~,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAevC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2NrB,CAAC"}
1	+ {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8LrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAevC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2NrB,CAAC"}

package/dist/components/navigation/link/link.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@
  *
  * @element nldd-link
  * @attr {string} href - Link doel
- * @attr {string} target - Link target (bijv. '_blank'); stelt rel automatisch bij
+ * @attr {string} target - Link target (bijv. '_blank'); stelt rel automatisch bij. Bij '_blank' voegt de link een visueel verborgen "Opent in nieuw tabblad"-melding toe voor screenreaders (WCAG 2.1 SC 3.2.2).
  * @attr {string} rel - Link rel attribuut; standaard 'noopener noreferrer' bij target='_blank'
  * @attr {string} size - Tekstgrootte: 'xs' | 'sm' | 'md' | 'lg' | 'inherit'. Leeg = inherit.
  * @attr {string} text - Link tekst (alternatief voor default slot)
@@ -26,6 +26,7 @@
  * @attr {string} end-icon - Icoon na de tekst
  * @attr {string} accessible-label - Toegankelijk label voor screen readers
  * @attr {boolean} disabled - Uitgeschakelde staat
+ * @attr {object} translations - Overschrijf vertaalsleutels (bijv. de "Opent in nieuw tabblad"-melding); niet-gezette sleutels vallen terug op Nederlands.
  *
  * @slot - Link tekst (alternatief voor text attribuut)
  * @slot start-icon - Custom icoon voor de tekst
@@ -34,7 +35,13 @@
 import { LitElement } from 'lit';
 import './../../content/icon/icon.js';
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'inherit';
-export declare class NLDDLink extends LitElement {
+declare const NLDDLink_base: (abstract new (...args: any[]) => LitElement & {
+    translations: Partial<{
+        'components.link.opens-in-new-tab-text': string;
+    }>;
+    _t(key: "components.link.opens-in-new-tab-text", vars?: Record<string, string | number>): string;
+}) & typeof LitElement;
+export declare class NLDDLink extends NLDDLink_base {
     static styles: import("lit").CSSResult;
     href: string | undefined;
     target: string | undefined;

package/dist/components/navigation/link/link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG~~;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;~~AAIjC~~,OAAO,8BAA8B,CAAC;AAEtC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;AAElD,qBACa,QAAS,SAAQ,~~UAAU~~;~~IACvC~~,OAAgB,MAAM,0BAAc;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,IAAI,SAAM;IAGV,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,eAAe,SAAM;IAGrB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY;IAOpB,gBAAgB;IAChB,YAAY,IAAI,MAAM;IASb,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
1	+ {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;;;AAElD,qBACa,QAAS,SAAQ,aAAkD;IAC/E,OAAgB,MAAM,0BAAc;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,IAAI,SAAM;IAGV,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,eAAe,SAAM;IAGrB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY;IAOpB,gBAAgB;IAChB,YAAY,IAAI,MAAM;IASb,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/navigation/link/link.i18n.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const nlddLinkTranslations: {
+    'components.link.opens-in-new-tab-text': string;
+};
+export type NLDDLinkTranslations = typeof nlddLinkTranslations;
+//# sourceMappingURL=link.i18n.d.ts.map

package/dist/components/navigation/link/link.i18n.d.ts.map ADDED Viewed

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

package/dist/components/navigation/link/link.i18n.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const nlddLinkTranslations = {
+    'components.link.opens-in-new-tab-text': 'Opent in nieuw tabblad',
+};
+//# sourceMappingURL=link.i18n.js.map

package/dist/components/navigation/link/link.i18n.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"link.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,uCAAuC,EAAE,wBAAwB;CACjE,CAAC"}

package/dist/components/navigation/link/link.js CHANGED Viewed

@@ -18,7 +18,7 @@
  *
  * @element nldd-link
  * @attr {string} href - Link doel
- * @attr {string} target - Link target (bijv. '_blank'); stelt rel automatisch bij
+ * @attr {string} target - Link target (bijv. '_blank'); stelt rel automatisch bij. Bij '_blank' voegt de link een visueel verborgen "Opent in nieuw tabblad"-melding toe voor screenreaders (WCAG 2.1 SC 3.2.2).
  * @attr {string} rel - Link rel attribuut; standaard 'noopener noreferrer' bij target='_blank'
  * @attr {string} size - Tekstgrootte: 'xs' | 'sm' | 'md' | 'lg' | 'inherit'. Leeg = inherit.
  * @attr {string} text - Link tekst (alternatief voor default slot)
@@ -26,6 +26,7 @@
  * @attr {string} end-icon - Icoon na de tekst
  * @attr {string} accessible-label - Toegankelijk label voor screen readers
  * @attr {boolean} disabled - Uitgeschakelde staat
+ * @attr {object} translations - Overschrijf vertaalsleutels (bijv. de "Opent in nieuw tabblad"-melding); niet-gezette sleutels vallen terug op Nederlands.
  *
  * @slot - Link tekst (alternatief voor text attribuut)
  * @slot start-icon - Custom icoon voor de tekst
@@ -41,8 +42,10 @@ import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { linkStyles } from './link.styles.js';
 import { template } from './link.template.js';
+import { withTranslations } from '../../../utilities/with-translations.js';
+import { nlddLinkTranslations } from './link.i18n.js';
 import './../../content/icon/icon.js';
-let NLDDLink = class NLDDLink extends LitElement {
+let NLDDLink = class NLDDLink extends withTranslations(LitElement, nlddLinkTranslations) {
     constructor() {
         super(...arguments);
         this.href = undefined;

package/dist/components/navigation/link/link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG~~;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,8BAA8B,CAAC;AAK/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;~~IAAjC~~;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAuB,SAAS,CAAC;QAMpC,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,YAAO,GAAG,EAAE,CAAC;QAGb,oBAAe,GAAG,EAAE,CAAC;QAGrB,aAAQ,GAAG,KAAK,CAAC;IAwBlB,CAAC;IAtBQ,YAAY,CAAC,CAAa;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAED,gBAAgB;IAChB,YAAY;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACzD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACtB,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;YAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC,CAAC;IACJ,CAAC;;AAlDe,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACL;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;yCACrC;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC1B;AA5BL,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAoDpB"}
1	+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/link/link.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,~~yBA4ItB~~,CAAC"}
1	+ {"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBA6JtB,CAAC"}

package/dist/components/navigation/link/link.styles.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const linkStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */
@@ -140,5 +143,19 @@ export const linkStyles = css `
 	:host([size="inherit"]) .link__end-icon {
 		top: 0.2em;
 	}
+	/* Visually-hidden "opens in new tab" announcement (target="_blank"); part of
+	   the link's accessible name but never shown. Standard visually-hidden recipe. */
+	.link__opens-in-new-tab-hint {
+		position: absolute;
+		margin: -1px;
+		border: 0;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+		padding: 0;
+		white-space: nowrap;
+		clip-path: inset(50%);
+	}
 `;
 //# sourceMappingURL=link.styles.js.map

package/dist/components/navigation/link/link.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E~~,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA~~;;;;;;;;;;IAUzB~~,kBAAkB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIrB~~,CAAC"}
1	+ {"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAazB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJrB,CAAC"}

package/dist/components/navigation/link/link.template.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,~~wCA0BhE~~"}
1	+ {"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,wCAuChE"}

package/dist/components/navigation/link/link.template.js CHANGED Viewed

@@ -1,6 +1,18 @@
 import { html, nothing } from 'lit';
 export function template(helpers) {
     const resolvedRel = this._resolvedRel();
+    // A new-tab link is a change of context, so announce it (WCAG 2.1 SC 3.2.2).
+    // Suppressed when disabled (the <a> carries no href, so it doesn't navigate).
+    const opensInNewTabHint = !this.disabled && this.href && this.target === '_blank'
+        ? this._t('components.link.opens-in-new-tab-text')
+        : '';
+    // aria-label wins the accessible-name cascade, so when one is set the hint
+    // must live inside it; otherwise the name is content-derived (text or slot)
+    // and the visually-hidden span below appends the hint to it.
+    const ariaLabel = this.accessibleLabel
+        ? [this.accessibleLabel, opensInNewTabHint].filter(Boolean).join(', ')
+        : nothing;
+    const renderOpensInNewTabHint = !!opensInNewTabHint && !this.accessibleLabel;
     // Icons render in both modes:
     // - sized mode: inline-flex container + gap controls spacing
     // - inherit mode: inline container, the whitespace text node between
@@ -13,7 +25,7 @@ export function template(helpers) {
 			target=${this.disabled ? nothing : (this.target || nothing)}
 			rel=${this.disabled ? nothing : (resolvedRel || nothing)}
 			aria-disabled=${this.disabled ? 'true' : nothing}
-			aria-label=${this.accessibleLabel || nothing}
+			aria-label=${ariaLabel}
 			@click=${helpers.handleClick}
 		>
 			${this.startIcon ? html `
@@ -23,6 +35,7 @@ export function template(helpers) {
 			${this.endIcon ? html `
 				<span class="link__end-icon"><nldd-icon name=${this.endIcon}></nldd-icon></span>
 			` : html `<slot name="end-icon"></slot>`}
+			${renderOpensInNewTabHint ? html `<span class="link__opens-in-new-tab-hint">${opensInNewTabHint}</span>` : nothing}
 		</a>
 	`;
 }

package/dist/components/navigation/link/link.template.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,MAAM,UAAU,QAAQ,CAAiB,OAAwB;IAChE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACxC,8BAA8B;IAC9B,6DAA6D;IAC7D,qEAAqE;IACrE,uEAAuE;IACvE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;UAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;cAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;SACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC;mBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,~~IAAI,CAAC,eAAe,IAAI,OAAO~~;~~YACnC~~,OAAO,CAAC,WAAW;;KAE1B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;qDAC2B,IAAI,CAAC,SAAS;IAC/D,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;+BACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;KACrE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;mDAC2B,IAAI,CAAC,OAAO;IAC3D,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;;~~EAExC~~,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,MAAM,UAAU,QAAQ,CAAiB,OAAwB;IAChE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACxC,6EAA6E;IAC7E,8EAA8E;IAC9E,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;QAChF,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,uCAAuC,CAAC;QAClD,CAAC,CAAC,EAAE,CAAC;IACN,2EAA2E;IAC3E,4EAA4E;IAC5E,6DAA6D;IAC7D,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe;QACrC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACtE,CAAC,CAAC,OAAO,CAAC;IACX,MAAM,uBAAuB,GAAG,CAAC,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;IAC7E,8BAA8B;IAC9B,6DAA6D;IAC7D,qEAAqE;IACrE,uEAAuE;IACvE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;UAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;cAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;SACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC;mBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,SAAS;YACb,OAAO,CAAC,WAAW;;KAE1B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;qDAC2B,IAAI,CAAC,SAAS;IAC/D,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;+BACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;KACrE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;mDAC2B,IAAI,CAAC,OAAO;IAC3D,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,iBAAiB,SAAS,CAAC,CAAC,CAAC,OAAO;;EAElH,CAAC;AACH,CAAC"}

package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,~~yBAqCzB~~,CAAC"}
1	+ {"version":3,"file":"menu-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,yBAwCzB,CAAC"}

package/dist/components/navigation/menu-bar/menu-bar.styles.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const menuBarStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */

package/dist/components/navigation/menu-bar/menu-bar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E~~,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA~~;;;;;;IAM5B~~,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}
1	+ {"version":3,"file":"menu-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;IAS5B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,~~yBAkL7B~~,CAAC"}
1	+ {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBAqL7B,CAAC"}

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const menuBarItemStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */

package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E~~,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA~~;;;;;;;;;;IAUhC~~,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKrB,CAAC"}
1	+ {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAahC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKrB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,~~yBA4R5B~~,CAAC"}
1	+ {"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBA+R5B,CAAC"}

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

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const paginationStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */

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

	@@ -1 +1 @@
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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAE7E~~,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA~~;;;;;;;;;IAS~~/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRrB,CAAC"}
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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;IAY/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRrB,CAAC"}

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

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

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

@@ -1,6 +1,9 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
 export const skipLinkStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 	/* # Host */

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

	@@ -1 +1 @@
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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAG7E~~,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA~~;;;;;;;;;;;IAW7B~~,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDrB,CAAC"}
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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAc7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDrB,CAAC"}