@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.
- package/README.md +108 -12
- package/custom-elements.json +10 -26
- package/dist/components/actions/toolbar/toolbar.d.ts +3 -1
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +18 -8
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +319 -273
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +1 -0
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/{decorate-lwt_OrAG.js → decorate-CO88j7Lc.js} +1 -1
- package/dist/components/{dist-M6GKopqu.js → dist-BWEAw34D.js} +1 -1
- package/dist/components/{dist-OlffRM7-.js → dist-BWRYv3Mp.js} +1 -1
- package/dist/components/{dist-CSYXsT7W.js → dist-Bi4EHsFY.js} +2 -2
- package/dist/components/{dist-B5ie2Bo9.js → dist-C3uWRipu.js} +1 -1
- package/dist/components/{dist-CoUVHSu-.js → dist-CH9m014O.js} +1 -1
- package/dist/components/{dist-Dn3c5gfb.js → dist-CpW8MF-L.js} +42 -27
- package/dist/components/{dist-RPaf2J9c.js → dist-CvL6_ezZ.js} +2 -2
- package/dist/components/{dist-CGOykrJw.js → dist-DMHTTJRJ.js} +2 -2
- package/dist/components/{dist-BUu-NW5O.js → dist-DTOshgo1.js} +1 -1
- package/dist/components/{dist-Dxn9Up8K.js → dist-DV6Mp5N1.js} +3 -3
- package/dist/components/{dist-CQzaKTa8.js → dist-PlhQXXtE.js} +1 -1
- package/dist/components/{icon-DWNVcttg.js → icon-Typdp4av.js} +1 -1
- package/dist/components/{icon-button-DHzLMmj0.js → icon-button-9mo3oIyL.js} +6 -6
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +15 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +37 -22
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +63 -31
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
- package/dist/components/{visibility-mixin-BU1vIMW7.js → visibility-mixin-Crbt8PFP.js} +1 -1
- package/dist/components/{with-translations-Dt2DTXJF.js → with-translations-C8_0-9y8.js} +1 -1
- package/dist/css/document-reset.css +7 -0
- package/dist/css/rich-text.css +0 -2
- package/dist/nldd.min.js +275 -259
- package/dist/types/vue.d.ts +9 -10
- 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,
|
|
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"}
|
|
@@ -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
|
|
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.
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
4669
|
-
let
|
|
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 (
|
|
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 =
|
|
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
|
|
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(() =>
|
|
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 =
|
|
8296
|
+
let brk = false;
|
|
8287
8297
|
if (nodes[i - 1] == null) {
|
|
8288
|
-
brk =
|
|
8298
|
+
brk = true;
|
|
8289
8299
|
i--;
|
|
8290
8300
|
} else if (nodes[i] == null) {
|
|
8291
|
-
brk =
|
|
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
|
|
10646
|
-
|
|
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
|
-
|
|
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
|
|
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://
|
|
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-
|
|
2
|
-
import { a as ifNotIn, r as completeFromList } from "./dist-
|
|
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-
|
|
3
|
-
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-
|
|
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-
|
|
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-
|
|
3
|
-
import { n as cssLanguage, t as css } from "./dist-
|
|
4
|
-
import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-
|
|
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-
|
|
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-
|
|
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-
|
|
3
|
-
import { t as __decorate } from "./decorate-
|
|
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-
|
|
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
|
-
}
|
|
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
|
|
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
|
|
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,
|
|
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
|
-
|
|
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
|
|
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
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
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`.
|
|
53
|
-
*
|
|
54
|
-
*
|
|
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 {
|
|
59
|
-
* @attr {string} text
|
|
60
|
-
* @attr {string} icon
|
|
61
|
-
* @attr {string} href
|
|
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
|
|
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
|
-
/**
|
|
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
|
|
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
|
|
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"}
|