@nldd/design-system 0.8.57 → 0.8.58

package/dist/components/components.js

@@ -1,4 +1,4 @@
-import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG } from "./index-DHU98C6V.js";
+import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./index-C2jQOZa6.js";
 export {
   N as NLDDActivityIndicator,
   a as NLDDAppView,
@@ -12,88 +12,91 @@ export {
   j as NLDDButton,
   k as NLDDButtonBar,
   l as NLDDButtonGroup,
-  m as NLDDCard,
-  n as NLDDCell,
-  o as NLDDCheckbox,
-  p as NLDDCheckboxField,
-  q as NLDDCodeEditor,
-  r as NLDDCodeViewer,
-  s as NLDDCollection,
-  t as NLDDComboBox,
-  u as NLDDContainer,
-  v as NLDDDescriptionCell,
-  w as NLDDDivider,
-  x as NLDDDocumentTabBar,
-  y as NLDDDragHandleCell,
-  z as NLDDDropdown,
-  A as NLDDForm,
-  B as NLDDFormActions,
-  C as NLDDFormField,
-  D as NLDDFormSection,
-  E as NLDDFullBleedSection,
-  F as NLDDIcon,
-  G as NLDDIconButton,
-  H as NLDDIconCell,
-  I as NLDDImage,
-  J as NLDDInlineDialog,
-  K as NLDDKeyboardShortcut,
-  L as NLDDLink,
-  M as NLDDList,
-  O as NLDDListItem,
-  P as NLDDMenu,
-  Q as NLDDMenuBar,
-  R as NLDDMenuBarItem,
-  S as NLDDModalDialog,
-  T as NLDDMultiLineTextField,
-  U as NLDDNavigationSplitView,
-  V as NLDDNumberField,
-  W as NLDDOneHalfOneHalfSection,
-  X as NLDDOneThirdTwoThirdsSection,
-  Y as NLDDPage,
-  Z as NLDDPageFooter,
-  _ as NLDDPageFooterLegalBar,
-  $ as NLDDPageFooterLegalBarItem,
-  a0 as NLDDPagination,
-  a1 as NLDDPasswordField,
-  a2 as NLDDPopover,
-  a3 as NLDDProgressBar,
-  a4 as NLDDProgressBarSegmentIndicator,
-  a5 as NLDDProgressCircle,
-  a6 as NLDDProgressCircleSegmentIndicator,
-  a7 as NLDDRadioButton,
-  a8 as NLDDRadioButtonField,
-  a9 as NLDDRadioButtonGroup,
-  aa as NLDDRichText,
-  ab as NLDDSearchField,
-  ac as NLDDSegmentedControl,
-  ad as NLDDSheet,
-  ae as NLDDSideBySideSplitView,
-  af as NLDDSimpleSection,
-  ag as NLDDSkipLink,
-  ah as NLDDSpacer,
-  ai as NLDDSpacerCell,
-  aj as NLDDSplitButton,
-  ak as NLDDSplitViewPane,
-  al as NLDDStackedSplitView,
-  am as NLDDStepper,
-  an as NLDDSwitch,
-  ao as NLDDSwitchField,
-  ap as NLDDTabBar,
-  aq as NLDDTable,
-  ar as NLDDTableRow,
-  as as NLDDTag,
-  at as NLDDTextCell,
-  au as NLDDTextField,
-  av as NLDDTimelineTrackCell,
-  aw as NLDDTitle,
-  ax as NLDDTitleCell,
-  ay as NLDDToggleButton,
-  az as NLDDToggleButtonGroup,
-  aA as NLDDToken,
-  aB as NLDDToolbar,
-  aC as NLDDTooltip,
-  aD as NLDDTopNavigationBar,
-  aE as NLDDTopTitleBar,
-  aF as NLDDTwoThirdsOneThirdSection,
-  aG as NLDDWindow
+  m as NLDDByline,
+  n as NLDDCard,
+  o as NLDDCell,
+  p as NLDDCheckbox,
+  q as NLDDCheckboxField,
+  r as NLDDCodeEditor,
+  s as NLDDCodeViewer,
+  t as NLDDCollection,
+  u as NLDDComboBox,
+  v as NLDDContainer,
+  w as NLDDDescriptionCell,
+  x as NLDDDivider,
+  y as NLDDDocumentTabBar,
+  z as NLDDDragHandleCell,
+  A as NLDDDropdown,
+  B as NLDDForm,
+  C as NLDDFormActions,
+  D as NLDDFormField,
+  E as NLDDFormSection,
+  F as NLDDFullBleedSection,
+  G as NLDDHero,
+  H as NLDDIcon,
+  I as NLDDIconButton,
+  J as NLDDIconCell,
+  K as NLDDImage,
+  L as NLDDInlineDialog,
+  M as NLDDKeyboardShortcut,
+  O as NLDDLink,
+  P as NLDDList,
+  Q as NLDDListItem,
+  R as NLDDMenu,
+  S as NLDDMenuBar,
+  T as NLDDMenuBarItem,
+  U as NLDDModalDialog,
+  V as NLDDMultiLineTextField,
+  W as NLDDNavigationSplitView,
+  X as NLDDNumberField,
+  Y as NLDDOneHalfOneHalfSection,
+  Z as NLDDOneThirdTwoThirdsSection,
+  _ as NLDDPage,
+  $ as NLDDPageFooter,
+  a0 as NLDDPageFooterLegalBar,
+  a1 as NLDDPageFooterLegalBarItem,
+  a2 as NLDDPagination,
+  a3 as NLDDPasswordField,
+  a4 as NLDDPopover,
+  a5 as NLDDProgressBar,
+  a6 as NLDDProgressBarSegmentIndicator,
+  a7 as NLDDProgressCircle,
+  a8 as NLDDProgressCircleSegmentIndicator,
+  a9 as NLDDRadioButton,
+  aa as NLDDRadioButtonField,
+  ab as NLDDRadioButtonGroup,
+  ac as NLDDRichText,
+  ad as NLDDSearchField,
+  ae as NLDDSegmentedControl,
+  af as NLDDSheet,
+  ag as NLDDSideBySideSplitView,
+  ah as NLDDSimpleSection,
+  ai as NLDDSkipLink,
+  aj as NLDDSpacer,
+  ak as NLDDSpacerCell,
+  al as NLDDSplitButton,
+  am as NLDDSplitViewPane,
+  an as NLDDStackedSplitView,
+  ao as NLDDStatusBar,
+  ap as NLDDStepper,
+  aq as NLDDSwitch,
+  ar as NLDDSwitchField,
+  as as NLDDTabBar,
+  at as NLDDTable,
+  au as NLDDTableRow,
+  av as NLDDTag,
+  aw as NLDDTextCell,
+  ax as NLDDTextField,
+  ay as NLDDTimelineTrackCell,
+  az as NLDDTitle,
+  aA as NLDDTitleCell,
+  aB as NLDDToggleButton,
+  aC as NLDDToggleButtonGroup,
+  aD as NLDDToken,
+  aE as NLDDToolbar,
+  aF as NLDDTooltip,
+  aG as NLDDTopNavigationBar,
+  aH as NLDDTopTitleBar,
+  aI as NLDDTwoThirdsOneThirdSection,
+  aJ as NLDDWindow
 };

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

@@ -7,13 +7,15 @@
  * @attr {string} cite - URL van de bron (wordt doorgegeven aan het <blockquote> element)
  *
  * @slot - De citaat-paragra(a)f(en) — gebruik bij voorkeur <p>-elementen
- * @slot attribution - Optionele bronvermelding (auteur, titel, etc.)
+ * @slot attribution - Optionele bronvermelding (auteur, titel, etc.). Ook een
+ *   nldd-byline mag hier; het kastlijntje ("— ") wordt dan weggelaten.
  */
 import { LitElement } from 'lit';
 export declare class NLDDBlockquote extends LitElement {
     static styles: import("lit").CSSResult;
     cite: string | undefined;
     _hasAttribution: boolean;
+    _hasBylineAttribution: boolean;
     /** @internal */
     _handleAttributionSlotChange: (e: Event) => void;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,eAAe,UAAS;IAExB,gBAAgB;IAChB,4BAA4B,GAAI,GAAG,KAAK,KAAG,IAAI,CAM7C;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
+{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,eAAe,UAAS;IAGxB,qBAAqB,UAAS;IAE9B,gBAAgB;IAChB,4BAA4B,GAAI,GAAG,KAAK,KAAG,IAAI,CAY7C;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}

package/dist/components/content/blockquote/blockquote.js

@@ -7,7 +7,8 @@
  * @attr {string} cite - URL van de bron (wordt doorgegeven aan het <blockquote> element)
  *
  * @slot - De citaat-paragra(a)f(en) — gebruik bij voorkeur <p>-elementen
- * @slot attribution - Optionele bronvermelding (auteur, titel, etc.)
+ * @slot attribution - Optionele bronvermelding (auteur, titel, etc.). Ook een
+ *   nldd-byline mag hier; het kastlijntje ("— ") wordt dan weggelaten.
  */
 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;
@@ -24,6 +25,7 @@ let NLDDBlockquote = class NLDDBlockquote extends LitElement {
         super(...arguments);
         this.cite = undefined;
         this._hasAttribution = false;
+        this._hasBylineAttribution = false;
         /** @internal */
         this._handleAttributionSlotChange = (e) => {
             const slot = e.target;
@@ -32,6 +34,12 @@ let NLDDBlockquote = class NLDDBlockquote extends LitElement {
                     return true;
                 return (n.textContent ?? '').trim().length > 0;
             });
+            // A byline brings its own layout (avatars + stacked text); the leading
+            // em-dash assumes inline text and would wrap onto its own line above
+            // the block, so it is suppressed for byline attributions. Matched by
+            // tag name rather than instanceof to avoid statically importing (and so
+            // bundling) nldd-byline into every blockquote consumer.
+            this._hasBylineAttribution = slot.assignedElements({ flatten: true }).some(el => el.tagName === 'NLDD-BYLINE');
         };
     }
     render() {
@@ -45,6 +53,9 @@ __decorate([
 __decorate([
     state()
 ], NLDDBlockquote.prototype, "_hasAttribution", void 0);
+__decorate([
+    state()
+], NLDDBlockquote.prototype, "_hasBylineAttribution", void 0);
 NLDDBlockquote = __decorate([
     customElement('nldd-blockquote')
 ], NLDDBlockquote);

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG7C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,oBAAe,GAAG,KAAK,CAAC;QAExB,gBAAgB;QAChB,iCAA4B,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBAClD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAnBe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACU;AAGrC;IADC,KAAK,EAAE;uDACgB;AAPZ,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAqB1B"}
+{"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG7C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,oBAAe,GAAG,KAAK,CAAC;QAGxB,0BAAqB,GAAG,KAAK,CAAC;QAE9B,gBAAgB;QAChB,iCAA4B,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBAClD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,uEAAuE;YACvE,qEAAqE;YACrE,qEAAqE;YACrE,wEAAwE;YACxE,wDAAwD;YACxD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,aAAa,CAAC,CAAC;QAChH,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AA5Be,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACU;AAGrC;IADC,KAAK,EAAE;uDACgB;AAGxB;IADC,KAAK,EAAE;6DACsB;AAVlB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CA8B1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAgF5B,CAAC"}
+{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAoF5B,CAAC"}

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

@@ -69,6 +69,10 @@ export const blockquoteStyles = css `
 		content: '— ' / '';
 	}
 
+	.blockquote__attribution.is-byline::before {
+		content: none;
+	}
+
 	.blockquote__attribution[hidden] {
 		display: none;
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;uBAUZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}
+{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;uBAUZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}

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

@@ -7,7 +7,7 @@ export function template(component) {
 			<div class="blockquote__quote">
 				<slot></slot>
 			</div>
-			<slot class="blockquote__attribution"
+			<slot class="blockquote__attribution${component._hasBylineAttribution ? ' is-byline' : ''}"
 				name="attribution"
 				?hidden=${!component._hasAttribution}
 				@slotchange=${component._handleAttributionSlotChange}

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO;;;;;;;cAOrB,CAAC,SAAS,CAAC,eAAe;kBACtB,SAAS,CAAC,4BAA4B;;;EAGtD,CAAC;AACH,CAAC"}
+{"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO;;;;;yCAKM,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;;cAE9E,CAAC,SAAS,CAAC,eAAe;kBACtB,SAAS,CAAC,4BAA4B;;;EAGtD,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,53 @@
+/**
+ * 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`.
+ *
+ * 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.
+ *
+ * @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
+ *
+ * @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';
+export declare class NLDDByline extends LitElement {
+    static styles: import("lit").CSSResult;
+    text: string;
+    supportingText: string;
+    _hasSlottedAvatars: boolean;
+    _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

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

package/dist/components/content/byline/byline.js

@@ -0,0 +1,90 @@
+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;
+};
+/**
+ * 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`.
+ *
+ * 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.
+ *
+ * @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
+ *
+ * @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 { customElement, property, state } from 'lit/decorators.js';
+import { bylineStyles } from './byline.styles.js';
+import { bylineTemplate } from './byline.template.js';
+let NLDDByline = class NLDDByline extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.supportingText = '';
+        this._hasSlottedAvatars = false;
+        this._hasSlottedText = false;
+        this._hasSlottedSupportingText = false;
+        /** 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. */
+        this._onSlotChange = (e) => {
+            const slot = e.target;
+            const has = slot.assignedElements().length > 0;
+            if (slot.name === 'avatars')
+                this._hasSlottedAvatars = has;
+            else if (slot.name === 'text')
+                this._hasSlottedText = has;
+            else if (slot.name === 'supporting-text')
+                this._hasSlottedSupportingText = has;
+        };
+    }
+    render() {
+        return bylineTemplate(this);
+    }
+};
+NLDDByline.styles = bylineStyles;
+__decorate([
+    property({ type: String })
+], NLDDByline.prototype, "text", void 0);
+__decorate([
+    property({ type: String, attribute: 'supporting-text' })
+], NLDDByline.prototype, "supportingText", void 0);
+__decorate([
+    state()
+], NLDDByline.prototype, "_hasSlottedAvatars", void 0);
+__decorate([
+    state()
+], NLDDByline.prototype, "_hasSlottedText", void 0);
+__decorate([
+    state()
+], NLDDByline.prototype, "_hasSlottedSupportingText", void 0);
+NLDDByline = __decorate([
+    customElement('nldd-byline')
+], NLDDByline);
+export { NLDDByline };
+//# sourceMappingURL=byline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAGpB,uBAAkB,GAAG,KAAK,CAAC;QAG3B,oBAAe,GAAG,KAAK,CAAC;QAGxB,8BAAyB,GAAG,KAAK,CAAC;QAElC;;;;qFAI6E;QAC7E,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,GAAG,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;gBAAE,IAAI,CAAC,kBAAkB,GAAG,GAAG,CAAC;iBACtD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;gBAAE,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC;iBACrD,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB;gBAAE,IAAI,CAAC,yBAAyB,GAAG,GAAG,CAAC;QAChF,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AAhCe,iBAAM,GAAG,YAAY,AAAf,CAAgB;AAGtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;kDACrC;AAGpB;IADC,KAAK,EAAE;sDACmB;AAG3B;IADC,KAAK,EAAE;mDACgB;AAGxB;IADC,KAAK,EAAE;6DAC0B;AAhBtB,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkCtB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"byline.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA0FxB,CAAC"}

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

@@ -0,0 +1,94 @@
+import { css } from 'lit';
+import { slottedReset, inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
+export const bylineStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_gap: var(--primitives-space-8);
+		--_avatar-overlap: var(--primitives-space-8);
+		--_avatar-size: var(--primitives-space-40);
+		--_avatar-border-width: var(--primitives-border-width-regular);
+		--_avatar-border-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_avatar-corner-radius: var(--primitives-corner-radius-full);
+		--_text-color: var(--semantics-content-color);
+		--_text-font: var(--primitives-font-body-md-medium-tight);
+		--_supporting-text-color: var(--semantics-content-secondary-color);
+		--_supporting-text-font: var(--primitives-font-body-sm-regular-tight);
+
+		${inheritedTextReset}
+		display: flex;
+		align-items: center;
+		gap: var(--_gap);
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Avatars */
+
+	.byline__avatars {
+		display: flex;
+		padding-inline-start: var(--_avatar-overlap);
+	}
+
+	.byline__avatars[hidden] {
+		display: none;
+	}
+
+	.byline__avatars ::slotted(img) {
+		${slottedReset}
+		display: block !important;
+		margin-inline-start: calc(-1 * var(--_avatar-overlap)) !important;
+		border-radius: var(--_avatar-corner-radius) !important;
+		box-shadow: 0 0 0 var(--_avatar-border-width) var(--_avatar-border-color) !important;
+		width: var(--_avatar-size) !important;
+		height: var(--_avatar-size) !important;
+		object-fit: cover !important;
+	}
+
+	@media (forced-colors: active) {
+		.byline__avatars ::slotted(img) {
+			border: var(--_avatar-border-width) solid Canvas !important;
+		}
+	}
+
+
+	/* # Text area */
+
+	.byline__text-area {
+		display: flex;
+		min-width: 0;
+		flex-direction: column;
+	}
+
+	.byline__text-area[hidden] {
+		display: none;
+	}
+
+	.byline__text {
+		margin: 0;
+		color: var(--_text-color);
+		font: var(--_text-font);
+		text-wrap: pretty;
+	}
+
+	.byline__text[hidden] {
+		display: none;
+	}
+
+	.byline__supporting-text {
+		margin: 0;
+		color: var(--_supporting-text-color);
+		font: var(--_supporting-text-font);
+		text-wrap: pretty;
+	}
+
+	.byline__supporting-text[hidden] {
+		display: none;
+	}
+`;
+//# sourceMappingURL=byline.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"byline.styles.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;IAiB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;IAuBlB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDf,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"byline.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,wCAoBnD"}

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

@@ -0,0 +1,23 @@
+import { html } from 'lit';
+export function bylineTemplate(component) {
+    const hasText = Boolean(component.text) || component._hasSlottedText;
+    const hasSupportingText = Boolean(component.supportingText) || component._hasSlottedSupportingText;
+    return html `
+		<div class="byline__avatars"
+			?hidden=${!component._hasSlottedAvatars}
+		>
+			<slot name="avatars" @slotchange=${component._onSlotChange}></slot>
+		</div>
+		<div class="byline__text-area"
+			?hidden=${!hasText && !hasSupportingText}
+		>
+			<p class="byline__text"
+				?hidden=${!hasText}
+			><slot name="text" @slotchange=${component._onSlotChange}>${component.text}</slot></p>
+			<p class="byline__supporting-text"
+				?hidden=${!hasSupportingText}
+			><slot name="supporting-text" @slotchange=${component._onSlotChange}>${component.supportingText}</slot></p>
+		</div>
+	`;
+}
+//# sourceMappingURL=byline.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"byline.template.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,eAAe,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,yBAAyB,CAAC;IACnG,OAAO,IAAI,CAAA;;aAEC,CAAC,SAAS,CAAC,kBAAkB;;sCAEJ,SAAS,CAAC,aAAa;;;aAGhD,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;cAG7B,CAAC,OAAO;oCACc,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI;;cAE/D,CAAC,iBAAiB;+CACe,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,cAAc;;EAEhG,CAAC;AACH,CAAC"}

package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-viewer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAoM5B,CAAC"}
+{"version":3,"file":"code-viewer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAwM5B,CAAC"}

package/dist/components/content/code-viewer/code-viewer.styles.js

@@ -27,6 +27,10 @@ export const codeViewerStyles = css `
 		   (z-index: var(--_actions-z-index)) stays scoped to the code-viewer
 		   and can't paint over other layers on the page. */
 		isolation: isolate;
+		/* iOS Safari inflates text in wide scrollable blocks (text autosizing);
+		   lock the size so code renders at the authored font-size on mobile. */
+		-webkit-text-size-adjust: 100%;
+		text-size-adjust: 100%;
 	}
 
 	:host([hidden]) {

package/dist/components/content/code-viewer/code-viewer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-viewer.styles.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.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;;;;;;;;;;;;;;;;;;;;IAoB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLrB,CAAC"}
+{"version":3,"file":"code-viewer.styles.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.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;;;;;;;;;;;;;;;;;;;;IAoB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrB,CAAC"}

package/dist/components/content/code-viewer/code-viewer.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-viewer.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CA8D5E"}
+{"version":3,"file":"code-viewer.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAiE5E"}

package/dist/components/content/code-viewer/code-viewer.template.js

@@ -58,7 +58,10 @@ export function codeViewerTemplate(component) {
 					></nldd-icon-button>
 				</nldd-tooltip>
 			</div>
-			<div class="code-viewer__live-region" role="status" aria-live="polite">${liveRegionText}</div>
+			<div class="code-viewer__live-region"
+				role="status"
+				aria-live="polite"
+			>${liveRegionText}</div>
 		</div>
 	`}`;
 }