@nldd/design-system 0.8.94 → 0.8.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +108 -12
  2. package/custom-elements.json +10 -26
  3. package/dist/components/actions/toolbar/toolbar.d.ts +3 -1
  4. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  5. package/dist/components/actions/toolbar/toolbar.js +18 -8
  6. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  7. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  8. package/dist/components/actions/toolbar/toolbar.styles.js +3 -2
  9. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  10. package/dist/components/components.js +319 -273
  11. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  12. package/dist/components/content/blockquote/blockquote.styles.js +1 -0
  13. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  14. package/dist/components/{decorate-lwt_OrAG.js → decorate-CO88j7Lc.js} +1 -1
  15. package/dist/components/{dist-M6GKopqu.js → dist-BWEAw34D.js} +1 -1
  16. package/dist/components/{dist-OlffRM7-.js → dist-BWRYv3Mp.js} +1 -1
  17. package/dist/components/{dist-CSYXsT7W.js → dist-Bi4EHsFY.js} +2 -2
  18. package/dist/components/{dist-B5ie2Bo9.js → dist-C3uWRipu.js} +1 -1
  19. package/dist/components/{dist-CoUVHSu-.js → dist-CH9m014O.js} +1 -1
  20. package/dist/components/{dist-Dn3c5gfb.js → dist-CpW8MF-L.js} +42 -27
  21. package/dist/components/{dist-RPaf2J9c.js → dist-CvL6_ezZ.js} +2 -2
  22. package/dist/components/{dist-CGOykrJw.js → dist-DMHTTJRJ.js} +2 -2
  23. package/dist/components/{dist-BUu-NW5O.js → dist-DTOshgo1.js} +1 -1
  24. package/dist/components/{dist-Dxn9Up8K.js → dist-DV6Mp5N1.js} +3 -3
  25. package/dist/components/{dist-CQzaKTa8.js → dist-PlhQXXtE.js} +1 -1
  26. package/dist/components/{icon-DWNVcttg.js → icon-Typdp4av.js} +1 -1
  27. package/dist/components/{icon-button-DHzLMmj0.js → icon-button-9mo3oIyL.js} +6 -6
  28. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +1 -1
  29. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +1 -1
  30. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  31. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +15 -1
  32. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  33. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +37 -22
  34. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  35. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +63 -31
  36. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  37. package/dist/components/{visibility-mixin-BU1vIMW7.js → visibility-mixin-Crbt8PFP.js} +1 -1
  38. package/dist/components/{with-translations-Dt2DTXJF.js → with-translations-C8_0-9y8.js} +1 -1
  39. package/dist/css/document-reset.css +7 -0
  40. package/dist/css/rich-text.css +0 -2
  41. package/dist/nldd.min.js +275 -259
  42. package/dist/types/vue.d.ts +9 -10
  43. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAoF5B,CAAC"}
1
+ {"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAqF5B,CAAC"}
@@ -48,6 +48,7 @@ export const blockquoteStyles = css `
48
48
  flex-direction: column;
49
49
  gap: calc(var(--_spacing) / 2);
50
50
  color: var(--semantics-content-color);
51
+ text-wrap: pretty;
51
52
  }
52
53
 
53
54
 
@@ -1 +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;;;;;;;;;;;;;uBAaZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}
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;;;;;;;;;;;;;uBAaZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
1
+ //#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
2
2
  function __decorate(decorators, target, key, desc) {
3
3
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
4
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1,4 +1,4 @@
1
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
1
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
2
  //#region node_modules/@lezer/xml/dist/index.js
3
3
  var StartTag = 1;
4
4
  var StartCloseTag = 2;
@@ -1,4 +1,4 @@
1
- import { C as indentNodeProp, M as styleTags, N as tags, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
1
+ import { C as indentNodeProp, M as styleTags, N as tags, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
2
  //#region node_modules/@lezer/yaml/dist/index.js
3
3
  var blockEnd = 63;
4
4
  var eof = 64;
@@ -1,5 +1,5 @@
1
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
2
- import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-BUu-NW5O.js";
1
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
+ import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-DTOshgo1.js";
3
3
  //#region node_modules/@lezer/python/dist/index.js
4
4
  var printKeyword = 1;
5
5
  var indent = 194;
@@ -1,4 +1,4 @@
1
- import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
1
+ import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
2
  //#region node_modules/@lezer/rust/dist/index.js
3
3
  var closureParamDelim = 1;
4
4
  var tpOpen = 2;
@@ -1,4 +1,4 @@
1
- import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
1
+ import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
2
  //#region node_modules/@lezer/json/dist/index.js
3
3
  var jsonHighlighting = styleTags({
4
4
  String: tags.string,
@@ -2376,7 +2376,7 @@ var EditorState = class EditorState {
2376
2376
  to: range.to,
2377
2377
  insert: text
2378
2378
  },
2379
- range: EditorSelection.cursor(range.from + text.length)
2379
+ range: EditorSelection.cursor(range.from + text.length, -1)
2380
2380
  }));
2381
2381
  }
2382
2382
  /**
@@ -4665,8 +4665,15 @@ function trivialOrder(length) {
4665
4665
  var movedOver = "";
4666
4666
  function moveVisually(line, order, dir, start, forward) {
4667
4667
  var _a;
4668
- let startIndex = start.head - line.from;
4669
- let spanI = BidiSpan.find(order, startIndex, (_a = start.bidiLevel) !== null && _a !== void 0 ? _a : -1, start.assoc);
4668
+ if (!line.length) return null;
4669
+ let startIndex = start.head - line.from, spanI;
4670
+ if (start.head == line.from && start.assoc < 0) {
4671
+ if (!forward) return null;
4672
+ startIndex = order[spanI = 0].side(false, dir);
4673
+ } else if (start.head == line.to && start.assoc > 0) {
4674
+ if (forward) return null;
4675
+ startIndex = order[spanI = order.length - 1].side(true, dir);
4676
+ } else spanI = BidiSpan.find(order, startIndex, (_a = start.bidiLevel) !== null && _a !== void 0 ? _a : -1, start.assoc);
4670
4677
  let span = order[spanI], spanEnd = span.side(forward, dir);
4671
4678
  if (startIndex == spanEnd) {
4672
4679
  let nextI = spanI += forward ? 1 : -1;
@@ -4679,7 +4686,10 @@ function moveVisually(line, order, dir, start, forward) {
4679
4686
  if (nextIndex < span.from || nextIndex > span.to) nextIndex = spanEnd;
4680
4687
  movedOver = line.text.slice(Math.min(startIndex, nextIndex), Math.max(startIndex, nextIndex));
4681
4688
  let nextSpan = spanI == (forward ? order.length - 1 : 0) ? null : order[spanI + (forward ? 1 : -1)];
4682
- if (nextSpan && nextIndex == spanEnd && nextSpan.level + (forward ? 0 : 1) < span.level) return EditorSelection.cursor(nextSpan.side(!forward, dir) + line.from, nextSpan.forward(forward, dir) ? 1 : -1, nextSpan.level);
4689
+ if (nextIndex == spanEnd) {
4690
+ if (!nextSpan) return forward ? EditorSelection.cursor(line.to, 1) : EditorSelection.cursor(line.from, -1);
4691
+ if (nextSpan.level + (forward ? 0 : 1) < span.level) return EditorSelection.cursor(nextSpan.side(!forward, dir) + line.from, nextSpan.forward(forward, dir) ? 1 : -1, nextSpan.level);
4692
+ }
4683
4693
  return EditorSelection.cursor(nextIndex + line.from, span.forward(forward, dir) ? -1 : 1, span.level);
4684
4694
  }
4685
4695
  function autoDirection(text, from, to) {
@@ -6699,8 +6709,6 @@ function moveToLineBoundary(view, start, forward, includeWrap) {
6699
6709
  });
6700
6710
  if (pos != null) return EditorSelection.cursor(pos, forward ? -1 : 1);
6701
6711
  }
6702
- let line = view.state.doc.lineAt(start.head);
6703
- if (forward ? line.to == block.to : line.from == block.from) return view.visualLineSide(line, forward);
6704
6712
  return EditorSelection.cursor(forward ? block.to : block.from, forward ? -1 : 1);
6705
6713
  }
6706
6714
  function moveByChar(view, start, forward, by) {
@@ -6713,7 +6721,7 @@ function moveByChar(view, start, forward, by) {
6713
6721
  char = "\n";
6714
6722
  line = view.state.doc.line(line.number + (forward ? 1 : -1));
6715
6723
  spans = view.bidiSpans(line);
6716
- next = view.visualLineSide(line, !forward);
6724
+ next = forward ? EditorSelection.cursor(line.from, -1) : EditorSelection.cursor(line.to, 1);
6717
6725
  }
6718
6726
  if (!check) {
6719
6727
  if (!by) return next;
@@ -7312,7 +7320,7 @@ function selectionPoints(view) {
7312
7320
  function selectionFromPoints(points, base) {
7313
7321
  if (points.length == 0) return null;
7314
7322
  let anchor = points[0].pos, head = points.length == 2 ? points[1].pos : anchor;
7315
- return anchor > -1 && head > -1 ? EditorSelection.single(anchor + base, head + base) : null;
7323
+ return anchor < 0 || head < 0 ? null : anchor == head ? EditorSelection.create([EditorSelection.cursor(head + base, -1)]) : EditorSelection.single(anchor + base, head + base);
7316
7324
  }
7317
7325
  function sameSelPos(selection, range) {
7318
7326
  return range.head == selection.main.head && range.anchor == selection.main.anchor;
@@ -7406,12 +7414,14 @@ var InputState = class {
7406
7414
  shiftKey: event.shiftKey
7407
7415
  };
7408
7416
  if (mods.shiftKey && browser.ios && !/^(off|none)$/.test(this.view.contentDOM.autocapitalize) && iosVirtualKeyboardOpen(this.view.win)) mods.shiftKey = false;
7409
- this.pendingIOSKey = {
7417
+ let pending = this.pendingIOSKey = {
7410
7418
  key: event.key,
7411
7419
  keyCode: event.keyCode,
7412
7420
  mods
7413
7421
  };
7414
- setTimeout(() => this.flushIOSKey(), 50);
7422
+ setTimeout(() => {
7423
+ if (this.pendingIOSKey == pending) this.flushIOSKey();
7424
+ }, 50);
7415
7425
  return true;
7416
7426
  }
7417
7427
  if (event.keyCode != 229) this.view.observer.forceFlush();
@@ -7673,7 +7683,7 @@ function doPaste(view, input) {
7673
7683
  from: line.from,
7674
7684
  insert
7675
7685
  },
7676
- range: EditorSelection.cursor(range.from + insert.length)
7686
+ range: EditorSelection.cursor(range.from + insert.length, -1)
7677
7687
  };
7678
7688
  });
7679
7689
  } else if (byLine) changes = state.changeByRange((range) => {
@@ -7684,7 +7694,7 @@ function doPaste(view, input) {
7684
7694
  to: range.to,
7685
7695
  insert: line.text
7686
7696
  },
7687
- range: EditorSelection.cursor(range.from + line.length)
7697
+ range: EditorSelection.cursor(range.from + line.length, -1)
7688
7698
  };
7689
7699
  });
7690
7700
  else changes = state.replaceSelection(text);
@@ -8283,12 +8293,12 @@ var HeightMap = class HeightMap {
8283
8293
  let next = nodes[--j];
8284
8294
  if (next) after += next.size;
8285
8295
  }
8286
- let brk = 0;
8296
+ let brk = false;
8287
8297
  if (nodes[i - 1] == null) {
8288
- brk = 1;
8298
+ brk = true;
8289
8299
  i--;
8290
8300
  } else if (nodes[i] == null) {
8291
- brk = 1;
8301
+ brk = true;
8292
8302
  j++;
8293
8303
  }
8294
8304
  return new HeightMapBranch(HeightMap.of(nodes.slice(0, i)), brk, HeightMap.of(nodes.slice(j)));
@@ -8487,7 +8497,7 @@ var HeightMapGap = class HeightMapGap extends HeightMap {
8487
8497
  };
8488
8498
  var HeightMapBranch = class extends HeightMap {
8489
8499
  constructor(left, brk, right) {
8490
- super(left.length + brk + right.length, left.height + right.height, brk | (left.outdated || right.outdated ? 2 : 0));
8500
+ super(left.length + (brk ? 1 : 0) + right.length, left.height + right.height, (brk ? 1 : 0) | (left.outdated || right.outdated ? 2 : 0));
8491
8501
  this.left = left;
8492
8502
  this.right = right;
8493
8503
  this.size = left.size + right.size;
@@ -8515,9 +8525,9 @@ var HeightMapBranch = class extends HeightMap {
8515
8525
  if (to >= rightOffset) this.right.forEachLine(from, to, oracle, rightTop, rightOffset, f);
8516
8526
  } else {
8517
8527
  let mid = this.lineAt(rightOffset, QueryType.ByPos, oracle, top, offset);
8518
- if (from < mid.from) this.left.forEachLine(from, mid.from - 1, oracle, top, offset, f);
8528
+ if (from < mid.from) this.left.forEachLine(from, Math.min(to, mid.from - 1), oracle, top, offset, f);
8519
8529
  if (mid.to >= from && mid.from <= to) f(mid);
8520
- if (to > mid.to) this.right.forEachLine(mid.to + 1, to, oracle, rightTop, rightOffset, f);
8530
+ if (to > mid.to) this.right.forEachLine(Math.max(from, mid.to + 1), to, oracle, rightTop, rightOffset, f);
8521
8531
  }
8522
8532
  }
8523
8533
  replace(from, to, nodes) {
@@ -10642,15 +10652,11 @@ var EditorView = class EditorView {
10642
10652
  return skipAtoms(this, start, moveByChar(this, start, forward, (initial) => byGroup(this, start.head, initial)));
10643
10653
  }
10644
10654
  /**
10645
- Get the cursor position visually at the start or end of a line.
10646
- Note that this may differ from the _logical_ position at its
10647
- start or end (which is simply at `line.from`/`line.to`) if text
10648
- at the start or end goes against the line's base text direction.
10655
+ **\[DEPRECATED]** Get the cursor position visually at the start
10656
+ or end of a line.
10649
10657
  */
10650
10658
  visualLineSide(line, end) {
10651
- let order = this.bidiSpans(line), dir = this.textDirectionAt(line.from);
10652
- let span = order[end ? order.length - 1 : 0];
10653
- return EditorSelection.cursor(span.side(end, dir) + line.from, span.forward(!end, dir) ? 1 : -1);
10659
+ return end ? EditorSelection.cursor(line.to, 1) : EditorSelection.cursor(line.from, -1);
10654
10660
  }
10655
10661
  /**
10656
10662
  Move to the next line boundary in the given direction. If
@@ -10719,6 +10725,15 @@ var EditorView = class EditorView {
10719
10725
  this.readMeasured();
10720
10726
  let line = this.state.doc.lineAt(pos), order = this.bidiSpans(line);
10721
10727
  let span = order[BidiSpan.find(order, pos - line.from, -1, side)];
10728
+ if (line.length && (pos == line.from && side < 0 || pos == line.to && side > 0) && span.dir != this.textDirectionAt(line.from)) {
10729
+ if (pos == line.to) {
10730
+ pos = line.from + span.from;
10731
+ side = 1;
10732
+ } else {
10733
+ pos = line.from + span.to;
10734
+ side = -1;
10735
+ }
10736
+ }
10722
10737
  return this.docView.coordsAt(pos, side, span.dir == Direction.RTL);
10723
10738
  }
10724
10739
  /**
@@ -14661,7 +14676,7 @@ function styleTags(spec) {
14661
14676
  var ruleNodeProp = new NodeProp({ combine(a, b) {
14662
14677
  let cur, root, take;
14663
14678
  while (a || b) {
14664
- if (!a || b && a.depth >= b.depth) {
14679
+ if (!a || b && a.depth <= b.depth) {
14665
14680
  take = b;
14666
14681
  b = b.next;
14667
14682
  } else {
@@ -14844,7 +14859,7 @@ and necessarily incomplete. A full ontology of syntactic
14844
14859
  constructs would fill a stack of books, and be impractical to
14845
14860
  write themes for. So try to make do with this set. If all else
14846
14861
  fails, [open an
14847
- issue](https://github.com/codemirror/codemirror.next) to propose a
14862
+ issue](https://code.haverbeke.berlin/codemirror/dev/issues) to propose a
14848
14863
  new tag, or [define](#highlight.Tag^define) a local custom tag for
14849
14864
  your use case.
14850
14865
 
@@ -1,5 +1,5 @@
1
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
2
- import { a as ifNotIn, r as completeFromList } from "./dist-BUu-NW5O.js";
1
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, y as foldNodeProp } from "./dist-CpW8MF-L.js";
2
+ import { a as ifNotIn, r as completeFromList } from "./dist-DTOshgo1.js";
3
3
  //#region node_modules/@codemirror/lang-sql/dist/index.js
4
4
  var whitespace = 36;
5
5
  var LineComment = 1;
@@ -1,6 +1,6 @@
1
1
  import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, O as sublanguageProp, P as IterMode, R as NodeWeakMap, W as EditorView, _ as flatIndent, g as delimitedIndent, h as defineLanguageFacet, i as LocalTokenGroup, lt as EditorSelection, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
3
- import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-BUu-NW5O.js";
2
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, O as sublanguageProp, P as IterMode, R as NodeWeakMap, W as EditorView, _ as flatIndent, g as delimitedIndent, h as defineLanguageFacet, i as LocalTokenGroup, lt as EditorSelection, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
3
+ import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-DTOshgo1.js";
4
4
  //#region node_modules/@lezer/javascript/dist/index.js
5
5
  var noSemi = 316;
6
6
  var noSemiType = 317;
@@ -1,4 +1,4 @@
1
- import { A as syntaxTree, H as Decoration, K as ViewPlugin, Q as keymap, St as combineConfig, T as indentUnit, Tt as fromCodePoint, U as Direction, W as EditorView, Z as getTooltip, _t as StateField, at as Annotation, bt as codePointAt, dt as Facet, ft as MapMode, gt as StateEffect, ht as RangeValue, lt as EditorSelection, pt as Prec, q as WidgetType, rt as showTooltip, tt as logException, vt as Text, xt as codePointSize, yt as Transaction } from "./dist-Dn3c5gfb.js";
1
+ import { A as syntaxTree, H as Decoration, K as ViewPlugin, Q as keymap, St as combineConfig, T as indentUnit, Tt as fromCodePoint, U as Direction, W as EditorView, Z as getTooltip, _t as StateField, at as Annotation, bt as codePointAt, dt as Facet, ft as MapMode, gt as StateEffect, ht as RangeValue, lt as EditorSelection, pt as Prec, q as WidgetType, rt as showTooltip, tt as logException, vt as Text, xt as codePointSize, yt as Transaction } from "./dist-CpW8MF-L.js";
2
2
  //#region node_modules/@codemirror/autocomplete/dist/index.js
3
3
  /**
4
4
  An instance of this is passed to completion source functions.
@@ -1,7 +1,7 @@
1
1
  import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
3
- import { n as cssLanguage, t as css } from "./dist-CQzaKTa8.js";
4
- import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-CGOykrJw.js";
2
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-CpW8MF-L.js";
3
+ import { n as cssLanguage, t as css } from "./dist-PlhQXXtE.js";
4
+ import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-DMHTTJRJ.js";
5
5
  //#region node_modules/@lezer/html/dist/index.js
6
6
  var scriptText = 55;
7
7
  var StartCloseScriptTag = 1;
@@ -1,5 +1,5 @@
1
1
  import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
- import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags$1, P as IterMode, R as NodeWeakMap, i as LocalTokenGroup, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
2
+ import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags$1, P as IterMode, R as NodeWeakMap, i as LocalTokenGroup, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-CpW8MF-L.js";
3
3
  //#region node_modules/@lezer/css/dist/index.js
4
4
  var descendantOp = 148;
5
5
  var Unit = 1;
@@ -1,5 +1,5 @@
1
1
  import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
- import { t as __decorate } from "./decorate-lwt_OrAG.js";
2
+ import { t as __decorate } from "./decorate-CO88j7Lc.js";
3
3
  import { t as reflectNonDefault } from "./reflect-non-default-OLaK60rT.js";
4
4
  import { LitElement, css, html } from "lit";
5
5
  import { customElement, property, state } from "lit/decorators.js";
@@ -1,8 +1,8 @@
1
1
  import { t as inheritedTextReset } from "./shadow-resets-aG-rgyNQ.js";
2
- import { i as linkRel, r as translate, t as withTranslations } from "./with-translations-Dt2DTXJF.js";
3
- import { t as __decorate } from "./decorate-lwt_OrAG.js";
2
+ import { i as linkRel, r as translate, t as withTranslations } from "./with-translations-C8_0-9y8.js";
3
+ import { t as __decorate } from "./decorate-CO88j7Lc.js";
4
4
  import { t as reflectNonDefault } from "./reflect-non-default-OLaK60rT.js";
5
- import "./icon-DWNVcttg.js";
5
+ import "./icon-Typdp4av.js";
6
6
  import { r as isTouchMode } from "./input-modality-DhTeUxKi.js";
7
7
  import { LitElement, css, html, nothing } from "lit";
8
8
  import { customElement, property, state } from "lit/decorators.js";
@@ -1498,8 +1498,7 @@ var nlddIconButtonTranslations = { "components.icon-button.opens-in-new-tab-labe
1498
1498
  *
1499
1499
  * @fires click - When button is clicked (not fired when disabled)
1500
1500
  */
1501
- var _NLDDIconButton;
1502
- var NLDDIconButton = (_NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, nlddIconButtonTranslations) {
1501
+ var _NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, nlddIconButtonTranslations) {
1503
1502
  constructor(..._args) {
1504
1503
  super(..._args);
1505
1504
  this._internals = this.attachInternals();
@@ -1571,7 +1570,8 @@ var NLDDIconButton = (_NLDDIconButton = class NLDDIconButton extends withTransla
1571
1570
  render() {
1572
1571
  return template.call(this);
1573
1572
  }
1574
- }, _NLDDIconButton.styles = iconButtonStyles, _NLDDIconButton.formAssociated = true, _NLDDIconButton);
1573
+ };
1574
+ var NLDDIconButton = (_NLDDIconButton.styles = iconButtonStyles, _NLDDIconButton.formAssociated = true, _NLDDIconButton);
1575
1575
  __decorate([property({
1576
1576
  reflect: true,
1577
1577
  converter: reflectNonDefault("neutral-tinted")
@@ -18,7 +18,7 @@
18
18
  * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
19
19
  * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
20
20
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
21
- * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
21
+ * @attr {'first' | 'between' | 'last' | 'only'} position - Place of the row in the list as it stands on screen (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `first` is the top row and only has a line below, `last` the bottom row and only has a line above, also with `direction="up"`: position is about where the row stands, `direction` about which way time runs. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
22
22
  * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `level="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
23
23
  * @attr {string} text - Number or short text in the dot
24
24
  * @attr {string} icon - Icon name in the dot; wins over `text`
@@ -24,7 +24,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
24
24
  * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
25
25
  * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
26
26
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
27
- * @attr {'first' | 'between' | 'last' | 'only'} position - Place in the series (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
27
+ * @attr {'first' | 'between' | 'last' | 'only'} position - Place of the row in the list as it stands on screen (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `first` is the top row and only has a line below, `last` the bottom row and only has a line above, also with `direction="up"`: position is about where the row stands, `direction` about which way time runs. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
28
28
  * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `level="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
29
29
  * @attr {string} text - Number or short text in the dot
30
30
  * @attr {string} icon - Icon name in the dot; wins over `text`
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBAsblC,CAAC"}
1
+ {"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBAoclC,CAAC"}
@@ -102,7 +102,9 @@ export const topNavigationBarStyles = css `
102
102
  justify-content: center;
103
103
  }
104
104
 
105
- @supports (animation-timeline: scroll()) {
105
+ /* WebKit only: Chrome paints nothing above the page and leaves the fixed
106
+ ::after behind, so a hard pull shows a gap between it and the logo. */
107
+ @supports (animation-timeline: scroll()) and (font: -apple-system-body) {
106
108
  .top-navigation-bar__logo {
107
109
  position: relative;
108
110
  }
@@ -176,10 +178,22 @@ export const topNavigationBarStyles = css `
176
178
  grid-column: 2;
177
179
  }
178
180
 
181
+ /* The link spans the wordmark's whole track so the ribbon stays centered;
182
+ only the ribbon and the text take the click, not the space beside them. */
179
183
  a.top-navigation-bar__logo-and-wordmark {
184
+ pointer-events: none;
180
185
  text-decoration: none;
181
186
  }
182
187
 
188
+ a.top-navigation-bar__logo-and-wordmark > .top-navigation-bar__logo,
189
+ a.top-navigation-bar__logo-and-wordmark .top-navigation-bar__wordmark-content > p {
190
+ pointer-events: auto;
191
+ }
192
+
193
+ a.top-navigation-bar__logo-and-wordmark .top-navigation-bar__wordmark-content > p {
194
+ width: fit-content;
195
+ }
196
+
183
197
  a.top-navigation-bar__logo-and-wordmark:focus-visible {
184
198
  outline: none;
185
199
  }
@@ -1 +1 @@
1
- {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.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,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;IAgBrC,kBAAkB;;;;;;;;;;;;;;;;;;;2BAmBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA4IL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAiCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}
1
+ {"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.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,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;IAgBrC,kBAAkB;;;;;;;;;;;;;;;;;;;2BAmBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA0JL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAiCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}
@@ -5,9 +5,15 @@
5
5
  * number (or a check mark on what is done), a label under each and a line
6
6
  * connecting them.
7
7
  *
8
- * The parent holds the truth: `current` (1-based) derives the status of every
9
- * child — `past` before it, `future` after. A child can override that with a
10
- * `status` of its own, for flows that jump back or skip a step.
8
+ * Mark the step you are on with `status="current"`. The parent derives the
9
+ * rest from its position: `past` before it, `future` after. With none marked,
10
+ * step 1 is current. With more than one, the last one wins and a warning goes
11
+ * to the console in a dev build: a flow that forgets to clear the previous
12
+ * step still points at the furthest one. A `status="past"` or
13
+ * `status="future"` on another step overrides what is derived for that step,
14
+ * for flows that jump back or skip a step. One attribute, the same three
15
+ * values as `nldd-timeline-track-cell`, so a flow reads in one vocabulary
16
+ * whether it runs across or down.
11
17
  *
12
18
  * Horizontal only. For steps under each other, build an `nldd-list` with an
13
19
  * `nldd-timeline-track-cell` and an `nldd-title-cell` per row: vertical steps
@@ -27,18 +33,14 @@
27
33
  *
28
34
  * @attr {string} accessible-label - Name of the nav; defaults to the i18n value ("Voortgang")
29
35
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
30
- * @attr {number} current - 1-based number of the current step (default 1)
31
36
  *
32
37
  * @slot - `nldd-step-indicator-item` children
33
38
  *
34
39
  * @example
35
40
  * ```html
36
- * <nldd-step-indicator
37
- * current="2"
38
- * accessible-label="Voortgang aanvraag"
39
- * >
41
+ * <nldd-step-indicator accessible-label="Voortgang aanvraag">
40
42
  * <nldd-step-indicator-item text="Gegevens"></nldd-step-indicator-item>
41
- * <nldd-step-indicator-item text="Controle"></nldd-step-indicator-item>
43
+ * <nldd-step-indicator-item text="Controle" status="current"></nldd-step-indicator-item>
42
44
  * <nldd-step-indicator-item text="Bevestigen"></nldd-step-indicator-item>
43
45
  * </nldd-step-indicator>
44
46
  * ```
@@ -49,16 +51,17 @@ import '../../content/icon/icon.js';
49
51
  * single vocabulary whether it runs horizontally or vertically. */
50
52
  export type StepIndicatorStatus = 'past' | 'current' | 'future';
51
53
  /**
52
- * One step in an `nldd-step-indicator`. The parent decides the status and the
53
- * number; those live here as internal state rather than as public API, except
54
- * for `status`, which overrides what `current` derives.
54
+ * One step in an `nldd-step-indicator`. `status="current"` marks the step you
55
+ * are on; the parent derives the status of the others and the number of each,
56
+ * which live here as internal state rather than as public API. `past` and
57
+ * `future` override what is derived for this step.
55
58
  *
56
59
  * @element nldd-step-indicator-item
57
60
  *
58
- * @attr {string} status - `past` | `current` | `future`; overrides what the parent derives
59
- * @attr {string} text - Label under the disc
60
- * @attr {string} icon - Icon in the disc instead of the number or the check mark
61
- * @attr {string} href - Makes the step a link (back to a completed step, for instance)
61
+ * @attr {'past' | 'current' | 'future'} status - How far along this step is. `current` marks the step you are on (`aria-current="step"`) and the parent derives the others from it: with none marked step 1 is current, with more than one the last wins. `past` and `future` override what is derived for this step only
62
+ * @attr {string} text - Label under the disc
63
+ * @attr {string} icon - Icon in the disc instead of the number or the check mark
64
+ * @attr {string} href - Makes the step a link (back to a completed step, for instance)
62
65
  * @attr {boolean} button - Makes the step a button, for flows without a URL per step; ignored when `href` is set
63
66
  *
64
67
  * @slot - Label (an alternative to `text`)
@@ -78,7 +81,10 @@ export declare class NLDDStepIndicatorItem extends LitElement {
78
81
  _derivedStatus: StepIndicatorStatus;
79
82
  _index: number;
80
83
  _statusText: string;
81
- /** The status that counts: the item's own wins over the derived one. */
84
+ /** The status that counts. An own `past` or `future` wins over the derived
85
+ * one. An own `current` is what the parent derives from, so the derived
86
+ * status already says it, and on a step that lost to a later one it does not
87
+ * hold. */
82
88
  get resolvedStatus(): StepIndicatorStatus;
83
89
  connectedCallback(): void;
84
90
  updated(changed: PropertyValues): void;
@@ -97,23 +103,32 @@ declare const NLDDStepIndicator_base: (abstract new (...args: any[]) => LitEleme
97
103
  export declare class NLDDStepIndicator extends NLDDStepIndicator_base {
98
104
  static styles: import("lit").CSSResult;
99
105
  accessibleLabel: string;
100
- current: number;
101
106
  /** The steps, tracked so the compact view (text + bar) is driven by the same
102
107
  * source as the row of markers. */
103
108
  _items: NLDDStepIndicatorItem[];
104
109
  get total(): number;
105
- /** The current step, clamped to the number of steps: an out-of-range
106
- * `current` would otherwise mark every step past (or none at all). */
110
+ /** 1-based position of the last item with `status="current"`, or 1 when none has it. */
107
111
  get resolvedCurrent(): number;
108
112
  get currentItem(): NLDDStepIndicatorItem | undefined;
113
+ /** `status` lives on the children, so a change there has to reach this
114
+ * element: the derived statuses and the compact view follow it. */
115
+ private _observer;
116
+ private _warnedMultipleCurrent;
117
+ connectedCallback(): void;
118
+ /** `current` is no longer an attribute of this element. Watched anyway, so a
119
+ * leftover one gets a hint, also when a framework sets it after the first
120
+ * render: Vue and React fall back to the attribute for an unknown property. */
121
+ static get observedAttributes(): string[];
122
+ attributeChangedCallback(name: string, old: string | null, value: string | null): void;
123
+ disconnectedCallback(): void;
109
124
  _onSlotChange: (e: Event) => void;
110
125
  /** Before render, not after: the compact view reads the current item back out
111
126
  * of the children, so their statuses have to be fresh by the time this
112
127
  * element renders. */
113
128
  willUpdate(changed: PropertyValues): void;
129
+ private _warnOnMultipleCurrent;
114
130
  /** Push position, derived status and status text down to the children. Push
115
- * rather than pull: a child reading its own parent has no way of knowing
116
- * when `current` changes. */
131
+ * rather than pull: a child cannot see where the current step sits. */
117
132
  private _syncItems;
118
133
  render(): import("lit-html").TemplateResult;
119
134
  }
@@ -1 +1 @@
1
- {"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/step-indicator/step-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,4BAA4B,CAAC;AAEpC;oEACoE;AACpE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAKhE;;;;;;;;;;;;;;GAcG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAG7B,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;;yDAEqD;IAErD,MAAM,UAAS;IAEf;uEACmE;IAEnE,cAAc,EAAE,mBAAmB,CAAY;IAG/C,MAAM,SAAK;IAGX,WAAW,SAAM;IAEjB,wEAAwE;IACxE,IAAI,cAAc,IAAI,mBAAmB,CAExC;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,MAAM;CAGf;;;;;;;;;;;AAYD,qBACa,iBAAkB,SAAQ,sBAGtC;IACA,OAAgB,MAAM,0BAAuB;IAG7C,eAAe,SAAM;IAGrB,OAAO,SAAK;IAEZ;wCACoC;IAEpC,MAAM,EAAE,qBAAqB,EAAE,CAAM;IAErC,IAAI,KAAK,IAAI,MAAM,CAElB;IAED;2EACuE;IACvE,IAAI,eAAe,IAAI,MAAM,CAG5B;IAED,IAAI,WAAW,IAAI,qBAAqB,GAAG,SAAS,CAGnD;IAED,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF;;2BAEuB;IACd,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD;;kCAE8B;IAC9B,OAAO,CAAC,UAAU;IAUT,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;QACzC,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
1
+ {"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/step-indicator/step-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,4BAA4B,CAAC;AAEpC;oEACoE;AACpE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAKhE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAG7B,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;;yDAEqD;IAErD,MAAM,UAAS;IAEf;uEACmE;IAEnE,cAAc,EAAE,mBAAmB,CAAY;IAG/C,MAAM,SAAK;IAGX,WAAW,SAAM;IAEjB;;;gBAGY;IACZ,IAAI,cAAc,IAAI,mBAAmB,CAExC;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,MAAM;CAGf;;;;;;;;;;;AAYD,qBACa,iBAAkB,SAAQ,sBAGtC;IACA,OAAgB,MAAM,0BAAuB;IAG7C,eAAe,SAAM;IAErB;wCACoC;IAEpC,MAAM,EAAE,qBAAqB,EAAE,CAAM;IAErC,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,wFAAwF;IACxF,IAAI,eAAe,IAAI,MAAM,CAG5B;IAED,IAAI,WAAW,IAAI,qBAAqB,GAAG,SAAS,CAGnD;IAED;wEACoE;IACpE,OAAO,CAAC,SAAS,CAAoD;IAErE,OAAO,CAAC,sBAAsB,CAAS;IAE9B,iBAAiB,IAAI,IAAI;IAKlC;;oFAEgF;IAChF,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAEQ,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOtF,oBAAoB,IAAI,IAAI;IAKrC,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF;;2BAEuB;IACd,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,OAAO,CAAC,sBAAsB;IAS9B;4EACwE;IACxE,OAAO,CAAC,UAAU;IAUT,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;QACzC,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}