@sylwellsoftware/fray 0.1.0-alpha.1
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/EXPERIMENTAL.md +75 -0
- package/LICENSE +55 -0
- package/NOTICE +2 -0
- package/README.md +521 -0
- package/dist/Components/Placeholder.d.ts +14 -0
- package/dist/Components/Placeholder.d.ts.map +1 -0
- package/dist/Components/component.d.ts +187 -0
- package/dist/Components/component.d.ts.map +1 -0
- package/dist/Components/controlUtils.d.ts +20 -0
- package/dist/Components/controlUtils.d.ts.map +1 -0
- package/dist/Components/data/descriptionList.d.ts +21 -0
- package/dist/Components/data/descriptionList.d.ts.map +1 -0
- package/dist/Components/data/listview/listview.d.ts +39 -0
- package/dist/Components/data/listview/listview.d.ts.map +1 -0
- package/dist/Components/data/selectionhandler.d.ts +68 -0
- package/dist/Components/data/selectionhandler.d.ts.map +1 -0
- package/dist/Components/data/table/DataTable.d.ts +72 -0
- package/dist/Components/data/table/DataTable.d.ts.map +1 -0
- package/dist/Components/data/table/FilterPanel.d.ts +35 -0
- package/dist/Components/data/table/FilterPanel.d.ts.map +1 -0
- package/dist/Components/data/table/TableHeader.d.ts +21 -0
- package/dist/Components/data/table/TableHeader.d.ts.map +1 -0
- package/dist/Components/data/table/TableHeaderCell.d.ts +39 -0
- package/dist/Components/data/table/TableHeaderCell.d.ts.map +1 -0
- package/dist/Components/data/table/tableQuery.d.ts +25 -0
- package/dist/Components/data/table/tableQuery.d.ts.map +1 -0
- package/dist/Components/data/treeview/treeitem.d.ts +20 -0
- package/dist/Components/data/treeview/treeitem.d.ts.map +1 -0
- package/dist/Components/data/treeview/treeview.d.ts +42 -0
- package/dist/Components/data/treeview/treeview.d.ts.map +1 -0
- package/dist/Components/dialog/dialog.d.ts +37 -0
- package/dist/Components/dialog/dialog.d.ts.map +1 -0
- package/dist/Components/layout/panel.d.ts +20 -0
- package/dist/Components/layout/panel.d.ts.map +1 -0
- package/dist/Components/layout/sidebar.d.ts +18 -0
- package/dist/Components/layout/sidebar.d.ts.map +1 -0
- package/dist/Components/layout/splitView.d.ts +18 -0
- package/dist/Components/layout/splitView.d.ts.map +1 -0
- package/dist/Components/layout/tabpanel/tab.d.ts +12 -0
- package/dist/Components/layout/tabpanel/tab.d.ts.map +1 -0
- package/dist/Components/layout/tabpanel/tabline.d.ts +32 -0
- package/dist/Components/layout/tabpanel/tabline.d.ts.map +1 -0
- package/dist/Components/layout/tabpanel/tabpanel.d.ts +34 -0
- package/dist/Components/layout/tabpanel/tabpanel.d.ts.map +1 -0
- package/dist/Components/lineinputs/checkbox/Checkbox.d.ts +35 -0
- package/dist/Components/lineinputs/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/Components/lineinputs/checkbox/QuadCheckbox.d.ts +12 -0
- package/dist/Components/lineinputs/checkbox/QuadCheckbox.d.ts.map +1 -0
- package/dist/Components/lineinputs/checkbox/TriCheckbox.d.ts +12 -0
- package/dist/Components/lineinputs/checkbox/TriCheckbox.d.ts.map +1 -0
- package/dist/Components/lineinputs/dropdown.d.ts +37 -0
- package/dist/Components/lineinputs/dropdown.d.ts.map +1 -0
- package/dist/Components/lineinputs/textbox.d.ts +36 -0
- package/dist/Components/lineinputs/textbox.d.ts.map +1 -0
- package/dist/Components/lineinputs/toggle.d.ts +30 -0
- package/dist/Components/lineinputs/toggle.d.ts.map +1 -0
- package/dist/Components/menu/button.d.ts +24 -0
- package/dist/Components/menu/button.d.ts.map +1 -0
- package/dist/Components/menu/toolbar.d.ts +15 -0
- package/dist/Components/menu/toolbar.d.ts.map +1 -0
- package/dist/Components/status/progressBar.d.ts +21 -0
- package/dist/Components/status/progressBar.d.ts.map +1 -0
- package/dist/button-BRDkmR1C.js +203 -0
- package/dist/button-BRDkmR1C.js.map +1 -0
- package/dist/experimental.d.ts +16 -0
- package/dist/experimental.d.ts.map +1 -0
- package/dist/experimental.js +1361 -0
- package/dist/experimental.js.map +1 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1014 -0
- package/dist/index.js.map +1 -0
- package/dist/jsx-dev-runtime-CarwHDyL.js +1155 -0
- package/dist/jsx-dev-runtime-CarwHDyL.js.map +1 -0
- package/dist/jsx-dev-runtime.d.ts +2 -0
- package/dist/jsx-dev-runtime.d.ts.map +1 -0
- package/dist/jsx-dev-runtime.js +6 -0
- package/dist/jsx-dev-runtime.js.map +1 -0
- package/dist/jsx-runtime.d.ts +26 -0
- package/dist/jsx-runtime.d.ts.map +1 -0
- package/dist/jsx-runtime.js +9 -0
- package/dist/jsx-runtime.js.map +1 -0
- package/dist/runtime.d.ts +29 -0
- package/dist/runtime.d.ts.map +1 -0
- package/dist/styling/baseStyleDefinitions.d.ts +154 -0
- package/dist/styling/baseStyleDefinitions.d.ts.map +1 -0
- package/dist/styling/styleRegistry.d.ts +19 -0
- package/dist/styling/styleRegistry.d.ts.map +1 -0
- package/dist/util/filterMode.d.ts +13 -0
- package/dist/util/filterMode.d.ts.map +1 -0
- package/package.json +83 -0
- package/themes/README.md +30 -0
- package/themes/dark.css +39 -0
- package/themes/light.css +39 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { ReadableEmitter } from '@sylwellsoftware/glue';
|
|
2
|
+
import { Component } from '../../component.js';
|
|
3
|
+
import type { ComponentProps, FrayChild, Key } from '../../component.js';
|
|
4
|
+
import type { ValueEmitter } from '../../controlUtils.js';
|
|
5
|
+
import { TreeItem } from './treeitem.js';
|
|
6
|
+
import type { TreeNode } from './treeitem.js';
|
|
7
|
+
export interface TreeViewProps<TValue = unknown> extends ComponentProps {
|
|
8
|
+
nodes?: readonly TreeNode<TValue>[] | ReadableEmitter<readonly TreeNode<TValue>[], unknown>;
|
|
9
|
+
label: string;
|
|
10
|
+
selectedKeyEmitter?: ValueEmitter<Key | null>;
|
|
11
|
+
expandedKeysEmitter?: ValueEmitter<Key[]>;
|
|
12
|
+
renderItem?: (node: TreeNode<TValue>, depth: number) => FrayChild;
|
|
13
|
+
onSelect?: (node: TreeNode<TValue>, event: Event) => void;
|
|
14
|
+
}
|
|
15
|
+
/** Experimental single-select ARIA tree with controlled expansion and selection. */
|
|
16
|
+
export declare class TreeView<TValue = unknown> extends Component<TreeViewProps<TValue>> {
|
|
17
|
+
readonly nodesEmitter: ReadableEmitter<readonly TreeNode<TValue>[], unknown>;
|
|
18
|
+
readonly selectedKeyEmitter: ValueEmitter<Key | null>;
|
|
19
|
+
readonly expandedKeysEmitter: ValueEmitter<Key[]>;
|
|
20
|
+
private readonly ownedNodesEmitter;
|
|
21
|
+
private readonly ownedSelectedEmitter;
|
|
22
|
+
private readonly ownedExpandedEmitter;
|
|
23
|
+
private focusedKey;
|
|
24
|
+
private typeahead;
|
|
25
|
+
private typeaheadTimer;
|
|
26
|
+
constructor(props: TreeViewProps<TValue>);
|
|
27
|
+
initialize(): void;
|
|
28
|
+
render(): FrayChild;
|
|
29
|
+
onDestroy(): void;
|
|
30
|
+
static dependencies: (typeof TreeItem)[];
|
|
31
|
+
static hostName: string;
|
|
32
|
+
static standaloneHostName: string;
|
|
33
|
+
static css: string;
|
|
34
|
+
private reconcile;
|
|
35
|
+
private selectNode;
|
|
36
|
+
private toggleExpanded;
|
|
37
|
+
private handleKeyDown;
|
|
38
|
+
private move;
|
|
39
|
+
private focusRow;
|
|
40
|
+
private handleTypeahead;
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=treeview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"treeview.d.ts","sourceRoot":"","sources":["../../../../src/Components/data/treeview/treeview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAC,SAAS,EAAe,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAA;AAEtE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,EAAgB,QAAQ,EAAC,MAAM,eAAe,CAAA;AAE1D,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,cAAc;IACnE,KAAK,CAAC,EAAE,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,eAAe,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IAC3F,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IAC7C,mBAAmB,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAC5D;AAUD,oFAAoF;AACpF,qBAAa,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5E,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IAC5E,QAAQ,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IACrD,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAA;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA6C;IAC/E,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA4B;IACjE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAuB;IAC5D,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,cAAc,CAA6C;gBAEvD,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC;IAuBxC,UAAU,IAAI,IAAI;IAQlB,MAAM,IAAI,SAAS;IA6DnB,SAAS,IAAI,IAAI;IAOjB,MAAM,CAAC,YAAY,sBAAa;IAEhC,OAAgB,QAAQ,SAAc;IACtC,OAAgB,kBAAkB,SAAc;IAEhD,MAAM,CAAC,GAAG,SAgET;IAED,OAAO,CAAC,SAAS;IAejB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,eAAe;CAkB1B"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Button } from '../menu/button.js';
|
|
2
|
+
import { Component } from '../component.js';
|
|
3
|
+
import type { FrayChild, Ref } from '../component.js';
|
|
4
|
+
import type { ValueControlProps, ValueEmitter } from '../controlUtils.js';
|
|
5
|
+
export interface DialogProps extends ValueControlProps<boolean> {
|
|
6
|
+
id?: string | number | null;
|
|
7
|
+
title: FrayChild;
|
|
8
|
+
description?: FrayChild;
|
|
9
|
+
actions?: FrayChild;
|
|
10
|
+
closeLabel?: string;
|
|
11
|
+
showCloseButton?: boolean;
|
|
12
|
+
initialFocusRef?: Ref<HTMLElement>;
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
}
|
|
15
|
+
/** Experimental controlled modal built on the native dialog element. */
|
|
16
|
+
export declare class Dialog extends Component<DialogProps> {
|
|
17
|
+
readonly openEmitter: ValueEmitter<boolean>;
|
|
18
|
+
readonly dialogId: string;
|
|
19
|
+
readonly titleId: string;
|
|
20
|
+
readonly descriptionId: string;
|
|
21
|
+
private dialogElement;
|
|
22
|
+
private restoreFocusTo;
|
|
23
|
+
private synchronizedOpen;
|
|
24
|
+
constructor(props: DialogProps);
|
|
25
|
+
initialize(): void;
|
|
26
|
+
render(): FrayChild;
|
|
27
|
+
afterMount(): void;
|
|
28
|
+
afterUpdate(): void;
|
|
29
|
+
close(): void;
|
|
30
|
+
onDestroy(): void;
|
|
31
|
+
static dependencies: (typeof Button)[];
|
|
32
|
+
static css: string;
|
|
33
|
+
private requestClose;
|
|
34
|
+
private syncOpenState;
|
|
35
|
+
private finishClose;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/Components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAC,MAAM,iBAAiB,CAAA;AAOnE,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAEvE,MAAM,WAAW,WAAY,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IAC3D,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wEAAwE;AACxE,qBAAa,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9C,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;IAC9B,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,gBAAgB,CAAQ;gBAEpB,KAAK,EAAE,WAAW;IAQ9B,UAAU,IAAI,IAAI;IAIlB,MAAM,IAAI,SAAS;IAmCnB,UAAU,IAAI,IAAI;IAclB,WAAW,IAAI,IAAI;IAInB,KAAK,IAAI,IAAI;IAIb,SAAS,IAAI,IAAI;IAOjB,MAAM,CAAC,YAAY,oBAAW;IAE9B,MAAM,CAAC,GAAG,SAyDT;IAED,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,WAAW;CAQtB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
3
|
+
export interface PanelProps extends ComponentProps {
|
|
4
|
+
id?: string | number | null;
|
|
5
|
+
header?: FrayChild;
|
|
6
|
+
toolbar?: FrayChild;
|
|
7
|
+
orientation?: 'horizontal' | 'vertical';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class Panel extends Component<PanelProps> {
|
|
11
|
+
readonly panelId: string;
|
|
12
|
+
readonly headerId: string;
|
|
13
|
+
constructor(props?: PanelProps);
|
|
14
|
+
render(): import("@sylwellsoftware/fray/jsx-runtime").JSX.Element;
|
|
15
|
+
static hostName: string;
|
|
16
|
+
static standaloneHostName: string;
|
|
17
|
+
static baseStyles: (string | string[])[][];
|
|
18
|
+
static css: string;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/Components/layout/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,UAAW,SAAQ,cAAc;IAC9C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,KAAK,GAAE,UAAe;IAMlC,MAAM;IAoCN,OAAgB,QAAQ,SAAU;IAClC,OAAgB,kBAAkB,SAAiB;IAEnD,MAAM,CAAC,UAAU,0BAGhB;IAED,MAAM,CAAC,GAAG,SA4BT;CACJ"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
3
|
+
export interface SidebarProps extends ComponentProps {
|
|
4
|
+
id?: string | number | null;
|
|
5
|
+
header?: FrayChild;
|
|
6
|
+
toolbar?: FrayChild;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
}
|
|
9
|
+
/** Labelled side region whose content owns vertical scrolling. */
|
|
10
|
+
export declare class Sidebar extends Component<SidebarProps> {
|
|
11
|
+
readonly sidebarId: string;
|
|
12
|
+
readonly headerId: string;
|
|
13
|
+
constructor(props?: SidebarProps);
|
|
14
|
+
render(): FrayChild;
|
|
15
|
+
static baseStyles: (string | string[])[][];
|
|
16
|
+
static css: string;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/Components/layout/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAChD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,kEAAkE;AAClE,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAChD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,KAAK,GAAE,YAAiB;IAMpC,MAAM,IAAI,SAAS;IA4BnB,MAAM,CAAC,UAAU,0BAGhB;IAED,MAAM,CAAC,GAAG,SA0BT;CACJ"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
3
|
+
export interface SplitViewProps extends ComponentProps {
|
|
4
|
+
primary?: FrayChild;
|
|
5
|
+
secondary?: FrayChild;
|
|
6
|
+
direction?: 'horizontal' | 'vertical';
|
|
7
|
+
primarySize?: string;
|
|
8
|
+
primaryLabel?: string;
|
|
9
|
+
secondaryLabel?: string;
|
|
10
|
+
}
|
|
11
|
+
/** Two-pane layout with explicit overflow ownership and no resizing behavior. */
|
|
12
|
+
export declare class SplitView extends Component<SplitViewProps> {
|
|
13
|
+
render(): FrayChild;
|
|
14
|
+
static hostName: string;
|
|
15
|
+
static standaloneHostName: string;
|
|
16
|
+
static css: string;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=splitView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitView.d.ts","sourceRoot":"","sources":["../../../src/Components/layout/splitView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,cAAe,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,iFAAiF;AACjF,qBAAa,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpD,MAAM,IAAI,SAAS;IAkCnB,OAAgB,QAAQ,SAAe;IACvC,OAAgB,kBAAkB,SAAe;IAEjD,MAAM,CAAC,GAAG,SAkCT;CACJ"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from '../../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild, Key } from '../../component.js';
|
|
3
|
+
export interface TabProps extends ComponentProps {
|
|
4
|
+
id?: Key;
|
|
5
|
+
label?: FrayChild;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
/** Declarative content marker consumed by TabPanel. */
|
|
9
|
+
export declare class Tab extends Component<TabProps> {
|
|
10
|
+
render(): FrayChild;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/Components/layout/tabpanel/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAA;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAA;AAEtE,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC5C,EAAE,CAAC,EAAE,GAAG,CAAA;IACR,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,uDAAuD;AACvD,qBAAa,GAAI,SAAQ,SAAS,CAAC,QAAQ,CAAC;IACxC,MAAM,IAAI,SAAS;CAGtB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component } from '../../component.js';
|
|
2
|
+
import type { FrayChild, Key } from '../../component.js';
|
|
3
|
+
import type { ValueControlProps, ValueEmitter } from '../../controlUtils.js';
|
|
4
|
+
export interface TabLineTab {
|
|
5
|
+
id: Key;
|
|
6
|
+
label?: FrayChild;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface TabLineProps extends ValueControlProps<Key | null> {
|
|
10
|
+
tabs?: readonly TabLineTab[];
|
|
11
|
+
activeTabEmitter?: ValueEmitter<Key | null>;
|
|
12
|
+
initialActiveTabId?: Key | null;
|
|
13
|
+
label?: string;
|
|
14
|
+
baseId?: string;
|
|
15
|
+
onChange?: (value: Key, event: Event | null) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare class TabLine extends Component<TabLineProps> {
|
|
18
|
+
readonly valueEmitter: ValueEmitter<Key | null>;
|
|
19
|
+
readonly activeTabEmitter: ValueEmitter<Key | null>;
|
|
20
|
+
constructor(props?: TabLineProps);
|
|
21
|
+
initialize(): void;
|
|
22
|
+
selectTab(tab: TabLineTab | undefined, event?: Event | null): void;
|
|
23
|
+
render(): FrayChild;
|
|
24
|
+
handleKeyDown(event: KeyboardEvent, index: number, tabs: readonly TabLineTab[]): void;
|
|
25
|
+
static hostName: string;
|
|
26
|
+
static standaloneHostName: string;
|
|
27
|
+
static baseStyles: (string | string[])[][];
|
|
28
|
+
static css: string;
|
|
29
|
+
}
|
|
30
|
+
export declare function tabButtonId(baseId: string, id: Key): string;
|
|
31
|
+
export declare function tabPanelId(baseId: string, id: Key): string;
|
|
32
|
+
//# sourceMappingURL=tabline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabline.d.ts","sourceRoot":"","sources":["../../../../src/Components/layout/tabpanel/tabline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,oBAAoB,CAAA;AACjD,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAA;AAMtE,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAE1E,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,GAAG,CAAA;IACP,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB,CAAC,GAAG,GAAG,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IAC3C,kBAAkB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;CACvD;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAChD,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;gBAEvC,KAAK,GAAE,YAAiB;IAoBpC,UAAU,IAAI,IAAI;IAIlB,SAAS,CAAC,GAAG,EAAE,UAAU,GAAG,SAAS,EAAE,KAAK,GAAE,KAAK,GAAG,IAAW,GAAG,IAAI;IAMxE,MAAM,IAAI,SAAS;IA2BnB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,UAAU,EAAE,GAAG,IAAI;IAyBrF,OAAgB,QAAQ,SAAa;IACrC,OAAgB,kBAAkB,SAAa;IAE/C,MAAM,CAAC,UAAU,0BAEhB;IAED,MAAM,CAAC,GAAG,SAeT;CACJ;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,GAAG,MAAM,CAE3D;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,GAAG,MAAM,CAE1D"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component } from '../../component.js';
|
|
2
|
+
import type { FrayChild, Key } from '../../component.js';
|
|
3
|
+
import type { ValueControlProps, ValueEmitter } from '../../controlUtils.js';
|
|
4
|
+
import { Tab } from './tab.js';
|
|
5
|
+
import { TabLine } from './tabline.js';
|
|
6
|
+
export interface TabDefinition {
|
|
7
|
+
id: Key;
|
|
8
|
+
label?: FrayChild;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
content?: FrayChild;
|
|
11
|
+
component?: FrayChild;
|
|
12
|
+
}
|
|
13
|
+
export interface TabPanelProps extends ValueControlProps<Key | null> {
|
|
14
|
+
id?: string | number | null;
|
|
15
|
+
tabs?: readonly TabDefinition[];
|
|
16
|
+
activeTabEmitter?: ValueEmitter<Key | null>;
|
|
17
|
+
initialActiveTabId?: Key | null;
|
|
18
|
+
label?: string;
|
|
19
|
+
onChange?: (value: Key, event: Event | null) => void;
|
|
20
|
+
}
|
|
21
|
+
export declare class TabPanel extends Component<TabPanelProps> {
|
|
22
|
+
readonly valueEmitter: ValueEmitter<Key | null>;
|
|
23
|
+
readonly activeTabEmitter: ValueEmitter<Key | null>;
|
|
24
|
+
readonly baseId: string;
|
|
25
|
+
constructor(props?: TabPanelProps);
|
|
26
|
+
initialize(): void;
|
|
27
|
+
setProps(nextProps: TabPanelProps): this;
|
|
28
|
+
render(): FrayChild;
|
|
29
|
+
static dependencies: (typeof Tab | typeof TabLine)[];
|
|
30
|
+
static hostName: string;
|
|
31
|
+
static standaloneHostName: string;
|
|
32
|
+
static css: string;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=tabpanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabpanel.d.ts","sourceRoot":"","sources":["../../../../src/Components/layout/tabpanel/tabpanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAe,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAA;AAMtE,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,EAAC,GAAG,EAAC,MAAM,UAAU,CAAA;AAE5B,OAAO,EAAC,OAAO,EAA0B,MAAM,cAAc,CAAA;AAE7D,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,GAAG,CAAA;IACP,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,GAAG,GAAG,IAAI,CAAC;IAChE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,IAAI,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IAC3C,kBAAkB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;CACvD;AASD,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAClD,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;IACnD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;gBAEX,KAAK,GAAE,aAAkB;IAoBrC,UAAU,IAAI,IAAI;IAQlB,QAAQ,CAAC,SAAS,EAAE,aAAa,GAAG,IAAI;IASxC,MAAM,IAAI,SAAS;IA6BnB,MAAM,CAAC,YAAY,kCAAiB;IAEpC,OAAgB,QAAQ,SAAc;IACtC,OAAgB,kBAAkB,SAAc;IAEhD,MAAM,CAAC,GAAG,SAmBT;CACJ"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component } from '../../component.js';
|
|
2
|
+
import type { FrayChild } from '../../component.js';
|
|
3
|
+
import type { ValueControlProps, ValueEmitter } from '../../controlUtils.js';
|
|
4
|
+
import type { FilterModeValue } from '../../../util/filterMode.js';
|
|
5
|
+
export type CheckboxValue = string | number;
|
|
6
|
+
export type CheckboxSymbol<TValue extends CheckboxValue = FilterModeValue> = readonly [
|
|
7
|
+
symbol: FrayChild,
|
|
8
|
+
value: TValue
|
|
9
|
+
];
|
|
10
|
+
export interface CheckboxProps<TValue extends CheckboxValue = FilterModeValue> extends ValueControlProps<TValue> {
|
|
11
|
+
symbols?: readonly CheckboxSymbol<TValue>[];
|
|
12
|
+
initialSemanticState?: TValue;
|
|
13
|
+
label?: FrayChild;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
required?: boolean;
|
|
16
|
+
name?: string;
|
|
17
|
+
onChange?: (value: TValue, event: Event | null) => void;
|
|
18
|
+
}
|
|
19
|
+
/** Keyboard-operable semantic state cycler. */
|
|
20
|
+
export declare class Checkbox<TValue extends CheckboxValue = FilterModeValue> extends Component<CheckboxProps<TValue>> {
|
|
21
|
+
static symbols: readonly CheckboxSymbol<FilterModeValue>[];
|
|
22
|
+
static defaultSemanticState: "☐";
|
|
23
|
+
readonly symbols: readonly CheckboxSymbol<TValue>[];
|
|
24
|
+
readonly valueEmitter: ValueEmitter<TValue>;
|
|
25
|
+
readonly semanticStateEmitter: ValueEmitter<TValue>;
|
|
26
|
+
constructor(props?: CheckboxProps<TValue>);
|
|
27
|
+
initialize(): void;
|
|
28
|
+
cycleState(direction?: number, event?: Event | null): void;
|
|
29
|
+
render(): FrayChild;
|
|
30
|
+
static hostName: string;
|
|
31
|
+
static standaloneHostName: string;
|
|
32
|
+
static baseStyles: (string | string[])[][];
|
|
33
|
+
static css: string;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/Components/lineinputs/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,oBAAoB,CAAA;AACjD,OAAO,KAAK,EAAiB,SAAS,EAAC,MAAM,oBAAoB,CAAA;AAOjE,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAE1E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,aAAa,GAAG,eAAe,IAAI,SAAS;IAClF,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS,aAAa,GAAG,eAAe,CACzE,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,EAAE,CAAA;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;CAC1D;AAED,+CAA+C;AAC/C,qBAAa,QAAQ,CAAC,MAAM,SAAS,aAAa,GAAG,eAAe,CAChE,SAAQ,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,SAAS,cAAc,CAAC,eAAe,CAAC,EAAE,CAGzD;IACD,MAAM,CAAC,oBAAoB,MAAqB;IAEhD,QAAQ,CAAC,OAAO,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,EAAE,CAAA;IACnD,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;gBAEvC,KAAK,GAAE,aAAa,CAAC,MAAM,CAAM;IAqB7C,UAAU,IAAI,IAAI;IAIlB,UAAU,CAAC,SAAS,SAAI,EAAE,KAAK,GAAE,KAAK,GAAG,IAAW,GAAG,IAAI;IAW3D,MAAM,IAAI,SAAS;IAiDnB,OAAgB,QAAQ,SAAa;IACrC,OAAgB,kBAAkB,SAAc;IAEhD,MAAM,CAAC,UAAU,0BAIhB;IAED,MAAM,CAAC,GAAG,SAkBT;CACJ"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { FilterModeValue } from '../../../util/filterMode.js';
|
|
2
|
+
import { Checkbox } from './Checkbox.js';
|
|
3
|
+
import type { CheckboxProps } from './Checkbox.js';
|
|
4
|
+
export type QuadCheckboxProps = Omit<CheckboxProps<FilterModeValue>, 'symbols'>;
|
|
5
|
+
export declare class QuadCheckbox extends Checkbox<FilterModeValue> {
|
|
6
|
+
static hostName: string;
|
|
7
|
+
static standaloneHostName: string;
|
|
8
|
+
static symbols: readonly [readonly ["✖", "!"], readonly ["☐", "☐"], readonly ["✓", ""], readonly ["+", "_"]];
|
|
9
|
+
static defaultSemanticState: "☐";
|
|
10
|
+
constructor(props?: QuadCheckboxProps);
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=QuadCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuadCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/Components/lineinputs/checkbox/QuadCheckbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,EAAC,aAAa,EAAiB,MAAM,eAAe,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CAAA;AAM/E,qBAAa,YAAa,SAAQ,QAAQ,CAAC,eAAe,CAAC;IACvD,OAAgB,QAAQ,SAAkB;IAC1C,OAAgB,kBAAkB,SAAkB;IAEpD,MAAM,CAAC,OAAO,+FAKiD;IAE/D,MAAM,CAAC,oBAAoB,MAAqB;gBAEpC,KAAK,GAAE,iBAAsB;CAG5C"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { FilterModeValue } from '../../../util/filterMode.js';
|
|
2
|
+
import { Checkbox } from './Checkbox.js';
|
|
3
|
+
import type { CheckboxProps } from './Checkbox.js';
|
|
4
|
+
export type TriCheckboxProps = Omit<CheckboxProps<FilterModeValue>, 'symbols'>;
|
|
5
|
+
export declare class TriCheckbox extends Checkbox<FilterModeValue> {
|
|
6
|
+
static hostName: string;
|
|
7
|
+
static standaloneHostName: string;
|
|
8
|
+
static symbols: readonly [readonly ["✖", "!"], readonly ["☐", "☐"], readonly ["✓", ""]];
|
|
9
|
+
static defaultSemanticState: "☐";
|
|
10
|
+
constructor(props?: TriCheckboxProps);
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=TriCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TriCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/Components/lineinputs/checkbox/TriCheckbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,EAAC,aAAa,EAAiB,MAAM,eAAe,CAAA;AAEhE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CAAA;AAE9E,qBAAa,WAAY,SAAQ,QAAQ,CAAC,eAAe,CAAC;IACtD,OAAgB,QAAQ,SAAiB;IACzC,OAAgB,kBAAkB,SAAiB;IAEnD,MAAM,CAAC,OAAO,0EAIiD;IAE/D,MAAM,CAAC,oBAAoB,MAAqB;gBAEpC,KAAK,GAAE,gBAAqB;CAG3C"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { ReadableEmitter } from '@sylwellsoftware/glue';
|
|
2
|
+
import { Component } from '../component.js';
|
|
3
|
+
import type { FrayChild } from '../component.js';
|
|
4
|
+
import type { ValueControlProps, ValueEmitter } from '../controlUtils.js';
|
|
5
|
+
export type DropdownValue = string | number;
|
|
6
|
+
export interface DropdownOption<TValue extends DropdownValue = string> {
|
|
7
|
+
value: TValue;
|
|
8
|
+
label?: FrayChild;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface DropdownProps<TValue extends DropdownValue = string> extends ValueControlProps<TValue> {
|
|
12
|
+
id?: string | number | null;
|
|
13
|
+
options?: readonly DropdownOption<TValue>[] | ReadableEmitter<readonly DropdownOption<TValue>[], unknown>;
|
|
14
|
+
label?: FrayChild;
|
|
15
|
+
name?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
error?: unknown;
|
|
19
|
+
placeholder?: FrayChild;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
onChange?: (value: TValue, event: Event) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare class Dropdown<TValue extends DropdownValue = string> extends Component<DropdownProps<TValue>> {
|
|
24
|
+
readonly inputId: string;
|
|
25
|
+
readonly errorId: string;
|
|
26
|
+
readonly optionsEmitter: ReadableEmitter<readonly DropdownOption<TValue>[], unknown>;
|
|
27
|
+
readonly valueEmitter: ValueEmitter<TValue>;
|
|
28
|
+
private readonly ownsOptionsEmitter;
|
|
29
|
+
constructor(props?: DropdownProps<TValue>);
|
|
30
|
+
initialize(): void;
|
|
31
|
+
render(): FrayChild;
|
|
32
|
+
static hostName: string;
|
|
33
|
+
static standaloneHostName: string;
|
|
34
|
+
static baseStyles: (string | string[])[][];
|
|
35
|
+
static css: string;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/Components/lineinputs/dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAQ9C,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAEvE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAE3C,MAAM,WAAW,cAAc,CAAC,MAAM,SAAS,aAAa,GAAG,MAAM;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS,aAAa,GAAG,MAAM,CAChE,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,cAAc,CAAC,MAAM,CAAC,EAAE,GACrC,eAAe,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACnD;AAED,qBAAa,QAAQ,CAAC,MAAM,SAAS,aAAa,GAAG,MAAM,CACvD,SAAQ,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IACpF,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAS;gBAEhC,KAAK,GAAE,aAAa,CAAC,MAAM,CAAM;IAsB7C,UAAU,IAAI,IAAI;IAIlB,MAAM,IAAI,SAAS;IAiEnB,OAAgB,QAAQ,SAAa;IACrC,OAAgB,kBAAkB,SAAc;IAEhD,MAAM,CAAC,UAAU,0BAMhB;IAED,MAAM,CAAC,GAAG,SAIT;CACJ"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { FrayChild, Ref } from '../component.js';
|
|
3
|
+
import type { ValueControlProps, ValueEmitter } from '../controlUtils.js';
|
|
4
|
+
export interface TextboxProps extends ValueControlProps<string> {
|
|
5
|
+
id?: string | number | null;
|
|
6
|
+
label?: FrayChild;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
type?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
error?: unknown;
|
|
14
|
+
autoComplete?: string;
|
|
15
|
+
inputMode?: string;
|
|
16
|
+
minLength?: number;
|
|
17
|
+
maxLength?: number;
|
|
18
|
+
pattern?: string;
|
|
19
|
+
ariaLabel?: string;
|
|
20
|
+
inputRef?: Ref<HTMLInputElement>;
|
|
21
|
+
onInput?: (value: string, event: Event) => void;
|
|
22
|
+
onChange?: (value: string, event: Event) => void;
|
|
23
|
+
}
|
|
24
|
+
export declare class Textbox extends Component<TextboxProps> {
|
|
25
|
+
readonly inputId: string;
|
|
26
|
+
readonly errorId: string;
|
|
27
|
+
readonly valueEmitter: ValueEmitter<string>;
|
|
28
|
+
constructor(props?: TextboxProps);
|
|
29
|
+
initialize(): void;
|
|
30
|
+
render(): FrayChild;
|
|
31
|
+
static hostName: string;
|
|
32
|
+
static standaloneHostName: string;
|
|
33
|
+
static baseStyles: (string | string[])[][];
|
|
34
|
+
static css: string;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=textbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textbox.d.ts","sourceRoot":"","sources":["../../../src/Components/lineinputs/textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,iBAAiB,CAAA;AAOnD,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAEvE,MAAM,WAAW,YAAa,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC3D,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACnD;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAChD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;gBAE/B,KAAK,GAAE,YAAiB;IAOpC,UAAU,IAAI,IAAI;IAIlB,MAAM,IAAI,SAAS;IAmEnB,OAAgB,QAAQ,SAAY;IACpC,OAAgB,kBAAkB,SAAa;IAE/C,MAAM,CAAC,UAAU,0BAMhB;IAED,MAAM,CAAC,GAAG,SAST;CACJ"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { FrayChild, Key } from '../component.js';
|
|
3
|
+
import type { ValueControlProps, ValueEmitter } from '../controlUtils.js';
|
|
4
|
+
export type ToggleOption<TValue extends Key = string> = readonly [
|
|
5
|
+
value: TValue,
|
|
6
|
+
label: FrayChild
|
|
7
|
+
];
|
|
8
|
+
export interface ToggleProps<TValue extends Key = string> extends ValueControlProps<TValue> {
|
|
9
|
+
id?: string | number | null;
|
|
10
|
+
options?: readonly ToggleOption<TValue>[];
|
|
11
|
+
label?: FrayChild;
|
|
12
|
+
ariaLabel?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
onChange?: (value: TValue, event: Event | null) => void;
|
|
16
|
+
}
|
|
17
|
+
/** Mutually exclusive button group with radio-group semantics. */
|
|
18
|
+
export declare class Toggle<TValue extends Key = string> extends Component<ToggleProps<TValue>> {
|
|
19
|
+
readonly valueEmitter: ValueEmitter<TValue>;
|
|
20
|
+
readonly groupId: string;
|
|
21
|
+
readonly legendId: string;
|
|
22
|
+
constructor(props?: ToggleProps<TValue>);
|
|
23
|
+
initialize(): void;
|
|
24
|
+
selectOption(value: TValue, event?: Event | null): void;
|
|
25
|
+
render(): FrayChild;
|
|
26
|
+
handleKeyDown(event: KeyboardEvent, index: number, options: readonly ToggleOption<TValue>[]): void;
|
|
27
|
+
static baseStyles: (string | string[])[][];
|
|
28
|
+
static css: string;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/Components/lineinputs/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,iBAAiB,CAAA;AAQnD,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAEvE,MAAM,MAAM,YAAY,CAAC,MAAM,SAAS,GAAG,GAAG,MAAM,IAAI,SAAS;IAC7D,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,SAAS,GAAG,GAAG,MAAM,CACpD,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,YAAY,CAAC,MAAM,CAAC,EAAE,CAAA;IACzC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;CAC1D;AAED,kEAAkE;AAClE,qBAAa,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,MAAM,CAAE,SAAQ,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnF,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,KAAK,GAAE,WAAW,CAAC,MAAM,CAAM;IAiB3C,UAAU,IAAI,IAAI;IAIlB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAE,KAAK,GAAG,IAAW,GAAG,IAAI;IAM7D,MAAM,IAAI,SAAS;IA4CnB,aAAa,CACT,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,SAAS,YAAY,CAAC,MAAM,CAAC,EAAE,GACzC,IAAI;IAoBP,MAAM,CAAC,UAAU,0BAGhB;IAED,MAAM,CAAC,GAAG,SA4BT;CACJ"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
3
|
+
export interface ButtonProps extends ComponentProps {
|
|
4
|
+
label?: FrayChild;
|
|
5
|
+
type?: 'button' | 'reset' | 'submit';
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
pressed?: boolean;
|
|
8
|
+
busy?: boolean;
|
|
9
|
+
busyLabel?: FrayChild;
|
|
10
|
+
id?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
value?: string | number;
|
|
13
|
+
title?: string;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
onClick?: (event: MouseEvent) => void;
|
|
16
|
+
}
|
|
17
|
+
/** Native actionable button primitive. */
|
|
18
|
+
export declare class Button extends Component<ButtonProps> {
|
|
19
|
+
constructor(props?: ButtonProps);
|
|
20
|
+
render(): FrayChild;
|
|
21
|
+
static baseStyles: (string | string[])[][];
|
|
22
|
+
static css: string;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/Components/menu/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,WAAY,SAAQ,cAAc;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACxC;AAED,0CAA0C;AAC1C,qBAAa,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;gBAClC,KAAK,GAAE,WAAgB;IAOnC,MAAM,IAAI,SAAS;IAyCnB,MAAM,CAAC,UAAU,0BAEhB;IAED,MAAM,CAAC,GAAG,SAIT;CACJ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component } from '../component.js';
|
|
2
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
3
|
+
export interface ToolbarProps extends ComponentProps {
|
|
4
|
+
id?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
}
|
|
8
|
+
export declare class Toolbar extends Component<ToolbarProps> {
|
|
9
|
+
render(): FrayChild;
|
|
10
|
+
static hostName: string;
|
|
11
|
+
static standaloneHostName: string;
|
|
12
|
+
static baseStyles: (string | string[])[][];
|
|
13
|
+
static css: string;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=toolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/Components/menu/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAChD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAChD,MAAM,IAAI,SAAS;IAsBnB,OAAgB,QAAQ,SAAY;IACpC,OAAgB,kBAAkB,SAAa;IAE/C,MAAM,CAAC,UAAU,0BAEhB;IAED,MAAM,CAAC,GAAG,SAaT;CACJ"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ReadableEmitter } from '@sylwellsoftware/glue';
|
|
2
|
+
import { Component } from '../component.js';
|
|
3
|
+
import type { ComponentProps, FrayChild } from '../component.js';
|
|
4
|
+
export interface ProgressBarProps extends ComponentProps {
|
|
5
|
+
id?: string | number | null;
|
|
6
|
+
label: FrayChild;
|
|
7
|
+
value?: number | null;
|
|
8
|
+
valueEmitter?: ReadableEmitter<number | null, unknown>;
|
|
9
|
+
max?: number;
|
|
10
|
+
valueText?: string;
|
|
11
|
+
}
|
|
12
|
+
/** Labelled native progress indicator with determinate and indeterminate modes. */
|
|
13
|
+
export declare class ProgressBar extends Component<ProgressBarProps> {
|
|
14
|
+
readonly progressId: string;
|
|
15
|
+
constructor(props: ProgressBarProps);
|
|
16
|
+
render(): FrayChild;
|
|
17
|
+
static hostName: string;
|
|
18
|
+
static standaloneHostName: string;
|
|
19
|
+
static css: string;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=progressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../src/Components/status/progressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAC,SAAS,EAAM,MAAM,iBAAiB,CAAA;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACpD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,IAAI,EAAE,OAAO,CAAC,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,mFAAmF;AACnF,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACxD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;gBAEf,KAAK,EAAE,gBAAgB;IAQnC,MAAM,IAAI,SAAS;IA8BnB,OAAgB,QAAQ,SAAiB;IACzC,OAAgB,kBAAkB,SAAiB;IAEnD,MAAM,CAAC,GAAG,SA2BT;CACJ"}
|