@teaui/core 1.1.4
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/.dist/Buffer.d.ts +21 -0
- package/.dist/Buffer.js +140 -0
- package/.dist/Buffer.js.map +1 -0
- package/.dist/Color.d.ts +7 -0
- package/.dist/Color.js +39 -0
- package/.dist/Color.js.map +1 -0
- package/.dist/Container.d.ts +21 -0
- package/.dist/Container.js +138 -0
- package/.dist/Container.js.map +1 -0
- package/.dist/Screen.d.ts +54 -0
- package/.dist/Screen.js +278 -0
- package/.dist/Screen.js.map +1 -0
- package/.dist/Style.d.ts +46 -0
- package/.dist/Style.js +433 -0
- package/.dist/Style.js.map +1 -0
- package/.dist/System.d.ts +13 -0
- package/.dist/System.js +26 -0
- package/.dist/System.js.map +1 -0
- package/.dist/Theme.d.ts +56 -0
- package/.dist/Theme.js +157 -0
- package/.dist/Theme.js.map +1 -0
- package/.dist/UI.d.ts +2 -0
- package/.dist/UI.js +28 -0
- package/.dist/UI.js.map +1 -0
- package/.dist/View.d.ts +99 -0
- package/.dist/View.js +374 -0
- package/.dist/View.js.map +1 -0
- package/.dist/Viewport.d.ts +89 -0
- package/.dist/Viewport.js +295 -0
- package/.dist/Viewport.js.map +1 -0
- package/.dist/ansi.d.ts +31 -0
- package/.dist/ansi.js +139 -0
- package/.dist/ansi.js.map +1 -0
- package/.dist/components/Accordion.d.ts +47 -0
- package/.dist/components/Accordion.js +294 -0
- package/.dist/components/Accordion.js.map +1 -0
- package/.dist/components/Box.d.ts +67 -0
- package/.dist/components/Box.js +211 -0
- package/.dist/components/Box.js.map +1 -0
- package/.dist/components/Button.d.ts +28 -0
- package/.dist/components/Button.js +118 -0
- package/.dist/components/Button.js.map +1 -0
- package/.dist/components/Checkbox.d.ts +31 -0
- package/.dist/components/Checkbox.js +106 -0
- package/.dist/components/Checkbox.js.map +1 -0
- package/.dist/components/Collapsible.d.ts +32 -0
- package/.dist/components/Collapsible.js +109 -0
- package/.dist/components/Collapsible.js.map +1 -0
- package/.dist/components/CollapsibleText.d.ts +21 -0
- package/.dist/components/CollapsibleText.js +113 -0
- package/.dist/components/CollapsibleText.js.map +1 -0
- package/.dist/components/Digits.d.ts +20 -0
- package/.dist/components/Digits.js +843 -0
- package/.dist/components/Digits.js.map +1 -0
- package/.dist/components/Drawer.d.ts +44 -0
- package/.dist/components/Drawer.js +473 -0
- package/.dist/components/Drawer.js.map +1 -0
- package/.dist/components/Dropdown.d.ts +61 -0
- package/.dist/components/Dropdown.js +367 -0
- package/.dist/components/Dropdown.js.map +1 -0
- package/.dist/components/Header.d.ts +25 -0
- package/.dist/components/Header.js +106 -0
- package/.dist/components/Header.js.map +1 -0
- package/.dist/components/HotKey.d.ts +14 -0
- package/.dist/components/HotKey.js +31 -0
- package/.dist/components/HotKey.js.map +1 -0
- package/.dist/components/Input.d.ts +45 -0
- package/.dist/components/Input.js +1109 -0
- package/.dist/components/Input.js.map +1 -0
- package/.dist/components/Log.d.ts +16 -0
- package/.dist/components/Log.js +122 -0
- package/.dist/components/Log.js.map +1 -0
- package/.dist/components/Progress.d.ts +21 -0
- package/.dist/components/Progress.js +200 -0
- package/.dist/components/Progress.js.map +1 -0
- package/.dist/components/Scrollable.d.ts +50 -0
- package/.dist/components/Scrollable.js +226 -0
- package/.dist/components/Scrollable.js.map +1 -0
- package/.dist/components/ScrollableList.d.ts +70 -0
- package/.dist/components/ScrollableList.js +354 -0
- package/.dist/components/ScrollableList.js.map +1 -0
- package/.dist/components/Separator.d.ts +21 -0
- package/.dist/components/Separator.js +67 -0
- package/.dist/components/Separator.js.map +1 -0
- package/.dist/components/Slider.d.ts +60 -0
- package/.dist/components/Slider.js +341 -0
- package/.dist/components/Slider.js.map +1 -0
- package/.dist/components/Space.d.ts +19 -0
- package/.dist/components/Space.js +45 -0
- package/.dist/components/Space.js.map +1 -0
- package/.dist/components/Spinner.d.ts +16 -0
- package/.dist/components/Spinner.js +48 -0
- package/.dist/components/Spinner.js.map +1 -0
- package/.dist/components/Stack.d.ts +33 -0
- package/.dist/components/Stack.js +285 -0
- package/.dist/components/Stack.js.map +1 -0
- package/.dist/components/Tabs.d.ts +52 -0
- package/.dist/components/Tabs.js +312 -0
- package/.dist/components/Tabs.js.map +1 -0
- package/.dist/components/Text.d.ts +35 -0
- package/.dist/components/Text.js +242 -0
- package/.dist/components/Text.js.map +1 -0
- package/.dist/components/ToggleGroup.d.ts +26 -0
- package/.dist/components/ToggleGroup.js +279 -0
- package/.dist/components/ToggleGroup.js.map +1 -0
- package/.dist/components/Tree.d.ts +21 -0
- package/.dist/components/Tree.js +233 -0
- package/.dist/components/Tree.js.map +1 -0
- package/.dist/components/Window.d.ts +6 -0
- package/.dist/components/Window.js +17 -0
- package/.dist/components/Window.js.map +1 -0
- package/.dist/components/fonts.d.ts +2 -0
- package/.dist/components/fonts.js +39 -0
- package/.dist/components/fonts.js.map +1 -0
- package/.dist/components/index.d.ts +27 -0
- package/.dist/components/index.js +48 -0
- package/.dist/components/index.js.map +1 -0
- package/.dist/components/types.d.ts +6 -0
- package/.dist/components/types.js +20 -0
- package/.dist/components/types.js.map +1 -0
- package/.dist/components/utility/TrackMouse.d.ts +16 -0
- package/.dist/components/utility/TrackMouse.js +53 -0
- package/.dist/components/utility/TrackMouse.js.map +1 -0
- package/.dist/components/utility/index.d.ts +1 -0
- package/.dist/components/utility/index.js +6 -0
- package/.dist/components/utility/index.js.map +1 -0
- package/.dist/events/index.d.ts +12 -0
- package/.dist/events/index.js +20 -0
- package/.dist/events/index.js.map +1 -0
- package/.dist/events/key.d.ts +15 -0
- package/.dist/events/key.js +105 -0
- package/.dist/events/key.js.map +1 -0
- package/.dist/events/mouse.d.ts +65 -0
- package/.dist/events/mouse.js +68 -0
- package/.dist/events/mouse.js.map +1 -0
- package/.dist/events/window.d.ts +6 -0
- package/.dist/events/window.js +3 -0
- package/.dist/events/window.js.map +1 -0
- package/.dist/geometry.d.ts +178 -0
- package/.dist/geometry.js +315 -0
- package/.dist/geometry.js.map +1 -0
- package/.dist/iTerm2.d.ts +20 -0
- package/.dist/iTerm2.js +60 -0
- package/.dist/iTerm2.js.map +1 -0
- package/.dist/index.d.ts +18 -0
- package/.dist/index.js +37 -0
- package/.dist/index.js.map +1 -0
- package/.dist/inspect.d.ts +2 -0
- package/.dist/inspect.js +118 -0
- package/.dist/inspect.js.map +1 -0
- package/.dist/log.d.ts +12 -0
- package/.dist/log.js +56 -0
- package/.dist/log.js.map +1 -0
- package/.dist/managers/FocusManager.d.ts +28 -0
- package/.dist/managers/FocusManager.js +143 -0
- package/.dist/managers/FocusManager.js.map +1 -0
- package/.dist/managers/ModalManager.d.ts +10 -0
- package/.dist/managers/ModalManager.js +67 -0
- package/.dist/managers/ModalManager.js.map +1 -0
- package/.dist/managers/MouseManager.d.ts +21 -0
- package/.dist/managers/MouseManager.js +313 -0
- package/.dist/managers/MouseManager.js.map +1 -0
- package/.dist/managers/TickManager.d.ts +11 -0
- package/.dist/managers/TickManager.js +63 -0
- package/.dist/managers/TickManager.js.map +1 -0
- package/.dist/sys/alias.d.ts +470 -0
- package/.dist/sys/alias.js +487 -0
- package/.dist/sys/alias.js.map +1 -0
- package/.dist/sys/colors.d.ts +10 -0
- package/.dist/sys/colors.js +285 -0
- package/.dist/sys/colors.js.map +1 -0
- package/.dist/sys/gpmclient.d.ts +11 -0
- package/.dist/sys/gpmclient.js +193 -0
- package/.dist/sys/gpmclient.js.map +1 -0
- package/.dist/sys/index.d.ts +4 -0
- package/.dist/sys/index.js +41 -0
- package/.dist/sys/index.js.map +1 -0
- package/.dist/sys/keys.d.ts +4 -0
- package/.dist/sys/keys.js +531 -0
- package/.dist/sys/keys.js.map +1 -0
- package/.dist/sys/program.d.ts +356 -0
- package/.dist/sys/program.js +3739 -0
- package/.dist/sys/program.js.map +1 -0
- package/.dist/sys/tput.d.ts +297 -0
- package/.dist/sys/tput.js +2708 -0
- package/.dist/sys/tput.js.map +1 -0
- package/.dist/sys/unicode.d.ts +11 -0
- package/.dist/sys/unicode.js +619 -0
- package/.dist/sys/unicode.js.map +1 -0
- package/.dist/sys/usr/linux +0 -0
- package/.dist/sys/usr/windows-ansi +0 -0
- package/.dist/sys/usr/xterm +0 -0
- package/.dist/sys/usr/xterm-256color +0 -0
- package/.dist/sys/usr/xterm.termcap +243 -0
- package/.dist/sys/usr/xterm.terminfo +1977 -0
- package/.dist/terminal.d.ts +7 -0
- package/.dist/terminal.js +3 -0
- package/.dist/terminal.js.map +1 -0
- package/.dist/util.d.ts +22 -0
- package/.dist/util.js +79 -0
- package/.dist/util.js.map +1 -0
- package/LICENSE +24 -0
- package/package.json +49 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Button = void 0;
|
|
4
|
+
const sys_1 = require("../sys");
|
|
5
|
+
const Container_1 = require("../Container");
|
|
6
|
+
const Text_1 = require("./Text");
|
|
7
|
+
const geometry_1 = require("../geometry");
|
|
8
|
+
const events_1 = require("../events");
|
|
9
|
+
const UI_1 = require("../UI");
|
|
10
|
+
class Button extends Container_1.Container {
|
|
11
|
+
#hotKey;
|
|
12
|
+
#onClick;
|
|
13
|
+
#textView;
|
|
14
|
+
#border = 'default';
|
|
15
|
+
#align = 'center';
|
|
16
|
+
constructor(props) {
|
|
17
|
+
super(props);
|
|
18
|
+
this.#textView = new Text_1.Text({ alignment: 'center' });
|
|
19
|
+
this.add(this.#textView);
|
|
20
|
+
this.#update(props);
|
|
21
|
+
}
|
|
22
|
+
update(props) {
|
|
23
|
+
this.#update(props);
|
|
24
|
+
super.update(props);
|
|
25
|
+
}
|
|
26
|
+
childTheme(view) {
|
|
27
|
+
return (0, UI_1.childTheme)(super.childTheme(view), this.isPressed, this.isHover);
|
|
28
|
+
}
|
|
29
|
+
#update({ title, border, align, hotKey, onClick }) {
|
|
30
|
+
const styledText = hotKey ? (0, events_1.styleTextForHotKey)(title ?? '', hotKey) : title;
|
|
31
|
+
this.#textView.text = styledText ?? '';
|
|
32
|
+
this.#align = align ?? 'center';
|
|
33
|
+
this.#border = border ?? 'default';
|
|
34
|
+
this.#hotKey = hotKey;
|
|
35
|
+
this.#onClick = onClick;
|
|
36
|
+
}
|
|
37
|
+
naturalSize(available) {
|
|
38
|
+
const [left, right] = this.#borderSize();
|
|
39
|
+
return super.naturalSize(available).grow(left + right, 0);
|
|
40
|
+
}
|
|
41
|
+
get title() {
|
|
42
|
+
return this.#textView.text;
|
|
43
|
+
}
|
|
44
|
+
set title(value) {
|
|
45
|
+
const styledText = this.#hotKey
|
|
46
|
+
? (0, events_1.styleTextForHotKey)(value ?? '', this.#hotKey)
|
|
47
|
+
: (value ?? '');
|
|
48
|
+
this.#textView.text = styledText;
|
|
49
|
+
this.invalidateSize();
|
|
50
|
+
}
|
|
51
|
+
#borderSize() {
|
|
52
|
+
const [left, right] = BORDERS[this.#border];
|
|
53
|
+
return [sys_1.unicode.lineWidth(left), sys_1.unicode.lineWidth(right)];
|
|
54
|
+
}
|
|
55
|
+
receiveMouse(event, system) {
|
|
56
|
+
super.receiveMouse(event, system);
|
|
57
|
+
if ((0, events_1.isMouseClicked)(event)) {
|
|
58
|
+
this.#onClick?.();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
receiveKey(_) {
|
|
62
|
+
this.#onClick?.();
|
|
63
|
+
}
|
|
64
|
+
render(viewport) {
|
|
65
|
+
if (viewport.isEmpty) {
|
|
66
|
+
return super.render(viewport);
|
|
67
|
+
}
|
|
68
|
+
viewport.registerMouse(['mouse.button.left', 'mouse.move']);
|
|
69
|
+
if (this.#hotKey) {
|
|
70
|
+
viewport.registerHotKey((0, events_1.toHotKeyDef)(this.#hotKey));
|
|
71
|
+
}
|
|
72
|
+
const textStyle = this.theme.ui({
|
|
73
|
+
isPressed: this.isPressed,
|
|
74
|
+
isHover: this.isHover,
|
|
75
|
+
});
|
|
76
|
+
const topsStyle = this.theme.ui({
|
|
77
|
+
isPressed: this.isPressed,
|
|
78
|
+
isHover: this.isHover,
|
|
79
|
+
isOrnament: true,
|
|
80
|
+
});
|
|
81
|
+
viewport.visibleRect.forEachPoint(pt => {
|
|
82
|
+
if (pt.y === 0 && viewport.contentSize.height > 2) {
|
|
83
|
+
viewport.write('▔', pt, topsStyle);
|
|
84
|
+
}
|
|
85
|
+
else if (pt.y === viewport.contentSize.height - 1 &&
|
|
86
|
+
viewport.contentSize.height > 2) {
|
|
87
|
+
viewport.write('▁', pt, topsStyle);
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
viewport.write(' ', pt, textStyle);
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
const [leftWidth, rightWidth] = this.#borderSize();
|
|
94
|
+
const naturalSize = super.naturalSize(viewport.contentSize.shrink(leftWidth + rightWidth, 0));
|
|
95
|
+
const offsetLeft = this.#align === 'center'
|
|
96
|
+
? Math.round((viewport.contentSize.width - naturalSize.width) / 2)
|
|
97
|
+
: this.#align === 'left'
|
|
98
|
+
? 1
|
|
99
|
+
: viewport.contentSize.width - naturalSize.width - 1, offset = new geometry_1.Point(offsetLeft, Math.round((viewport.contentSize.height - naturalSize.height) / 2));
|
|
100
|
+
const [left, right] = BORDERS[this.#border], leftX = offset.x - leftWidth, rightX = offset.x + naturalSize.width;
|
|
101
|
+
for (let y = 0; y < naturalSize.height; y++) {
|
|
102
|
+
viewport.write(left, new geometry_1.Point(leftX, offset.y + y), textStyle);
|
|
103
|
+
viewport.write(right, new geometry_1.Point(rightX, offset.y + y), textStyle);
|
|
104
|
+
}
|
|
105
|
+
viewport.clipped(new geometry_1.Rect(offset, naturalSize), textStyle, inside => {
|
|
106
|
+
super.render(inside);
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
exports.Button = Button;
|
|
111
|
+
const BORDERS = {
|
|
112
|
+
default: ['[ ', ' ]'],
|
|
113
|
+
arrows: [' ', ' '],
|
|
114
|
+
none: [' ', ' '],
|
|
115
|
+
};
|
|
116
|
+
// E0A0
|
|
117
|
+
// E0B0
|
|
118
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../lib/components/Button.ts"],"names":[],"mappings":";;;AAAA,gCAA8B;AAG9B,4CAAoE;AACpE,iCAA2B;AAC3B,0CAA6C;AAC7C,sCAOkB;AAClB,8BAAgC;AAgBhC,MAAa,MAAO,SAAQ,qBAAS;IACnC,OAAO,CAAS;IAChB,QAAQ,CAAmB;IAC3B,SAAS,CAAM;IACf,OAAO,GAAW,SAAS,CAAA;IAC3B,MAAM,GAAc,QAAQ,CAAA;IAE5B,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,SAAS,GAAG,IAAI,WAAI,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC,CAAA;QAChD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAExB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,MAAM,CAAC,KAAY;QACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,UAAU,CAAC,IAAU;QACnB,OAAO,IAAA,eAAU,EAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IACzE,CAAC;IAED,OAAO,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAQ;QACpD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,IAAA,2BAAkB,EAAC,KAAK,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAC3E,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,IAAI,EAAE,CAAA;QACtC,IAAI,CAAC,MAAM,GAAG,KAAK,IAAI,QAAQ,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,SAAS,CAAA;QAClC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;IACzB,CAAC;IAED,WAAW,CAAC,SAAe;QACzB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;QACxC,OAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;IAC5B,CAAC;IACD,IAAI,KAAK,CAAC,KAAyB;QACjC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO;YAC7B,CAAC,CAAC,IAAA,2BAAkB,EAAC,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC;YAC/C,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAA;QAChC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,WAAW;QACT,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,OAAO,CAAC,aAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5D,CAAC;IAED,YAAY,CAAC,KAAiB,EAAE,MAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAEjC,IAAI,IAAA,uBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;IAED,UAAU,CAAC,CAAW;QACpB,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAA;IACnB,CAAC;IAED,MAAM,CAAC,QAAkB;QACvB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QAED,QAAQ,CAAC,aAAa,CAAC,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAA;QAE3D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,QAAQ,CAAC,cAAc,CAAC,IAAA,oBAAW,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;QACpD,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAA;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAA;QAEF,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE;YACrC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAClD,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;iBAAM,IACL,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;gBACxC,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAC/B,CAAC;gBACD,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,CAAC,CAAA;YACpC,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;QAClD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,CACvD,CAAA;QACD,MAAM,UAAU,GACZ,IAAI,CAAC,MAAM,KAAK,QAAQ;YACtB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAClE,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM;gBACtB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,EAC1D,MAAM,GAAG,IAAI,gBAAK,CAChB,UAAU,EACV,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CACnE,CAAA;QAEH,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EACzC,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,SAAS,EAC5B,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAA;QAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,gBAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;YAC/D,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,gBAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACnE,CAAC;QACD,QAAQ,CAAC,OAAO,CAAC,IAAI,eAAI,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE;YAClE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAhID,wBAgIC;AAED,MAAM,OAAO,GAAgC;IAC3C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IACpB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;CACjB,CAAA;AAED,WAAW;AACX,YAAY"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Viewport } from '../Viewport';
|
|
2
|
+
import { type View } from '../View';
|
|
3
|
+
import { type Props as ContainerProps, Container } from '../Container';
|
|
4
|
+
import { Size } from '../geometry';
|
|
5
|
+
import { type HotKey, type MouseEvent } from '../events';
|
|
6
|
+
import { System } from '../System';
|
|
7
|
+
interface StyleProps {
|
|
8
|
+
title?: string;
|
|
9
|
+
value: boolean;
|
|
10
|
+
onChange?: (value: boolean) => void;
|
|
11
|
+
hotKey?: HotKey;
|
|
12
|
+
}
|
|
13
|
+
type Props = StyleProps & ContainerProps;
|
|
14
|
+
export declare class Checkbox extends Container {
|
|
15
|
+
#private;
|
|
16
|
+
constructor(props: Props);
|
|
17
|
+
get value(): boolean;
|
|
18
|
+
set value(value: boolean);
|
|
19
|
+
childTheme(view: View): import("..").Theme;
|
|
20
|
+
update(props: Props): void;
|
|
21
|
+
get title(): string | undefined;
|
|
22
|
+
set title(value: string | undefined);
|
|
23
|
+
naturalSize(available: Size): Size;
|
|
24
|
+
receiveMouse(event: MouseEvent, system: System): void;
|
|
25
|
+
render(viewport: Viewport): void;
|
|
26
|
+
boxChars(): Record<'unchecked' | 'checked', string>;
|
|
27
|
+
}
|
|
28
|
+
export declare class Radio extends Checkbox {
|
|
29
|
+
boxChars(): Record<'unchecked' | 'checked', string>;
|
|
30
|
+
}
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Radio = exports.Checkbox = void 0;
|
|
4
|
+
const sys_1 = require("../sys");
|
|
5
|
+
const Container_1 = require("../Container");
|
|
6
|
+
const Text_1 = require("./Text");
|
|
7
|
+
const geometry_1 = require("../geometry");
|
|
8
|
+
const events_1 = require("../events");
|
|
9
|
+
const UI_1 = require("../UI");
|
|
10
|
+
class Checkbox extends Container_1.Container {
|
|
11
|
+
#value = false;
|
|
12
|
+
#hotKey;
|
|
13
|
+
#onChange;
|
|
14
|
+
#textView;
|
|
15
|
+
constructor(props) {
|
|
16
|
+
super(props);
|
|
17
|
+
this.#textView = new Text_1.Text({ alignment: 'center' });
|
|
18
|
+
this.add(this.#textView);
|
|
19
|
+
this.#update(props);
|
|
20
|
+
}
|
|
21
|
+
get value() {
|
|
22
|
+
return this.#value;
|
|
23
|
+
}
|
|
24
|
+
set value(value) {
|
|
25
|
+
if (value === this.#value) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
this.#value = value;
|
|
29
|
+
this.invalidateRender();
|
|
30
|
+
}
|
|
31
|
+
childTheme(view) {
|
|
32
|
+
return (0, UI_1.childTheme)(super.childTheme(view), this.isPressed, this.isHover);
|
|
33
|
+
}
|
|
34
|
+
update(props) {
|
|
35
|
+
this.#update(props);
|
|
36
|
+
super.update(props);
|
|
37
|
+
}
|
|
38
|
+
#update({ title, hotKey, value, onChange }) {
|
|
39
|
+
const styledText = hotKey ? (0, events_1.styleTextForHotKey)(title ?? '', hotKey) : title;
|
|
40
|
+
this.#textView.text = styledText ?? '';
|
|
41
|
+
this.#value = value;
|
|
42
|
+
this.#hotKey = hotKey;
|
|
43
|
+
this.#onChange = onChange;
|
|
44
|
+
}
|
|
45
|
+
get title() {
|
|
46
|
+
return this.#textView?.text;
|
|
47
|
+
}
|
|
48
|
+
set title(value) {
|
|
49
|
+
const styledText = this.#hotKey
|
|
50
|
+
? (0, events_1.styleTextForHotKey)(value ?? '', this.#hotKey)
|
|
51
|
+
: value;
|
|
52
|
+
this.#textView.text = styledText ?? '';
|
|
53
|
+
this.invalidateSize();
|
|
54
|
+
}
|
|
55
|
+
naturalSize(available) {
|
|
56
|
+
return super.naturalSize(available).grow(BOX_WIDTH, 0);
|
|
57
|
+
}
|
|
58
|
+
receiveMouse(event, system) {
|
|
59
|
+
super.receiveMouse(event, system);
|
|
60
|
+
if ((0, events_1.isMouseClicked)(event)) {
|
|
61
|
+
this.#value = !this.#value;
|
|
62
|
+
this.#onChange?.(this.#value);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
render(viewport) {
|
|
66
|
+
if (viewport.isEmpty) {
|
|
67
|
+
return super.render(viewport);
|
|
68
|
+
}
|
|
69
|
+
viewport.registerMouse(['mouse.button.left', 'mouse.move']);
|
|
70
|
+
const uiStyle = this.theme.ui({
|
|
71
|
+
isPressed: this.isPressed,
|
|
72
|
+
isHover: this.isHover,
|
|
73
|
+
});
|
|
74
|
+
viewport.paint(uiStyle);
|
|
75
|
+
const boxWidth = BOX_WIDTH;
|
|
76
|
+
const naturalSize = super.naturalSize(viewport.contentSize.shrink(boxWidth, 0));
|
|
77
|
+
const offset = new geometry_1.Point(boxWidth, Math.round((viewport.contentSize.height - naturalSize.height) / 2));
|
|
78
|
+
const box = this.boxChars()[this.#value ? 'checked' : 'unchecked'];
|
|
79
|
+
viewport.write(box, geometry_1.Point.zero, uiStyle);
|
|
80
|
+
viewport.clipped(new geometry_1.Rect(offset, naturalSize), uiStyle, inside => {
|
|
81
|
+
super.render(inside);
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
boxChars() {
|
|
85
|
+
return BOX.checkbox;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
exports.Checkbox = Checkbox;
|
|
89
|
+
class Radio extends Checkbox {
|
|
90
|
+
boxChars() {
|
|
91
|
+
return BOX.radio;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
exports.Radio = Radio;
|
|
95
|
+
const BOX = {
|
|
96
|
+
checkbox: {
|
|
97
|
+
unchecked: '☐ ',
|
|
98
|
+
checked: '☑ ',
|
|
99
|
+
},
|
|
100
|
+
radio: {
|
|
101
|
+
unchecked: '◯ ',
|
|
102
|
+
checked: '⦿ ',
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
const BOX_WIDTH = sys_1.unicode.lineWidth(BOX.checkbox.unchecked);
|
|
106
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../lib/components/Checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { Viewport } from '../Viewport';
|
|
2
|
+
import { View } from '../View';
|
|
3
|
+
import { type Props as ContainerProps, Container } from '../Container';
|
|
4
|
+
import { Size } from '../geometry';
|
|
5
|
+
import { type MouseEvent } from '../events';
|
|
6
|
+
import { System } from '../System';
|
|
7
|
+
interface StyleProps {
|
|
8
|
+
/**
|
|
9
|
+
* @default true
|
|
10
|
+
*/
|
|
11
|
+
isCollapsed?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* If true, the collapsed view is always shown. Usually the expanded view
|
|
14
|
+
* *replaces* the collapsed view.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
showCollapsed?: boolean;
|
|
18
|
+
collapsed?: View;
|
|
19
|
+
expanded?: View;
|
|
20
|
+
}
|
|
21
|
+
type Props = StyleProps & ContainerProps;
|
|
22
|
+
export declare class Collapsible extends Container {
|
|
23
|
+
#private;
|
|
24
|
+
constructor(props: Props);
|
|
25
|
+
update(props: Props): void;
|
|
26
|
+
add(child: View, at?: number): void;
|
|
27
|
+
removeChild(child: View): void;
|
|
28
|
+
naturalSize(available: Size): Size;
|
|
29
|
+
receiveMouse(event: MouseEvent, system: System): void;
|
|
30
|
+
render(viewport: Viewport): void;
|
|
31
|
+
}
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Collapsible = void 0;
|
|
4
|
+
const Container_1 = require("../Container");
|
|
5
|
+
const Text_1 = require("./Text");
|
|
6
|
+
const geometry_1 = require("../geometry");
|
|
7
|
+
const events_1 = require("../events");
|
|
8
|
+
class Collapsible extends Container_1.Container {
|
|
9
|
+
/**
|
|
10
|
+
* Also assignable as child-view 0 (this is a React support hack)
|
|
11
|
+
*/
|
|
12
|
+
#collapsedView;
|
|
13
|
+
/**
|
|
14
|
+
* Also assignable as child-view 1 (this is a React support hack)
|
|
15
|
+
*/
|
|
16
|
+
#expandedView;
|
|
17
|
+
#isCollapsed = true;
|
|
18
|
+
#showCollapsed = false;
|
|
19
|
+
constructor(props) {
|
|
20
|
+
super(props);
|
|
21
|
+
this.#update(props);
|
|
22
|
+
}
|
|
23
|
+
update(props) {
|
|
24
|
+
this.#update(props);
|
|
25
|
+
super.update(props);
|
|
26
|
+
}
|
|
27
|
+
add(child, at) {
|
|
28
|
+
super.add(child, at);
|
|
29
|
+
this.#collapsedView = this.children.at(0);
|
|
30
|
+
this.#expandedView = this.children.at(1);
|
|
31
|
+
}
|
|
32
|
+
removeChild(child) {
|
|
33
|
+
super.removeChild(child);
|
|
34
|
+
this.#collapsedView = this.children.at(0);
|
|
35
|
+
this.#expandedView = this.children.at(1);
|
|
36
|
+
}
|
|
37
|
+
#update({ isCollapsed, showCollapsed, collapsed: collapsedView, expanded: expandedView, }) {
|
|
38
|
+
this.#isCollapsed = isCollapsed ?? true;
|
|
39
|
+
this.#showCollapsed = showCollapsed ?? false;
|
|
40
|
+
// edge case: expandedView is being assigned, but not collapsedView
|
|
41
|
+
if (expandedView && !collapsedView) {
|
|
42
|
+
collapsedView = this.#collapsedView ?? new Text_1.Text();
|
|
43
|
+
}
|
|
44
|
+
if (collapsedView && collapsedView !== this.#collapsedView) {
|
|
45
|
+
this.#collapsedView?.removeFromParent();
|
|
46
|
+
this.add(collapsedView, 0);
|
|
47
|
+
}
|
|
48
|
+
if (expandedView && expandedView !== this.#expandedView) {
|
|
49
|
+
this.#expandedView?.removeFromParent();
|
|
50
|
+
this.add(expandedView, 1);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
naturalSize(available) {
|
|
54
|
+
let size;
|
|
55
|
+
if (this.#isCollapsed) {
|
|
56
|
+
size = this.#collapsedView?.naturalSize(available) ?? geometry_1.Size.zero;
|
|
57
|
+
}
|
|
58
|
+
else if (this.#showCollapsed) {
|
|
59
|
+
let collapsedSize = this.#collapsedView?.naturalSize(available) ?? geometry_1.Size.zero;
|
|
60
|
+
const remaining = available.shrink(0, collapsedSize.height);
|
|
61
|
+
size = this.#expandedView?.naturalSize(remaining) ?? geometry_1.Size.zero;
|
|
62
|
+
size = size.growHeight(collapsedSize);
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
size = this.#expandedView?.naturalSize(available) ?? geometry_1.Size.zero;
|
|
66
|
+
}
|
|
67
|
+
return size.grow(2, 0);
|
|
68
|
+
}
|
|
69
|
+
receiveMouse(event, system) {
|
|
70
|
+
super.receiveMouse(event, system);
|
|
71
|
+
if ((0, events_1.isMouseClicked)(event)) {
|
|
72
|
+
this.#isCollapsed = !this.#isCollapsed;
|
|
73
|
+
this.invalidateSize();
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
render(viewport) {
|
|
77
|
+
if (viewport.isEmpty) {
|
|
78
|
+
return super.render(viewport);
|
|
79
|
+
}
|
|
80
|
+
viewport.registerMouse(['mouse.button.left', 'mouse.move']);
|
|
81
|
+
const textStyle = this.theme.text({
|
|
82
|
+
isPressed: this.isPressed,
|
|
83
|
+
isHover: this.isHover,
|
|
84
|
+
});
|
|
85
|
+
viewport.paint(textStyle);
|
|
86
|
+
const offset = new geometry_1.Point(2, 0);
|
|
87
|
+
viewport.write(this.#isCollapsed ? '►' : '▼', new geometry_1.Point(0, offset.y), textStyle);
|
|
88
|
+
const contentSize = viewport.contentSize.shrink(2, 0);
|
|
89
|
+
viewport.clipped(new geometry_1.Rect(offset, contentSize), inside => {
|
|
90
|
+
if (this.#isCollapsed) {
|
|
91
|
+
this.#collapsedView?.render(inside);
|
|
92
|
+
}
|
|
93
|
+
else if (this.#showCollapsed) {
|
|
94
|
+
const collapsedSize = this.#collapsedView?.naturalSize(contentSize) ?? geometry_1.Size.zero;
|
|
95
|
+
let remaining = contentSize;
|
|
96
|
+
remaining = remaining.shrink(0, collapsedSize.height);
|
|
97
|
+
this.#collapsedView?.render(inside);
|
|
98
|
+
viewport.clipped(new geometry_1.Rect([0, collapsedSize.height], remaining), inside => {
|
|
99
|
+
this.#expandedView?.render(inside);
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
this.#expandedView?.render(inside);
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
exports.Collapsible = Collapsible;
|
|
109
|
+
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../lib/components/Collapsible.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Viewport } from '../Viewport';
|
|
2
|
+
import { View, type Props as ViewProps } from '../View';
|
|
3
|
+
import { Style } from '../Style';
|
|
4
|
+
import { Size } from '../geometry';
|
|
5
|
+
import { type MouseEvent } from '../events';
|
|
6
|
+
import { System } from '../System';
|
|
7
|
+
interface Props extends ViewProps {
|
|
8
|
+
text: string;
|
|
9
|
+
style?: Style;
|
|
10
|
+
}
|
|
11
|
+
export declare class CollapsibleText extends View {
|
|
12
|
+
#private;
|
|
13
|
+
constructor(props: Props);
|
|
14
|
+
update(props: Props): void;
|
|
15
|
+
get text(): string;
|
|
16
|
+
set text(value: string);
|
|
17
|
+
naturalSize(available: Size): Size;
|
|
18
|
+
receiveMouse(event: MouseEvent, system: System): void;
|
|
19
|
+
render(viewport: Viewport): void;
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CollapsibleText = void 0;
|
|
4
|
+
const sys_1 = require("../sys");
|
|
5
|
+
const View_1 = require("../View");
|
|
6
|
+
const Style_1 = require("../Style");
|
|
7
|
+
const geometry_1 = require("../geometry");
|
|
8
|
+
const events_1 = require("../events");
|
|
9
|
+
class CollapsibleText extends View_1.View {
|
|
10
|
+
#lines = [];
|
|
11
|
+
#style;
|
|
12
|
+
#isCollapsed = true;
|
|
13
|
+
constructor(props) {
|
|
14
|
+
super(props);
|
|
15
|
+
this.#update(props);
|
|
16
|
+
}
|
|
17
|
+
update(props) {
|
|
18
|
+
this.#update(props);
|
|
19
|
+
super.update(props);
|
|
20
|
+
}
|
|
21
|
+
#update({ text, style }) {
|
|
22
|
+
this.#style = style;
|
|
23
|
+
this.#lines = text.split('\n');
|
|
24
|
+
}
|
|
25
|
+
get text() {
|
|
26
|
+
return this.#lines.join('\n');
|
|
27
|
+
}
|
|
28
|
+
set text(value) {
|
|
29
|
+
this.#lines = value.split('\n');
|
|
30
|
+
this.invalidateSize();
|
|
31
|
+
}
|
|
32
|
+
naturalSize(available) {
|
|
33
|
+
if (this.#lines.length === 0) {
|
|
34
|
+
return geometry_1.Size.zero;
|
|
35
|
+
}
|
|
36
|
+
if (this.#lines.length === 1) {
|
|
37
|
+
const { width: lineWidth, height: lineHeight } = sys_1.unicode.stringSize(this.#lines, available.width);
|
|
38
|
+
if (lineWidth <= available.width && lineHeight === 1) {
|
|
39
|
+
return new geometry_1.Size(lineWidth, 1);
|
|
40
|
+
}
|
|
41
|
+
if (this.#isCollapsed) {
|
|
42
|
+
return new geometry_1.Size(lineWidth + 2, 1);
|
|
43
|
+
}
|
|
44
|
+
return new geometry_1.Size(lineWidth + 2, lineHeight);
|
|
45
|
+
}
|
|
46
|
+
if (this.#isCollapsed) {
|
|
47
|
+
const lineWidth = sys_1.unicode.lineWidth(this.#lines[0]);
|
|
48
|
+
return new geometry_1.Size(lineWidth + 2, 1);
|
|
49
|
+
}
|
|
50
|
+
return new geometry_1.Size(sys_1.unicode.stringSize(this.#lines, available.width)).grow(2, 0);
|
|
51
|
+
}
|
|
52
|
+
receiveMouse(event, system) {
|
|
53
|
+
super.receiveMouse(event, system);
|
|
54
|
+
if ((0, events_1.isMouseClicked)(event)) {
|
|
55
|
+
this.#isCollapsed = !this.#isCollapsed;
|
|
56
|
+
this.invalidateSize();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
render(viewport) {
|
|
60
|
+
if (viewport.isEmpty) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const lines = this.#lines;
|
|
64
|
+
if (!lines.length) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
const startingStyle = Style_1.Style.NONE;
|
|
68
|
+
viewport.usingPen(this.#style, pen => {
|
|
69
|
+
const { width, height } = sys_1.unicode.stringSize(lines, viewport.contentSize.width);
|
|
70
|
+
const point = new geometry_1.Point(0, 0).mutableCopy();
|
|
71
|
+
let offsetX = 0;
|
|
72
|
+
if (viewport.contentSize.width < width || height > 1) {
|
|
73
|
+
viewport.registerMouse('mouse.button.left');
|
|
74
|
+
viewport.write(this.#isCollapsed ? '► ' : '▼ ', geometry_1.Point.zero, this.theme.text({ isPressed: this.isPressed }));
|
|
75
|
+
offsetX = 2;
|
|
76
|
+
}
|
|
77
|
+
point.x = offsetX;
|
|
78
|
+
for (const line of this.#lines) {
|
|
79
|
+
let didWrap = false;
|
|
80
|
+
for (const char of sys_1.unicode.printableChars(line)) {
|
|
81
|
+
const width = sys_1.unicode.charWidth(char);
|
|
82
|
+
if (width === 0) {
|
|
83
|
+
pen.mergePen(Style_1.Style.fromSGR(char, startingStyle));
|
|
84
|
+
continue;
|
|
85
|
+
}
|
|
86
|
+
if (!this.#isCollapsed && point.x >= viewport.contentSize.width) {
|
|
87
|
+
didWrap = true;
|
|
88
|
+
point.x = offsetX;
|
|
89
|
+
point.y += 1;
|
|
90
|
+
}
|
|
91
|
+
// don't print preceding whitespace after line wrap
|
|
92
|
+
if (didWrap && char.match(/\s/)) {
|
|
93
|
+
continue;
|
|
94
|
+
}
|
|
95
|
+
didWrap = false;
|
|
96
|
+
if (point.x >= viewport.visibleRect.minX() &&
|
|
97
|
+
point.x + width - 1 < viewport.visibleRect.maxX() &&
|
|
98
|
+
point.y >= viewport.visibleRect.minY()) {
|
|
99
|
+
viewport.write(char, point);
|
|
100
|
+
}
|
|
101
|
+
point.x += width;
|
|
102
|
+
}
|
|
103
|
+
point.y += 1;
|
|
104
|
+
if (point.y >= viewport.visibleRect.maxY()) {
|
|
105
|
+
break;
|
|
106
|
+
}
|
|
107
|
+
point.x = offsetX;
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
exports.CollapsibleText = CollapsibleText;
|
|
113
|
+
//# sourceMappingURL=CollapsibleText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleText.js","sourceRoot":"","sources":["../../lib/components/CollapsibleText.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Viewport } from '../Viewport';
|
|
2
|
+
import type { Props as ViewProps } from '../View';
|
|
3
|
+
import { View } from '../View';
|
|
4
|
+
import { Style } from '../Style';
|
|
5
|
+
import { Size } from '../geometry';
|
|
6
|
+
interface Props extends ViewProps {
|
|
7
|
+
text: string | number;
|
|
8
|
+
style?: Style;
|
|
9
|
+
bold?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare class Digits extends View {
|
|
12
|
+
#private;
|
|
13
|
+
constructor(props: Props);
|
|
14
|
+
get text(): string;
|
|
15
|
+
set text(value: string);
|
|
16
|
+
update(props: Props): void;
|
|
17
|
+
naturalSize(): Size;
|
|
18
|
+
render(viewport: Viewport): void;
|
|
19
|
+
}
|
|
20
|
+
export {};
|