@nldd/design-system 0.8.49 → 0.8.51

package/dist/components/content/image/image.i18n.d.ts

@@ -0,0 +1,8 @@
+export declare const nlddImageTranslations: {
+    /** Live-region announcement when an image fails to load mid-session.
+     *  Combined with the alt text so SR users know which image failed.
+     *  Decorative images (alt=" '"', aria-hidden) suppress the announcement. */
+    'components.image.error-status-message': string;
+};
+export type NLDDImageTranslations = typeof nlddImageTranslations;
+//# sourceMappingURL=image.i18n.d.ts.map

package/dist/components/content/image/image.i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/content/image/image.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;IACjC;;gFAE4E;;CAE5E,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC"}

package/dist/components/content/image/image.i18n.js

@@ -0,0 +1,7 @@
+export const nlddImageTranslations = {
+    /** Live-region announcement when an image fails to load mid-session.
+     *  Combined with the alt text so SR users know which image failed.
+     *  Decorative images (alt=" '"', aria-hidden) suppress the announcement. */
+    'components.image.error-status-message': 'Afbeelding kon niet worden geladen',
+};
+//# sourceMappingURL=image.i18n.js.map

package/dist/components/content/image/image.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.i18n.js","sourceRoot":"","sources":["../../../../src/components/content/image/image.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC;;gFAE4E;IAC5E,uCAAuC,EAAE,oCAAoC;CAC7E,CAAC"}

package/dist/components/content/image/image.js

@@ -0,0 +1,320 @@
+/**
+ * Nederlandse Digitale Dienst Image Component (Lit + TypeScript)
+ *
+ * Wraps a native `<img>` with design-system styling: corner radius variants,
+ * aspect-ratio reservation, object-fit/position control, optional caption +
+ * credit. Renders as `<figure>` + `<figcaption>` only when a caption or credit
+ * is set — otherwise just the image, no extra wrapping.
+ *
+ * Hybrid source: the `src` attribute renders an internal `<img>`. To use a
+ * custom `<img>` or `<picture>` (e.g. with art-direction sources), slot it
+ * into the default slot and we'll style and wrap it like our own image.
+ *
+ * @element nldd-image
+ *
+ * @attr {string}  src - Image URL
+ * @attr {string}  alt - Alt text. Required unless `decorative`.
+ * @attr {string}  srcset - Responsive source set
+ * @attr {string}  sizes - Source sizes hint
+ * @attr {number|'full'} width - Display width. `full` (default) fills the parent.
+ *   A numeric value sets host `max-width` AND the `<img>` layout-hint width.
+ * @attr {number}  height - Intrinsic height (for layout reservation)
+ * @attr {'lazy'|'eager'} loading - Loading strategy (default: 'lazy').
+ *   Lazy defers fetch until the image is near the viewport — the right
+ *   choice for below-the-fold content. Set to 'eager' on images that
+ *   appear in the initial viewport, especially the LCP candidate (hero
+ *   illustration, top-of-list thumbnail); leaving them lazy silently
+ *   regresses Core Web Vitals because the LCP fetch waits for the
+ *   intersection observer. Pair with `fetchpriority="high"` on the LCP
+ *   image for the strongest signal.
+ * @attr {'async'|'sync'|'auto'} decoding - Decoding hint (default: 'async')
+ * @attr {'high'|'low'|'auto'} fetchpriority - Fetch priority hint
+ * @attr {string}  aspect-ratio - Aspect ratio in CSS form (e.g. "16/9", "1/1", "4/3").
+ *   "16:9" colon notation is also accepted for convenience.
+ * @attr {'cover'|'contain'|'fill'|'scale-down'|'none'} object-fit - default: 'cover'
+ * @attr {'center'|'top'|'bottom'|'left'|'right'} object-position - default: 'center'
+ * @attr {'square'|'rounded'|'circle'} shape - Corner shape (default: 'rounded')
+ * @attr {string}  caption - Caption text shown below the image
+ * @attr {string}  credit - Smaller credit/attribution text shown beside the caption
+ * @attr {boolean} decorative - Decorative image: alt is forced empty + aria-hidden
+ * @attr {string}  lqip - Low-quality image placeholder as a CSV string
+ *   `"base,c1,c2,c3,c4,c5,c6"` — seven 0-255 bytes, each packing an 8-bit
+ *   Oklab triplet (2 bits L, 3 bits a, 3 bits b). The first is the base
+ *   color shown outside the cell gradients; the other six are per-cell
+ *   colors in row-major 3×2 order. Generate via the encoder in
+ *   `lqip-encoder.ts` or via the "LQIP encoder tool" Storybook story.
+ *   Extends Lean Rada's CSS-only LQIP (https://leanrada.com/notes/css-only-lqip/)
+ *   with per-cell hue — Lean's original format encodes grayscale cells only;
+ *   ours encodes a color per cell so multi-color subjects survive the
+ *   placeholder.
+ *
+ * @slot - Custom `<img>` or `<picture>` (overrides the src-based default).
+ *   The internal `error` listener is attached only to the built-in `<img>`, so
+ *   slotted content does not trigger the error-state overlay automatically.
+ *   Consumers slotting their own image are responsible for handling its
+ *   error state (e.g. swapping the slot content or styling a fallback).
+ * @slot caption - Rich caption content (overrides the `caption` attribute)
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { imageStyles } from './image.styles.js';
+import { imageTemplate } from './image.template.js';
+import { nlddImageTranslations } from './image.i18n.js';
+import '../icon/icon.js';
+let NLDDImage = class NLDDImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.src = '';
+        this.alt = '';
+        this.srcset = '';
+        this.sizes = '';
+        /** `'full'` (fills the parent) or a numeric pixel string like `'320'`.
+         *  Typed as `string` because `type: String` means a `width="320"`
+         *  attribute arrives as the string `"320"`, not the number `320` — the
+         *  `_numericWidth` getter owns all parsing. A consumer setting the
+         *  property directly should pass a string (`el.width = '320'`). */
+        this.width = 'full';
+        this.loading = 'lazy';
+        this.decoding = 'async';
+        this.aspectRatio = '';
+        this.objectFit = 'cover';
+        this.objectPosition = 'center';
+        this.shape = 'rounded';
+        this.caption = '';
+        this.credit = '';
+        this.decorative = false;
+        this.lqip = '';
+        /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
+        this.translations = {};
+        this._parsedLqipValue = null;
+        this._hasSlottedCaption = false;
+        /** Tracks whether the internal <img> has finished loading. While false and
+         *  an LQIP value is set, the image stays hidden so the placeholder shows. */
+        this._imageLoaded = false;
+        /** Set when the internal <img> fires an error event (404, network error,
+         *  decode failure, …). The template uses this to render a fallback UI
+         *  with an icon + the alt text. */
+        this._imageErrored = false;
+        /** DEV-only "bad width" warning latch; see _numericWidth. */
+        this._warnedWidth = false;
+        /** DEV-only "missing alt" warning latch; see updated(). */
+        this._warnedAlt = false;
+        this._onImageLoad = () => {
+            this._imageLoaded = true;
+            this._imageErrored = false;
+        };
+        this._onImageError = () => {
+            this._imageErrored = true;
+            this._imageLoaded = false;
+        };
+        this._onCaptionSlotChange = (e) => {
+            this._syncSlottedCaption(e.target);
+        };
+    }
+    _t(key) {
+        return this.translations[key] ?? nlddImageTranslations[key];
+    }
+    /** Parsed LQIP: 7 numbers in [0, 255] — base + 6 cells — or null when the
+     *  attribute is empty or malformed. Memoised against the raw lqip string,
+     *  so successive reads return the same object reference until the
+     *  attribute changes. */
+    get _parsedLqip() {
+        if (this._parsedLqipKey === this.lqip)
+            return this._parsedLqipValue;
+        this._parsedLqipKey = this.lqip;
+        if (!this.lqip) {
+            this._parsedLqipValue = null;
+            return null;
+        }
+        const parts = this.lqip.split(',').map(s => s.trim());
+        if (parts.length !== 7) {
+            this._parsedLqipValue = null;
+            return null;
+        }
+        const nums = parts.map(s => {
+            const n = Number(s);
+            return Number.isInteger(n) && n >= 0 && n <= 255 ? n : NaN;
+        });
+        this._parsedLqipValue = nums.some(Number.isNaN)
+            ? null
+            : { base: nums[0], cells: nums.slice(1) };
+        return this._parsedLqipValue;
+    }
+    /** Convert "16:9" → "16/9" so the CSS `aspect-ratio` parser accepts it.
+     *  Already-slashed values pass through untouched. */
+    get _cssAspectRatio() {
+        if (!this.aspectRatio)
+            return '';
+        return this.aspectRatio.replace(':', '/');
+    }
+    /** Width parsed as a positive number if it isn't 'full'. Undefined when
+     *  the host should fill its parent (no max-width and no <img width> hint).
+     *  Empty / NaN / non-positive values fall back to undefined.
+     *
+     *  Sentinel behavior: `width="0"` (and any other non-positive value)
+     *  silently behaves as `width="full"`. A zero-width image is meaningless,
+     *  so we treat the input as the consumer's mistake rather than a literal
+     *  request — a DEV-mode warn flags it during development. */
+    get _numericWidth() {
+        if (this.width === 'full')
+            return undefined;
+        const n = Number(this.width);
+        if (Number.isFinite(n) && n > 0)
+            return n;
+        if (import.meta.env?.DEV && this.width !== null && this.width !== undefined && String(this.width) !== '' && !this._warnedWidth) {
+            this._warnedWidth = true;
+            console.warn(`<nldd-image>: width="${this.width}" is not a positive number. Falling back to "full".`);
+        }
+        return undefined;
+    }
+    get _hasCaption() {
+        return !!this.caption || !!this.credit || this._hasSlottedCaption;
+    }
+    willUpdate(changed) {
+        // Reset load/error flags when the src changes so the LQIP shows again
+        // for the new image until it finishes loading (or errors out anew).
+        // Also re-arm the alt-warning latch so swapping to a new src with a
+        // missing alt warns again instead of staying silent after the first hit.
+        if (changed.has('src')) {
+            this._imageLoaded = false;
+            this._imageErrored = false;
+            this._warnedAlt = false;
+        }
+    }
+    updated(changed) {
+        // Apply the numeric `width` as a custom property the stylesheet picks
+        // up. Setting style.maxWidth directly would override any consumer CSS
+        // targeting the host's max-width; routing through --_max-width lets
+        // the consumer's cascade win for the rare case where they need a
+        // different cap. 'full' clears the constraint.
+        if (changed.has('width')) {
+            const n = this._numericWidth;
+            if (n !== undefined) {
+                this.style.setProperty('--_max-width', `${n}px`);
+            }
+            else {
+                this.style.removeProperty('--_max-width');
+            }
+        }
+        // Non-decorative images without alt text are a silent a11y failure
+        // (WCAG H37). Warn once in dev so the issue surfaces during build /
+        // Storybook, but stay quiet in production. Reset the flag when the
+        // situation is resolved so re-introducing the bug warns again.
+        if (import.meta.env?.DEV) {
+            const inaccessible = !this.decorative && !this.alt.trim();
+            if (inaccessible && !this._warnedAlt) {
+                this._warnedAlt = true;
+                console.warn('<nldd-image>: Non-decorative images need a non-empty `alt`. Set `decorative` if the image conveys no information.');
+            }
+            else if (!inaccessible) {
+                this._warnedAlt = false;
+            }
+        }
+    }
+    firstUpdated() {
+        // If the image was cached or already loaded by the time the listener
+        // attached, the load event won't fire — sync state directly.
+        const img = this.shadowRoot?.querySelector('.image__img');
+        if (img?.complete && img.naturalWidth > 0) {
+            this._imageLoaded = true;
+        }
+        // Sync the slotted-caption flag from the initial assignment. Without
+        // this, consumer-provided `<span slot="caption">` content in the
+        // page's initial HTML wouldn't show up until the FIRST slotchange
+        // (which doesn't fire for static initial content) — producing a
+        // flash of no figure / caption on first paint.
+        const captionSlot = this.shadowRoot?.querySelector('slot[name="caption"]');
+        if (captionSlot)
+            this._syncSlottedCaption(captionSlot);
+    }
+    /** Recompute _hasSlottedCaption from a caption slot's assigned nodes.
+     *  Takes the slot directly so both the slotchange handler and the
+     *  firstUpdated initial-sync can call it — no synthetic Event needed. */
+    _syncSlottedCaption(slot) {
+        this._hasSlottedCaption = slot.assignedNodes({ flatten: true })
+            .some(node => {
+            if (node.nodeType === Node.TEXT_NODE) {
+                return (node.textContent || '').trim() !== '';
+            }
+            return true;
+        });
+    }
+    render() {
+        return imageTemplate(this);
+    }
+};
+NLDDImage.styles = imageStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDImage.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "alt", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "srcset", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "sizes", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDImage.prototype, "width", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], NLDDImage.prototype, "height", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "loading", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "decoding", void 0);
+__decorate([
+    property({ type: String, attribute: 'fetchpriority' })
+], NLDDImage.prototype, "fetchPriority", void 0);
+__decorate([
+    property({ type: String, attribute: 'aspect-ratio', reflect: true })
+], NLDDImage.prototype, "aspectRatio", void 0);
+__decorate([
+    property({ type: String, attribute: 'object-fit', reflect: true })
+], NLDDImage.prototype, "objectFit", void 0);
+__decorate([
+    property({ type: String, attribute: 'object-position', reflect: true })
+], NLDDImage.prototype, "objectPosition", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDImage.prototype, "shape", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "caption", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "credit", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDImage.prototype, "decorative", void 0);
+__decorate([
+    property({ type: String })
+], NLDDImage.prototype, "lqip", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDImage.prototype, "translations", void 0);
+__decorate([
+    state()
+], NLDDImage.prototype, "_hasSlottedCaption", void 0);
+__decorate([
+    state()
+], NLDDImage.prototype, "_imageLoaded", void 0);
+__decorate([
+    state()
+], NLDDImage.prototype, "_imageErrored", void 0);
+NLDDImage = __decorate([
+    customElement('nldd-image')
+], NLDDImage);
+export { NLDDImage };
+//# sourceMappingURL=image.js.map

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

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

package/dist/components/content/image/image.styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/image/image.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA+YvB,CAAC"}