@nldd/design-system 0.8.37 → 0.8.39

package/dist/components/content/tooltip/tooltip.js

@@ -5,13 +5,22 @@
  * Gebruikt `display: contents` zodat het de layout van het child niet beïnvloedt.
  *
  * @element nldd-tooltip
- * @attr {string} text - Tooltip tekst
- * @attr {string} placement - Positie: 'top' | 'bottom' | 'left' | 'right' (standaard: 'bottom'; op touch devices automatisch 'top')
+ * @attr {string}  text      - Tooltip tekst
+ * @attr {string}  placement - Positie: 'top' | 'bottom' | 'left' | 'right' (standaard: 'bottom'; op touch devices automatisch 'top')
+ * @attr {boolean} disabled  - Wanneer true wordt de tooltip nooit getoond.
+ *                              Hover/focus events op de trigger worden
+ *                              genegeerd; een al zichtbare tooltip wordt
+ *                              direct verborgen. Voor consumers die het
+ *                              tooltip-gedrag conditioneel willen schakelen
+ *                              (bv. alleen tonen wanneer tekst getrunceerd is).
  *
  * @slot - Het element waarop de tooltip wordt getoond
  *
- * @note Gebruikt position: fixed + floating-ui strategy: 'fixed'. Positionering kan
- * breken wanneer een voorouder-element transform, filter of will-change heeft.
+ * @note Rendert via de native Popover API (`popover="manual"`) in de top
+ * layer. Daardoor escape de tooltip alle ancestor stacking contexts en
+ * `overflow: hidden` clipping — geen z-index gevechten meer met overlay-
+ * containers, panes of transform-containers. Positionering blijft via
+ * Floating UI met `strategy: 'fixed'`.
  *
  * @note aria-describedby werkt alleen wanneer het trigger element in de light DOM staat.
  * Bij web components als trigger (met eigen shadow DOM) is de koppeling een bekende
@@ -37,23 +46,29 @@ import { tooltipTemplate } from './tooltip.template.js';
 import { isTouchMode } from '../../../utilities/input-modality.js';
 let tooltipCounter = 0;
 const coarsePointerQuery = matchMedia('(pointer: coarse)');
+// Defaults mirror the values in tooltip.styles.ts. Used as fallback when the
+// CSS variable is unset or non-numeric — most often in SSR / early-load
+// environments where styles haven't reached the element yet. Without the
+// fallback, parseInt('') returns NaN and setTimeout silently coerces it to
+// 0ms, so the tooltip would show instantly. Keep these in sync with CSS.
+const DEFAULT_SHOW_DELAY_MS = 700;
+const DEFAULT_HIDE_DELAY_MS = 50;
 let NLDDTooltip = class NLDDTooltip extends LitElement {
     constructor() {
         super(...arguments);
         this.text = '';
         this.placement = 'bottom';
+        this.disabled = false;
         this._visible = false;
-        this._focusVisible = false;
         this._tooltipId = `nldd-tooltip-${++tooltipCounter}`;
         this._hideTimeout = null;
+        this._showTimeout = null;
         this._descriptionEl = null;
         this._currentTrigger = null;
         this._boundSlotChange = () => this._syncAriaDescribedBy();
         this._handleKeyDown = (e) => {
-            if (e.key === 'Escape' && this._visible) {
+            if (e.key === 'Escape' && this._visible)
                 this._visible = false;
-                this._focusVisible = false;
-            }
         };
     }
     get _effectivePlacement() {
@@ -71,12 +86,32 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         this.shadowRoot?.querySelector('slot')?.addEventListener('slotchange', this._boundSlotChange);
     }
     updated(changed) {
-        if (changed.has('_visible') && this._visible) {
-            this._updatePosition();
+        if (changed.has('_visible')) {
+            const tooltip = this._getTooltipElement();
+            if (tooltip) {
+                if (this._visible) {
+                    if (!tooltip.matches(':popover-open'))
+                        tooltip.showPopover();
+                    this._updatePosition();
+                }
+                else if (tooltip.matches(':popover-open')) {
+                    tooltip.hidePopover();
+                }
+            }
         }
-        if (changed.has('text')) {
+        if (changed.has('text') || changed.has('disabled')) {
             this._syncAriaDescribedBy();
         }
+        if (changed.has('disabled') && this.disabled) {
+            // Cancel any pending show — without this the timer fires after
+            // disabled is set and re-opens the tooltip.
+            if (this._showTimeout) {
+                clearTimeout(this._showTimeout);
+                this._showTimeout = null;
+            }
+            if (this._visible)
+                this._visible = false;
+        }
     }
     _syncAriaDescribedBy() {
         const trigger = this._getTriggerElement();
@@ -92,7 +127,12 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         if (trigger.getRootNode() !== document) {
             return;
         }
-        if (this.text) {
+        // Suppress the description when disabled — same intent as hiding the
+        // visual popover. Without this, screen readers would still announce
+        // the redundant tooltip text (the primary use-case for `disabled` is
+        // `?disabled=${!isShort}` in document-tab-bar, where the full label is
+        // already visible inline).
+        if (this.text && !this.disabled) {
             if (!this._descriptionEl) {
                 this._descriptionEl = document.createElement('span');
                 this._descriptionEl.id = this._tooltipId;
@@ -124,6 +164,8 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         return this.shadowRoot?.querySelector('.tooltip') ?? null;
     }
     _handleTriggerEnter() {
+        if (this.disabled)
+            return;
         if (!this.text)
             return;
         if (coarsePointerQuery.matches)
@@ -132,10 +174,22 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
             clearTimeout(this._hideTimeout);
             this._hideTimeout = null;
         }
-        this._focusVisible = false;
-        this._visible = true;
+        // Pointer-hover show delay: schedule via JS now that the visibility
+        // transition is binary (popover open/closed) and the CSS no longer
+        // holds the delay. Read the same `--_show-delay` token so the value
+        // stays consumer-tunable from CSS.
+        if (this._showTimeout)
+            clearTimeout(this._showTimeout);
+        const parsedShow = parseInt(getComputedStyle(this).getPropertyValue('--_show-delay'), 10);
+        const showDelay = Number.isFinite(parsedShow) ? parsedShow : DEFAULT_SHOW_DELAY_MS;
+        this._showTimeout = setTimeout(() => {
+            this._showTimeout = null;
+            this._visible = true;
+        }, showDelay);
     }
     _handleFocusIn() {
+        if (this.disabled)
+            return;
         if (!this.text)
             return;
         // Touch taps can focus elements with explicit `tabindex` (e.g. tab-bar's
@@ -147,14 +201,24 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
             clearTimeout(this._hideTimeout);
             this._hideTimeout = null;
         }
-        this._focusVisible = true;
+        // Focus-triggered show: no delay (keyboard intent is explicit).
+        if (this._showTimeout) {
+            clearTimeout(this._showTimeout);
+            this._showTimeout = null;
+        }
         this._visible = true;
     }
     _handleTriggerLeave() {
+        // Cancel a scheduled show — leaving before delay elapsed means no show.
+        if (this._showTimeout) {
+            clearTimeout(this._showTimeout);
+            this._showTimeout = null;
+        }
         if (this._hideTimeout) {
             clearTimeout(this._hideTimeout);
         }
-        const hideDelay = parseInt(getComputedStyle(this).getPropertyValue('--_hide-delay'), 10);
+        const parsedHide = parseInt(getComputedStyle(this).getPropertyValue('--_hide-delay'), 10);
+        const hideDelay = Number.isFinite(parsedHide) ? parsedHide : DEFAULT_HIDE_DELAY_MS;
         this._hideTimeout = setTimeout(() => {
             this._visible = false;
             this._hideTimeout = null;
@@ -204,6 +268,10 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
             clearTimeout(this._hideTimeout);
             this._hideTimeout = null;
         }
+        if (this._showTimeout) {
+            clearTimeout(this._showTimeout);
+            this._showTimeout = null;
+        }
         // Clean up aria-describedby on trigger and remove description span from body
         this._currentTrigger?.removeAttribute('aria-describedby');
         this._currentTrigger = null;
@@ -222,11 +290,11 @@ __decorate([
     property({ type: String, reflect: true })
 ], NLDDTooltip.prototype, "placement", void 0);
 __decorate([
-    state()
-], NLDDTooltip.prototype, "_visible", void 0);
+    property({ type: Boolean, reflect: true })
+], NLDDTooltip.prototype, "disabled", void 0);
 __decorate([
     state()
-], NLDDTooltip.prototype, "_focusVisible", void 0);
+], NLDDTooltip.prototype, "_visible", void 0);
 NLDDTooltip = __decorate([
     customElement('nldd-tooltip')
 ], NLDDTooltip);

package/dist/components/content/tooltip/tooltip.js.map

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

package/dist/components/content/tooltip/tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyFzB,CAAC"}
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAmFzB,CAAC"}

package/dist/components/content/tooltip/tooltip.styles.js

@@ -25,35 +25,29 @@ export const tooltipStyles = css `
 
 	.tooltip {
 		position: fixed;
-		z-index: var(--_z-index);
+		margin: 0;
+		padding: 0;
+		border: none;
+		background: none;
 		opacity: 0;
-		pointer-events: none;
-		visibility: hidden;
 		transition:
 			opacity var(--_hide-duration) ease,
-			visibility 0ms linear var(--_hide-duration),
-			pointer-events 0ms linear var(--_hide-duration);
+			display var(--_hide-duration) allow-discrete,
+			overlay var(--_hide-duration) allow-discrete;
 	}
 
-	.tooltip.is-visible {
+	.tooltip:popover-open {
 		opacity: 1;
-		visibility: visible;
-		pointer-events: auto;
 		transition:
-			opacity var(--_show-duration) ease var(--_show-delay),
-			visibility 0ms linear,
-			pointer-events 0ms linear var(--_show-delay);
+			opacity var(--_show-duration) ease,
+			display var(--_show-duration) allow-discrete,
+			overlay var(--_show-duration) allow-discrete;
 	}
 
-	/* Focus triggers: geen show delay */
-	.tooltip.is-focus-visible {
-		opacity: 1;
-		visibility: visible;
-		pointer-events: auto;
-		transition:
-			opacity var(--_show-duration) ease,
-			visibility 0ms linear,
-			pointer-events 0ms linear;
+	@starting-style {
+		.tooltip:popover-open {
+			opacity: 0;
+		}
 	}
 
 

package/dist/components/content/tooltip/tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF/B,CAAC"}
+{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmF/B,CAAC"}

package/dist/components/content/tooltip/tooltip.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,GAAG,cAAc,CAgBtE"}
+{"version":3,"file":"tooltip.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,GAAG,cAAc,CAiBtE"}

package/dist/components/content/tooltip/tooltip.template.js

@@ -1,5 +1,4 @@
 import { html } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
 export function tooltipTemplate(component) {
     return html `
 		<slot
@@ -8,7 +7,8 @@ export function tooltipTemplate(component) {
 			@focusin=${component._handleFocusIn}
 			@focusout=${component._handleFocusOut}
 		></slot>
-		<div class=${classMap({ tooltip: true, 'is-visible': component._visible && !component._focusVisible, 'is-focus-visible': component._visible && component._focusVisible })}
+		<div class="tooltip"
+			popover="manual"
 			aria-hidden="true"
 			@mouseenter=${component._handleTooltipEnter}
 			@mouseleave=${component._handleTooltipLeave}

package/dist/components/content/tooltip/tooltip.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.template.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,eAAe,CAAC,SAAsB;IACrD,OAAO,IAAI,CAAA;;iBAEK,SAAS,CAAC,mBAAmB;iBAC7B,SAAS,CAAC,mBAAmB;cAChC,SAAS,CAAC,cAAc;eACvB,SAAS,CAAC,eAAe;;eAEzB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,kBAAkB,EAAE,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;;iBAE1J,SAAS,CAAC,mBAAmB;iBAC7B,SAAS,CAAC,mBAAmB;;gCAEd,SAAS,CAAC,IAAI;;EAE5C,CAAC;AACH,CAAC"}
+{"version":3,"file":"tooltip.template.js","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,MAAM,UAAU,eAAe,CAAC,SAAsB;IACrD,OAAO,IAAI,CAAA;;iBAEK,SAAS,CAAC,mBAAmB;iBAC7B,SAAS,CAAC,mBAAmB;cAChC,SAAS,CAAC,cAAc;eACvB,SAAS,CAAC,eAAe;;;;;iBAKvB,SAAS,CAAC,mBAAmB;iBAC7B,SAAS,CAAC,mBAAmB;;gCAEd,SAAS,CAAC,IAAI;;EAE5C,CAAC;AACH,CAAC"}

package/dist/components/forms/form/form.d.ts

@@ -53,8 +53,11 @@
  * @attr {string}  autocomplete     - 'on' | 'off' (form-level autofill toggle)
  * @attr {string}  label-alignment  - Default `label-alignment` voor descendant
  *                                    nldd-form-field en nldd-form-actions
- *                                    ('top' | 'right' | 'left'). Individuele
- *                                    elementen kunnen het overrulen.
+ *                                    ('top' | 'right' | 'left'). Wordt naar
+ *                                    descendants gepropageerd als
+ *                                    `form-label-alignment`. Een eigen
+ *                                    `label-alignment` op de descendant
+ *                                    heeft voorrang via CSS-cascade.
  *
  * @prop {HTMLFormElement | null} form - The inner <form> element (read-only).
  *                                       Use voor `form.checkValidity()`,
@@ -100,30 +103,22 @@ export declare class NLDDForm extends HTMLElement {
     attributeChangedCallback(name: string, _oldVal: string | null, newVal: string | null): void;
     /**
      * Push `label-alignment` to descendant nldd-form-field and nldd-form-actions
-     * elements that don't have an explicit own value. We track inherited
-     * assignments via a data-attribute so subsequent updates only touch the
-     * elements we previously inherited to — explicit per-element overrides
-     * are preserved.
+     * elements as a separate `form-label-alignment` attribute, defaulting to
+     * `'top'` when the form itself has no `label-alignment`. Descendant CSS
+     * uses `[label-alignment="X"]` first and falls back to
+     * `[form-label-alignment="X"]` when no own value is set, so a consumer's
+     * explicit `label-alignment` always wins automatically — without us having
+     * to track which elements we previously inherited to.
      *
-     * **Timing-subtleties (Lit reflect-default + MutationObserver race):**
+     * Always-setting (rather than only when the form has its own value) lets
+     * downstream selectors assume the attribute is present on every descendant
+     * inside an `nldd-form`, which keeps form.css's adjacent-sibling tight-gap
+     * rule simple.
      *
-     * Lit-based descendants (nldd-form-field, nldd-form-actions) reflecten hun
-     * default `label-alignment="top"` op het attribuut wanneer hun eerste
-     * update fired. Een naïeve `hasOwn`-check zou dan elke vers gemaakte
-     * descendant als "explicit own value" zien en propagation skippen.
-     *
-     * In praktijk werkt 't omdat:
-     * 1. Bij parsed HTML fires de form's connectedCallback VOORDAT children
-     *    upgraden — propagation set 'right' op het attribuut, child upgrade
-     *    leest dat als initial value (geen reflect-default-conflict).
-     * 2. Bij dynamic appendChild fires de MutationObserver na DOM-mutation
-     *    maar microtask-volgorde laat de propagation z'n attribuut zetten
-     *    voordat Lit's reflection 't kan overschrijven (Lit reflect = ook
-     *    microtask, maar de MO callback runt eerder in deze flow).
-     *
-     * Regression test: form.test.ts "propageert ook naar later toegevoegde
-     * form-actions children" verifieert deze flow. Verander deze guard
-     * niet zonder die test te draaien.
+     * The two-attribute split also avoids the historical Lit reflect-default
+     * vs MutationObserver timing race: we never touch `label-alignment` on
+     * the descendant, so a freshly upgraded Lit element reflecting its default
+     * doesn't conflict with the form's intent.
      */
     private _propagateLabelAlignment;
     private _mirrorAttributes;

package/dist/components/forms/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AAeH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAClD,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAoEzB,oBAAoB,IAAI,IAAI;IAK5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAClD,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAoEzB,oBAAoB,IAAI,IAAI;IAK5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/forms/form/form.js

@@ -53,8 +53,11 @@
  * @attr {string}  autocomplete     - 'on' | 'off' (form-level autofill toggle)
  * @attr {string}  label-alignment  - Default `label-alignment` voor descendant
  *                                    nldd-form-field en nldd-form-actions
- *                                    ('top' | 'right' | 'left'). Individuele
- *                                    elementen kunnen het overrulen.
+ *                                    ('top' | 'right' | 'left'). Wordt naar
+ *                                    descendants gepropageerd als
+ *                                    `form-label-alignment`. Een eigen
+ *                                    `label-alignment` op de descendant
+ *                                    heeft voorrang via CSS-cascade.
  *
  * @prop {HTMLFormElement | null} form - The inner <form> element (read-only).
  *                                       Use voor `form.checkValidity()`,
@@ -99,7 +102,6 @@ const FORWARDED_ATTRIBUTES = [
     'autocomplete',
 ];
 const DESCENDANT_SELECTOR = 'nldd-form-field, nldd-form-actions';
-const INHERITED_MARKER = 'formAlignmentInherited';
 export class NLDDForm extends HTMLElement {
     constructor() {
         super(...arguments);
@@ -197,48 +199,26 @@ export class NLDDForm extends HTMLElement {
     }
     /**
      * Push `label-alignment` to descendant nldd-form-field and nldd-form-actions
-     * elements that don't have an explicit own value. We track inherited
-     * assignments via a data-attribute so subsequent updates only touch the
-     * elements we previously inherited to — explicit per-element overrides
-     * are preserved.
+     * elements as a separate `form-label-alignment` attribute, defaulting to
+     * `'top'` when the form itself has no `label-alignment`. Descendant CSS
+     * uses `[label-alignment="X"]` first and falls back to
+     * `[form-label-alignment="X"]` when no own value is set, so a consumer's
+     * explicit `label-alignment` always wins automatically — without us having
+     * to track which elements we previously inherited to.
      *
-     * **Timing-subtleties (Lit reflect-default + MutationObserver race):**
+     * Always-setting (rather than only when the form has its own value) lets
+     * downstream selectors assume the attribute is present on every descendant
+     * inside an `nldd-form`, which keeps form.css's adjacent-sibling tight-gap
+     * rule simple.
      *
-     * Lit-based descendants (nldd-form-field, nldd-form-actions) reflecten hun
-     * default `label-alignment="top"` op het attribuut wanneer hun eerste
-     * update fired. Een naïeve `hasOwn`-check zou dan elke vers gemaakte
-     * descendant als "explicit own value" zien en propagation skippen.
-     *
-     * In praktijk werkt 't omdat:
-     * 1. Bij parsed HTML fires de form's connectedCallback VOORDAT children
-     *    upgraden — propagation set 'right' op het attribuut, child upgrade
-     *    leest dat als initial value (geen reflect-default-conflict).
-     * 2. Bij dynamic appendChild fires de MutationObserver na DOM-mutation
-     *    maar microtask-volgorde laat de propagation z'n attribuut zetten
-     *    voordat Lit's reflection 't kan overschrijven (Lit reflect = ook
-     *    microtask, maar de MO callback runt eerder in deze flow).
-     *
-     * Regression test: form.test.ts "propageert ook naar later toegevoegde
-     * form-actions children" verifieert deze flow. Verander deze guard
-     * niet zonder die test te draaien.
+     * The two-attribute split also avoids the historical Lit reflect-default
+     * vs MutationObserver timing race: we never touch `label-alignment` on
+     * the descendant, so a freshly upgraded Lit element reflecting its default
+     * doesn't conflict with the form's intent.
      */
     _propagateLabelAlignment(value) {
         const fields = this.querySelectorAll(DESCENDANT_SELECTOR);
-        fields.forEach(f => {
-            const isInherited = f.dataset[INHERITED_MARKER] === 'true';
-            const hasOwn = f.hasAttribute('label-alignment');
-            // Skip elements that have an explicit own attribute we didn't set
-            if (hasOwn && !isInherited)
-                return;
-            if (value) {
-                f.setAttribute('label-alignment', value);
-                f.dataset[INHERITED_MARKER] = 'true';
-            }
-            else if (isInherited) {
-                f.removeAttribute('label-alignment');
-                delete f.dataset[INHERITED_MARKER];
-            }
-        });
+        fields.forEach(f => f.setAttribute('form-label-alignment', value ?? 'top'));
     }
     _mirrorAttributes() {
         if (!this._form)

package/dist/components/forms/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AAEH,MAAM,oBAAoB,GAAG;IAC5B,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,cAAc;CACL,CAAC;AAEX,MAAM,mBAAmB,GAAG,oCAAoC,CAAC;AACjE,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AAElD,MAAM,OAAO,QAAS,SAAQ,WAAW;IAAzC;;QAKS,UAAK,GAA2B,IAAI,CAAC;QACrC,cAAS,GAA4B,IAAI,CAAC;QAClD,wEAAwE;QAChE,sBAAiB,GAAG,KAAK,CAAC;IA6InC,CAAC;IApJA,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,GAAG,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;IACrD,CAAC;IAOD,iBAAiB;QAChB,uEAAuE;QACvE,oEAAoE;QACpE,gCAAgC;QAChC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,8DAA8D;YAC9D,iEAAiE;YACjE,qEAAqE;YACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACrD,IAAI,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,KAAK,GAAG,QAA2B,CAAC;gBACzC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACP,oEAAoE;gBACpE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAEzB,kDAAkD;gBAClD,iEAAiE;gBACjE,gEAAgE;gBAChE,6DAA6D;gBAC7D,gEAAgE;gBAChE,+DAA+D;gBAC/D,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACpD,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE,CAAC;oBACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC;gBACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QAED,wEAAwE;QACxE,oEAAoE;QACpE,sEAAsE;QACtE,uBAAuB;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE;gBACjD,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;oBAC3B,wDAAwD;oBACxD,yDAAyD;oBACzD,wDAAwD;oBACxD,yCAAyC;oBACzC,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI;wBAAE,SAAS;oBAChC,qDAAqD;oBACrD,sDAAsD;oBACtD,IAAI,YAAY;wBAAE,SAAS;oBAC3B,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;wBAC3B,IAAI,IAAI,KAAK,IAAI;4BAAE,OAAO;wBAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC,CAAC,CAAC;gBACJ,CAAC;gBACD,sDAAsD;gBACtD,8DAA8D;gBAC9D,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;YACH,yDAAyD;YACzD,gEAAgE;YAChE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAClE,CAAC;QAED,4EAA4E;QAC5E,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,OAAsB,EAAE,MAAqB;QACnF,IAAI,IAAI,KAAK,iBAAiB,EAAE,CAAC;YAChC,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;YACtC,OAAO;QACR,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,MAAM,KAAK,IAAI;YAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;YACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACK,wBAAwB,CAAC,KAAoB;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAClB,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;YAC3D,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;YACjD,kEAAkE;YAClE,IAAI,MAAM,IAAI,CAAC,WAAW;gBAAE,OAAO;YACnC,IAAI,KAAK,EAAE,CAAC;gBACX,CAAC,CAAC,YAAY,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;gBACzC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC;YACtC,CAAC;iBAAM,IAAI,WAAW,EAAE,CAAC;gBACxB,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;gBACrC,OAAO,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;YACpC,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,KAAK,MAAM,IAAI,IAAI,oBAAoB,EAAE,CAAC;YACzC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,GAAG,KAAK,IAAI;gBAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC;IACF,CAAC;IAED,uEAAuE;IACvE,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;CACD;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACtC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC9C,CAAC"}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"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"}

package/dist/components/forms/form-actions/form-actions.d.ts

@@ -9,10 +9,11 @@
  * zou staan.
  *
  * Erft `label-alignment` automatisch over van een wrappende `<nldd-form>`:
- * de form mirrort z'n eigen `label-alignment` naar descendant
- * `nldd-form-actions` (en `nldd-form-field`) via een MutationObserver
- * en JS-attribuut-propagatie. Een expliciete eigen `label-alignment` op de
- * form-actions zelf wordt nooit overschreven.
+ * de form propageert z'n eigen `label-alignment` als `form-label-alignment`
+ * naar descendant `nldd-form-actions` (en `nldd-form-field`) via een
+ * MutationObserver. Een expliciete eigen `label-alignment` op de form-actions
+ * wint via CSS-cascade — de form-code raakt het `label-alignment` attribuut
+ * van de descendant nooit aan.
  *
  *     <nldd-form label-alignment="right">
  *         <nldd-form-field>...</nldd-form-field>
@@ -25,8 +26,12 @@
  *
  * @element nldd-form-actions
  *
- * @attr {string} label-alignment - 'top' (default) | 'right' | 'left'.
- *                                  Wordt geërfd van een wrappende nldd-form als niet expliciet gezet.
+ * @attr {string} label-alignment      - 'top' (default) | 'right' | 'left'.
+ *                                       Een eigen waarde wint altijd over de
+ *                                       inherited form-label-alignment.
+ * @attr {string} form-label-alignment - Door wrappende nldd-form gezet als
+ *                                       fallback. Niet zelf zetten in
+ *                                       consumer-code.
  *
  * @slot - Actie-elementen (button, button-group, etc.)
  */
@@ -34,7 +39,13 @@ import { LitElement } from 'lit';
 export type LabelAlignment = 'top' | 'left' | 'right';
 export declare class NLDDFormActions extends LitElement {
     static styles: import("lit").CSSResult;
-    labelAlignment: LabelAlignment;
+    /**
+     * Default is `undefined` (and not `'top'`) so Lit doesn't reflect the
+     * default value to the attribute on first update. Zie `nldd-form-field`
+     * voor uitleg — dezelfde reden: form-label-alignment fallback CSS
+     * werkt op `:not([label-alignment])`.
+     */
+    labelAlignment: LabelAlignment | undefined;
     render(): import("lit-html").TemplateResult;
 }
 declare global {

package/dist/components/forms/form-actions/form-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,cAAc,EAAE,cAAc,CAAS;IAE9B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
+{"version":3,"file":"form-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAE3C;;;;;OAKG;IAEH,cAAc,EAAE,cAAc,GAAG,SAAS,CAAa;IAE9C,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}

package/dist/components/forms/form-actions/form-actions.js

@@ -9,10 +9,11 @@
  * zou staan.
  *
  * Erft `label-alignment` automatisch over van een wrappende `<nldd-form>`:
- * de form mirrort z'n eigen `label-alignment` naar descendant
- * `nldd-form-actions` (en `nldd-form-field`) via een MutationObserver
- * en JS-attribuut-propagatie. Een expliciete eigen `label-alignment` op de
- * form-actions zelf wordt nooit overschreven.
+ * de form propageert z'n eigen `label-alignment` als `form-label-alignment`
+ * naar descendant `nldd-form-actions` (en `nldd-form-field`) via een
+ * MutationObserver. Een expliciete eigen `label-alignment` op de form-actions
+ * wint via CSS-cascade — de form-code raakt het `label-alignment` attribuut
+ * van de descendant nooit aan.
  *
  *     <nldd-form label-alignment="right">
  *         <nldd-form-field>...</nldd-form-field>
@@ -25,8 +26,12 @@
  *
  * @element nldd-form-actions
  *
- * @attr {string} label-alignment - 'top' (default) | 'right' | 'left'.
- *                                  Wordt geërfd van een wrappende nldd-form als niet expliciet gezet.
+ * @attr {string} label-alignment      - 'top' (default) | 'right' | 'left'.
+ *                                       Een eigen waarde wint altijd over de
+ *                                       inherited form-label-alignment.
+ * @attr {string} form-label-alignment - Door wrappende nldd-form gezet als
+ *                                       fallback. Niet zelf zetten in
+ *                                       consumer-code.
  *
  * @slot - Actie-elementen (button, button-group, etc.)
  */
@@ -43,7 +48,13 @@ import { formActionsTemplate } from './form-actions.template.js';
 let NLDDFormActions = class NLDDFormActions extends LitElement {
     constructor() {
         super(...arguments);
-        this.labelAlignment = 'top';
+        /**
+         * Default is `undefined` (and not `'top'`) so Lit doesn't reflect the
+         * default value to the attribute on first update. Zie `nldd-form-field`
+         * voor uitleg — dezelfde reden: form-label-alignment fallback CSS
+         * werkt op `:not([label-alignment])`.
+         */
+        this.labelAlignment = undefined;
     }
     render() {
         return formActionsTemplate();

package/dist/components/forms/form-actions/form-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-actions.js","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAK1D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIN,mBAAc,GAAmB,KAAK,CAAC;IAKxC,CAAC;IAHS,MAAM;QACd,OAAO,mBAAmB,EAAE,CAAC;IAC9B,CAAC;;AAPe,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;uDACjC;AAJ3B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAS3B"}
+{"version":3,"file":"form-actions.js","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAK1D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGN;;;;;WAKG;QAEH,mBAAc,GAA+B,SAAS,CAAC;IAKxD,CAAC;IAHS,MAAM;QACd,OAAO,mBAAmB,EAAE,CAAC;IAC9B,CAAC;;AAbe,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAS3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;uDACjB;AAV3C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAe3B"}

package/dist/components/forms/form-actions/form-actions.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-actions.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAqD7B,CAAC"}
+{"version":3,"file":"form-actions.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAyD7B,CAAC"}