@nldd/design-system 0.8.79 → 0.8.82

package/dist/utilities/implicit-submission.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Enter in a single-line field submits the form it belongs to.
+ *
+ * The browser does this by itself and calls it implicit submission, but only
+ * for a control that has a form owner. The real `<input>` of an nldd field
+ * lives in a shadow root, and form ownership does not cross that boundary:
+ * `input.form` is null, so the browser has no form to submit and nothing
+ * happens. The component is form-associated through ElementInternals, which
+ * does know the form, so the behavior is handed back over that connection. It
+ * mirrors what `nldd-button type="submit"` already does from the other side.
+ */
+/**
+ * Submits the form this field belongs to, under the same conditions the browser
+ * uses.
+ *
+ * Does nothing when something already handled the Enter. A component that owns
+ * the key calls `preventDefault` when it acts on it and leaves it alone when it
+ * does not, so an open date picker keeps its Enter and a token field that
+ * commits nothing lets the form through.
+ *
+ * Without a submit button the specification submits only when the form holds a
+ * single field that blocks implicit submission. Reproducing that rule matters
+ * more than it looks: an Enter that behaves differently inside this design
+ * system than outside it is worse than one that does nothing.
+ *
+ * @returns whether the form was submitted, so a caller can tell.
+ */
+export declare function submitOnEnter(host: HTMLElement & {
+    internals: ElementInternals;
+}, event: KeyboardEvent): boolean;
+//# sourceMappingURL=implicit-submission.d.ts.map

package/dist/utilities/implicit-submission.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implicit-submission.d.ts","sourceRoot":"","sources":["../../src/utilities/implicit-submission.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA0BH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAC5B,IAAI,EAAE,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,EACnD,KAAK,EAAE,aAAa,GAClB,OAAO,CAcT"}

package/dist/utilities/implicit-submission.js

@@ -0,0 +1,65 @@
+/**
+ * Enter in a single-line field submits the form it belongs to.
+ *
+ * The browser does this by itself and calls it implicit submission, but only
+ * for a control that has a form owner. The real `<input>` of an nldd field
+ * lives in a shadow root, and form ownership does not cross that boundary:
+ * `input.form` is null, so the browser has no form to submit and nothing
+ * happens. The component is form-associated through ElementInternals, which
+ * does know the form, so the behavior is handed back over that connection. It
+ * mirrors what `nldd-button type="submit"` already does from the other side.
+ */
+/** Input types that block implicit submission, per the HTML specification. */
+const BLOCKING_INPUT_TYPES = new Set([
+    'text', 'search', 'url', 'tel', 'email', 'password',
+    'date', 'month', 'week', 'time', 'datetime-local', 'number',
+]);
+/**
+ * Whether this control counts for the "more than one field" rule below. Native
+ * inputs are classified by type, the way the specification does it; an nldd
+ * field says so itself with `static blocksImplicitSubmission = true`.
+ */
+function blocksImplicitSubmission(el) {
+    if (el instanceof HTMLInputElement)
+        return BLOCKING_INPUT_TYPES.has(el.type);
+    return el.constructor.blocksImplicitSubmission === true;
+}
+/**
+ * The button the browser would press. A `<button>` without a type is a submit
+ * button, and `nldd-button type="submit"` carries the same attribute.
+ */
+function hasDefaultButton(form) {
+    return form.querySelector('button:not([type]), [type="submit"], [type="image"]') !== null;
+}
+/**
+ * Submits the form this field belongs to, under the same conditions the browser
+ * uses.
+ *
+ * Does nothing when something already handled the Enter. A component that owns
+ * the key calls `preventDefault` when it acts on it and leaves it alone when it
+ * does not, so an open date picker keeps its Enter and a token field that
+ * commits nothing lets the form through.
+ *
+ * Without a submit button the specification submits only when the form holds a
+ * single field that blocks implicit submission. Reproducing that rule matters
+ * more than it looks: an Enter that behaves differently inside this design
+ * system than outside it is worse than one that does nothing.
+ *
+ * @returns whether the form was submitted, so a caller can tell.
+ */
+export function submitOnEnter(host, event) {
+    if (event.key !== 'Enter' || event.isComposing || event.defaultPrevented)
+        return false;
+    const form = host.internals.form;
+    if (!form)
+        return false;
+    if (!hasDefaultButton(form)) {
+        const blocking = Array.from(form.elements).filter(blocksImplicitSubmission);
+        if (blocking.length > 1)
+            return false;
+    }
+    event.preventDefault();
+    form.requestSubmit();
+    return true;
+}
+//# sourceMappingURL=implicit-submission.js.map

package/dist/utilities/implicit-submission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implicit-submission.js","sourceRoot":"","sources":["../../src/utilities/implicit-submission.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,8EAA8E;AAC9E,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;IACnD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ;CAC3D,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAS,wBAAwB,CAAC,EAAW;IAC5C,IAAI,EAAE,YAAY,gBAAgB;QAAE,OAAO,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7E,OAAQ,EAAE,CAAC,WAAsD,CAAC,wBAAwB,KAAK,IAAI,CAAC;AACrG,CAAC;AAED;;;GAGG;AACH,SAAS,gBAAgB,CAAC,IAAqB;IAC9C,OAAO,IAAI,CAAC,aAAa,CAAC,qDAAqD,CAAC,KAAK,IAAI,CAAC;AAC3F,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAC5B,IAAmD,EACnD,KAAoB;IAEpB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO,KAAK,CAAC;IAEvF,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IACjC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC5E,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACrB,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/utilities/open-when-rendered.d.ts

@@ -0,0 +1,21 @@
+import type { LitElement } from 'lit';
+/**
+ * Defers an overlay's `show()` until the element has rendered its `<dialog>`.
+ *
+ * `show()` needs a dialog in the shadow root to call `showModal()` on. A consumer
+ * that opens an overlay in the same tick it is created — an overlay bound to
+ * `show=true` on a routed component, say — gets there first, and without this the
+ * call would silently do nothing with nothing to retry it: the overlay stays shut
+ * for good, which reads as a broken component rather than a race.
+ *
+ * Retried exactly once. If the dialog still is not there after the update, the
+ * element was never rendered at all, and opening again would only queue another
+ * retry against the same missing dialog.
+ *
+ * @param host The overlay element.
+ * @param getDialog Resolves the dialog from the shadow root.
+ * @param open Opens the overlay: the caller's own `show()`.
+ * @returns Cancels the pending open, for a `hide()` that overtakes it.
+ */
+export declare function openWhenRendered(host: LitElement, getDialog: () => HTMLDialogElement | null, open: () => void): () => void;
+//# sourceMappingURL=open-when-rendered.d.ts.map

package/dist/utilities/open-when-rendered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-when-rendered.d.ts","sourceRoot":"","sources":["../../src/utilities/open-when-rendered.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAC/B,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,iBAAiB,GAAG,IAAI,EACzC,IAAI,EAAE,MAAM,IAAI,GACd,MAAM,IAAI,CAWZ"}

package/dist/utilities/open-when-rendered.js

@@ -0,0 +1,30 @@
+/**
+ * Defers an overlay's `show()` until the element has rendered its `<dialog>`.
+ *
+ * `show()` needs a dialog in the shadow root to call `showModal()` on. A consumer
+ * that opens an overlay in the same tick it is created — an overlay bound to
+ * `show=true` on a routed component, say — gets there first, and without this the
+ * call would silently do nothing with nothing to retry it: the overlay stays shut
+ * for good, which reads as a broken component rather than a race.
+ *
+ * Retried exactly once. If the dialog still is not there after the update, the
+ * element was never rendered at all, and opening again would only queue another
+ * retry against the same missing dialog.
+ *
+ * @param host The overlay element.
+ * @param getDialog Resolves the dialog from the shadow root.
+ * @param open Opens the overlay: the caller's own `show()`.
+ * @returns Cancels the pending open, for a `hide()` that overtakes it.
+ */
+export function openWhenRendered(host, getDialog, open) {
+    let cancelled = false;
+    host.updateComplete.then(() => {
+        if (cancelled || !getDialog())
+            return;
+        open();
+    });
+    return () => {
+        cancelled = true;
+    };
+}
+//# sourceMappingURL=open-when-rendered.js.map

package/dist/utilities/open-when-rendered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-when-rendered.js","sourceRoot":"","sources":["../../src/utilities/open-when-rendered.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,gBAAgB,CAC/B,IAAgB,EAChB,SAAyC,EACzC,IAAgB;IAEhB,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;QAC7B,IAAI,SAAS,IAAI,CAAC,SAAS,EAAE;YAAE,OAAO;QACtC,IAAI,EAAE,CAAC;IACR,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,EAAE;QACX,SAAS,GAAG,IAAI,CAAC;IAClB,CAAC,CAAC;AACH,CAAC"}

package/dist/utilities/owned-attribute.d.ts

@@ -0,0 +1,19 @@
+/**
+ * An attribute one component hands to another without overruling what is
+ * already there.
+ *
+ * The closer to the control, the more specific, so the heavier it weighs. An
+ * `aria-label` on a slotted `<select>` beats the `accessible-label` on the
+ * wrapper around it, which beats the caption of the `nldd-form-field` above
+ * that. Every layer does two things and no more: it fills a gap, and it takes
+ * back only what it wrote itself.
+ *
+ * Without that second half a component reads "I have no name to give" as
+ * "remove the name that is there", which is how a documented way of naming a
+ * control quietly stopped working.
+ *
+ * @param applied what this component wrote here last time, or null
+ * @returns the new value to remember, to pass back in on the next call
+ */
+export declare function setOwnedAttribute(el: Element, name: string, value: string, applied: string | null): string | null;
+//# sourceMappingURL=owned-attribute.d.ts.map

package/dist/utilities/owned-attribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-attribute.d.ts","sourceRoot":"","sources":["../../src/utilities/owned-attribute.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAChC,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,GAAG,IAAI,GACpB,MAAM,GAAG,IAAI,CAcf"}

package/dist/utilities/owned-attribute.js

@@ -0,0 +1,32 @@
+/**
+ * An attribute one component hands to another without overruling what is
+ * already there.
+ *
+ * The closer to the control, the more specific, so the heavier it weighs. An
+ * `aria-label` on a slotted `<select>` beats the `accessible-label` on the
+ * wrapper around it, which beats the caption of the `nldd-form-field` above
+ * that. Every layer does two things and no more: it fills a gap, and it takes
+ * back only what it wrote itself.
+ *
+ * Without that second half a component reads "I have no name to give" as
+ * "remove the name that is there", which is how a documented way of naming a
+ * control quietly stopped working.
+ *
+ * @param applied what this component wrote here last time, or null
+ * @returns the new value to remember, to pass back in on the next call
+ */
+export function setOwnedAttribute(el, name, value, applied) {
+    const current = el.getAttribute(name);
+    // Someone else's value. Leave it alone, and keep remembering ours as it was,
+    // so a later change of theirs does not suddenly look like ours.
+    if (current !== null && current !== applied)
+        return applied;
+    if (value) {
+        el.setAttribute(name, value);
+        return value;
+    }
+    if (current !== null)
+        el.removeAttribute(name);
+    return null;
+}
+//# sourceMappingURL=owned-attribute.js.map

package/dist/utilities/owned-attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-attribute.js","sourceRoot":"","sources":["../../src/utilities/owned-attribute.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,iBAAiB,CAChC,EAAW,EACX,IAAY,EACZ,KAAa,EACb,OAAsB;IAEtB,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAEtC,6EAA6E;IAC7E,gEAAgE;IAChE,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,OAAO;QAAE,OAAO,OAAO,CAAC;IAE5D,IAAI,KAAK,EAAE,CAAC;QACX,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7B,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,OAAO,KAAK,IAAI;QAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/utilities/reflect-non-default.d.ts

@@ -1,7 +1,7 @@
 import type { ComplexAttributeConverter } from 'lit';
 /**
- * A Lit attribute converter for a reflected enum property whose DEFAULT value
- * should not appear in the DOM.
+ * A Lit attribute converter for a reflected property whose DEFAULT value should
+ * not appear in the DOM. Works for an enum (a string union) and for a number.
  *
  * It reflects any non-default value to the attribute (so `:host([prop="x"])`
  * styling and framework property binding keep working), but maps the default to
@@ -26,5 +26,5 @@ import type { ComplexAttributeConverter } from 'lit';
  * size: Size = 'md';
  * ```
  */
-export declare function reflectNonDefault<T extends string>(defaultValue: T): ComplexAttributeConverter<T>;
+export declare function reflectNonDefault<T extends string | number>(defaultValue: T): ComplexAttributeConverter<T>;
 //# sourceMappingURL=reflect-non-default.d.ts.map

package/dist/utilities/reflect-non-default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reflect-non-default.d.ts","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAKjG"}
+{"version":3,"file":"reflect-non-default.d.ts","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAQ1G"}

package/dist/utilities/reflect-non-default.js

@@ -1,6 +1,6 @@
 /**
- * A Lit attribute converter for a reflected enum property whose DEFAULT value
- * should not appear in the DOM.
+ * A Lit attribute converter for a reflected property whose DEFAULT value should
+ * not appear in the DOM. Works for an enum (a string union) and for a number.
  *
  * It reflects any non-default value to the attribute (so `:host([prop="x"])`
  * styling and framework property binding keep working), but maps the default to
@@ -26,9 +26,12 @@
  * ```
  */
 export function reflectNonDefault(defaultValue) {
+    const parse = typeof defaultValue === 'number'
+        ? (value) => Number(value)
+        : (value) => value;
     return {
-        fromAttribute: (value) => (value === null ? defaultValue : value),
-        toAttribute: (value) => (value === defaultValue ? null : value),
+        fromAttribute: (value) => (value === null ? defaultValue : parse(value)),
+        toAttribute: (value) => (value === defaultValue ? null : String(value)),
     };
 }
 //# sourceMappingURL=reflect-non-default.js.map

package/dist/utilities/reflect-non-default.js.map

@@ -1 +1 @@
-{"version":3,"file":"reflect-non-default.js","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,iBAAiB,CAAmB,YAAe;IAClE,OAAO;QACN,aAAa,EAAE,CAAC,KAAoB,EAAK,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAE,KAAW,CAAC;QAC1F,WAAW,EAAE,CAAC,KAAQ,EAAiB,EAAE,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;KACjF,CAAC;AACH,CAAC"}
+{"version":3,"file":"reflect-non-default.js","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,iBAAiB,CAA4B,YAAe;IAC3E,MAAM,KAAK,GAAG,OAAO,YAAY,KAAK,QAAQ;QAC7C,CAAC,CAAC,CAAC,KAAa,EAAK,EAAE,CAAC,MAAM,CAAC,KAAK,CAAM;QAC1C,CAAC,CAAC,CAAC,KAAa,EAAK,EAAE,CAAC,KAAU,CAAC;IACpC,OAAO;QACN,aAAa,EAAE,CAAC,KAAoB,EAAK,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1F,WAAW,EAAE,CAAC,KAAQ,EAAiB,EAAE,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KACzF,CAAC;AACH,CAAC"}

package/dist/utilities/visibility-mixin.d.ts

@@ -21,6 +21,11 @@ type Constructor<T = LitElement> = new (...args: any[]) => T;
  * (nested form — the flattened `@container { :host { … } }` is unreliable in
  * Safari).
  *
+ * @mixin VisibilityMixin
+ *
+ * @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
+ * @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
+ *
  * @example
  * ```ts
  * // Cell inside nldd-list — target the named cells-container

package/dist/utilities/visibility-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visibility-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/visibility-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAGtD,KAAK,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAkB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,eAAe,CAAC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EACpE,IAAI,EAAE,KAAK,EACX,aAAa,CAAC,EAAE,MAAM,GA8Cc,KAAK,GACxC,WAAW,CAAC,UAAU,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CACrE"}
+{"version":3,"file":"visibility-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/visibility-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAGtD,KAAK,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AA0C7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,eAAe,CAAC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EACpE,IAAI,EAAE,KAAK,EACX,aAAa,CAAC,EAAE,MAAM,GAgDc,KAAK,GACxC,WAAW,CAAC,UAAU,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CACrE"}

package/dist/utilities/visibility-mixin.js

@@ -27,6 +27,21 @@ function resolveHideAbove(value) {
         return null; // nothing above lg
     return value;
 }
+/**
+ * The open edges resolve to null, so the attribute is written but nothing ever
+ * hides. That reads like a working value, and the name invites it: `hide-below`
+ * names the breakpoint you hide BELOW, so "hide it at sm" comes out as
+ * `hide-below="md"` and `hide-below="sm"` does nothing at all. Say so once,
+ * rather than let it look applied.
+ */
+function warnNoOp(host, attribute, value, resolved, openEdge, edgeLabel) {
+    if (value !== openEdge || resolved !== null)
+        return;
+    console.warn(`[${host.localName}] ${attribute}="${openEdge}" never hides anything: there is no `
+        + `breakpoint ${edgeLabel}. The value names the breakpoint you hide below, so the `
+        + `smallest one that hides is "${attribute === 'hide-below' ? 'md' : 'sm'}". `
+        + 'Leave the attribute off if you meant "always visible".');
+}
 /**
  * Adds `hide-below` and `hide-above` attributes that toggle visibility based
  * on the inline-size of an ancestor CSS container.
@@ -48,6 +63,11 @@ function resolveHideAbove(value) {
  * (nested form — the flattened `@container { :host { … } }` is unreliable in
  * Safari).
  *
+ * @mixin VisibilityMixin
+ *
+ * @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
+ * @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
+ *
  * @example
  * ```ts
  * // Cell inside nldd-list — target the named cells-container
@@ -71,10 +91,12 @@ export function VisibilityMixin(Base, containerName) {
             const containerPrefix = containerName ? `${containerName} ` : '';
             const rules = [];
             const below = this.hideBelow ? resolveHideBelow(this.hideBelow) : null;
+            warnNoOp(this, 'hide-below', this.hideBelow, below, 'sm', 'below sm');
             if (below) {
                 rules.push(`:host { @container ${containerPrefix}(max-width: ${below}) { display: none !important; } }`);
             }
             const above = this.hideAbove ? resolveHideAbove(this.hideAbove) : null;
+            warnNoOp(this, 'hide-above', this.hideAbove, above, 'lg', 'above lg');
             if (above) {
                 rules.push(`:host { @container ${containerPrefix}(min-width: ${above}) { display: none !important; } }`);
             }

package/dist/utilities/visibility-mixin.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nldd/design-system",
-  "version": "0.8.79",
+  "version": "0.8.82",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",
@@ -46,9 +46,13 @@
       "types": "./dist/components/content/blockquote/blockquote.d.ts",
       "default": "./dist/components/content/blockquote/blockquote.js"
     },
-    "./byline": {
-      "types": "./dist/components/content/byline/byline.d.ts",
-      "default": "./dist/components/content/byline/byline.js"
+    "./avatar-group": {
+      "types": "./dist/components/content/avatar-group/avatar-group.d.ts",
+      "default": "./dist/components/content/avatar-group/avatar-group.js"
+    },
+    "./identity": {
+      "types": "./dist/components/content/identity/identity.d.ts",
+      "default": "./dist/components/content/identity/identity.js"
     },
     "./code-viewer": {
       "types": "./dist/components/content/code-viewer/code-viewer.d.ts",
@@ -130,6 +134,10 @@
       "types": "./dist/components/inputs/dropdown/dropdown.d.ts",
       "default": "./dist/components/inputs/dropdown/dropdown.js"
     },
+    "./file-field": {
+      "types": "./dist/components/inputs/file-field/file-field.d.ts",
+      "default": "./dist/components/inputs/file-field/file-field.js"
+    },
     "./multi-line-text-field": {
       "types": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts",
       "default": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.js"
@@ -402,6 +410,10 @@
       "types": "./dist/components/status-and-feedback/banner/banner.d.ts",
       "default": "./dist/components/status-and-feedback/banner/banner.js"
     },
+    "./notification": {
+      "types": "./dist/components/status-and-feedback/notification/notification.d.ts",
+      "default": "./dist/components/status-and-feedback/notification/notification.js"
+    },
     "./badge": {
       "types": "./dist/components/status-and-feedback/badge/badge.d.ts",
       "default": "./dist/components/status-and-feedback/badge/badge.js"
@@ -503,32 +515,32 @@
     "build:components:standalone": "vite build --config vite.bundle.config.ts"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
+    "@commitlint/cli": "^21.2.1",
+    "@commitlint/config-conventional": "^21.2.0",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@eslint/js": "^9.17.0",
+    "@eslint/js": "^10.0.1",
     "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/exec": "^7.1.0",
-    "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^10.4.6",
-    "@storybook/addon-docs": "^10.4.6",
-    "@storybook/addon-themes": "^10.4.6",
-    "@storybook/addon-vitest": "^10.4.6",
-    "@storybook/web-components-vite": "^10.4.6",
-    "@vitest/browser-playwright": "^4.0.16",
-    "@vitest/coverage-v8": "^4.0.16",
-    "conventional-changelog": "^7.2.0",
-    "eslint": "^9.17.0",
+    "@semantic-release/git": "^11.0.1",
+    "@storybook/addon-a11y": "^10.5.7",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-themes": "^10.5.7",
+    "@storybook/addon-vitest": "^10.5.7",
+    "@storybook/web-components-vite": "^10.5.7",
+    "@vitest/browser-playwright": "4.1.10",
+    "@vitest/coverage-v8": "4.1.10",
+    "conventional-changelog": "^8.1.0",
+    "eslint": "^10.8.0",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-storybook": "^10.4.6",
-    "globals": "^15.14.0",
+    "eslint-plugin-storybook": "^10.5.7",
+    "globals": "^17.8.0",
     "playwright": "^1.57.0",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.4.6",
+    "storybook": "^10.5.7",
     "typescript": "^5.3.0",
     "typescript-eslint": "^8.58.0",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.16",
+    "vite": "8.2.1",
+    "vitest": "4.1.10",
     "vue": "^3.5.40",
     "vue-tsc": "^3.3.7"
   },
@@ -561,7 +573,6 @@
     "@codemirror/view": "^6.43.4",
     "@floating-ui/dom": "^1.7.6",
     "@lezer/highlight": "^1.2.3",
-    "@rijkshuisstijl-community/font": "^1.1.2",
     "lit": "^3.3.1"
   },
   "customElements": "custom-elements.json"

package/dist/components/content/byline/byline.d.ts

@@ -1,73 +0,0 @@
-/**
- * NLDD Design System Byline Component (Lit + TypeScript)
- *
- * Een redactionele regel die auteurs of redacteuren toont: optionele
- * avatar(s), een naamregel en ondersteunende tekst (bijvoorbeeld functie
- * of datum). Alle onderdelen zijn optioneel.
- *
- * De naamregel en ondersteunende tekst kunnen als attribuut of als slot
- * worden aangeleverd. Gebruik de slots voor rijkere inhoud, zoals een
- * `<time datetime="…">` voor machine-leesbare datums of een link naar het
- * auteursprofiel. Geslotte inhoud vervangt het bijbehorende attribuut
- * (het attribuut is de fallback van de slot).
- *
- * Bij meerdere redacteuren overlappen de avatars elkaar subtiel; elke
- * avatar krijgt een ring in de surface-kleur (zelfde mechaniek als badge)
- * zodat ze visueel gescheiden blijven. Op een gekleurde ondergrond kan de
- * ringkleur meegegeven worden via `--context-parent-background-color`.
- *
- * Op smalle breedtes (een sm-container, ≤ 640px) met meerdere avatars komt
- * de avatarrij boven de namen te staan, zodat de tekst de volle breedte
- * houdt; met één avatar blijft de byline op één regel.
- *
- * Avatars worden geslot als `<img slot="avatars">`. Zet `alt=""` wanneer
- * de namen al in de tekst staan (decoratief); geef anders een
- * beschrijvende alt-tekst op.
- *
- * Voor één avatar kun je in plaats van slotten ook `avatar-src` (met
- * optioneel `avatar-srcset`) als attribuut meegeven; de afmetingen liggen
- * vast (40px), dus `sizes` zet het component zelf. Meerdere avatars gaan
- * altijd via de slot, en geslotte avatars hebben voorrang op `avatar-src`.
- *
- * @element nldd-byline
- *
- * @attr {string} text - Naamregel (bijv. "Jan Jansen en Piet Pietersen"); fallback wanneer de text-slot leeg is
- * @attr {string} supporting-text - Ondersteunende tekst onder de naamregel (bijv. rol of datum); fallback wanneer de supporting-text-slot leeg is
- * @attr {string} avatar-src - Bron van één avatar (alternatief voor de avatars-slot); genegeerd zodra de avatars-slot gevuld is
- * @attr {string} avatar-srcset - Responsive source set voor de avatar-src-afbeelding
- * @attr {string} avatar-alt - Alt-tekst voor de avatar-src-afbeelding; leeg = decoratief
- *
- * @slot avatars - Eén of meer img-elementen; gestyled als ronde, overlappende avatars
- * @slot text - Naamregel als rijke inhoud (bijv. een link naar het auteursprofiel)
- * @slot supporting-text - Ondersteunende tekst als rijke inhoud (bijv. een time-element)
- */
-import { LitElement } from 'lit';
-import '../avatar/avatar.js';
-export declare class NLDDByline extends LitElement {
-    static styles: import("lit").CSSResult;
-    text: string;
-    supportingText: string;
-    avatarSrc: string;
-    avatarSrcset: string;
-    avatarAlt: string;
-    _hasSlottedAvatars: boolean;
-    /** Number of slotted avatars. Drives the responsive layout: with two or
-     *  more avatars, a small-container byline stacks the avatars above the
-     *  names (see the `data-multiple-avatars` hook in the template/styles). */
-    _avatarCount: number;
-    _hasSlottedText: boolean;
-    _hasSlottedSupportingText: boolean;
-    /** Tracks slot content so the text / supporting-text attribute fallbacks
-     *  only render when their slot is empty. Bound per slot in the template via
-     *  @slotchange, so Lit owns the listener lifecycle (it survives a
-     *  move-and-reinsert) — no manual connect/disconnect bookkeeping. slotchange
-     *  also fires for the initial assignment, so the first render is covered. */
-    _onSlotChange: (e: Event) => void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nldd-byline': NLDDByline;
-    }
-}
-//# sourceMappingURL=byline.d.ts.map

package/dist/components/content/byline/byline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,qBAAqB,CAAC;AAE7B,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,SAAM;IAGf,kBAAkB,UAAS;IAE3B;;+EAE2E;IAE3E,YAAY,SAAK;IAGjB,eAAe,UAAS;IAGxB,yBAAyB,UAAS;IAElC;;;;iFAI6E;IAC7E,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAS9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}