@sentropic/design-system-vue 0.1.0
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/Accordion.d.ts +66 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +69 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Alert.d.ts +59 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +36 -0
- package/dist/Alert.js.map +1 -0
- package/dist/AreaChart.d.ts +66 -0
- package/dist/AreaChart.d.ts.map +1 -0
- package/dist/AreaChart.js +54 -0
- package/dist/AreaChart.js.map +1 -0
- package/dist/AspectRatio.d.ts +29 -0
- package/dist/AspectRatio.d.ts.map +1 -0
- package/dist/AspectRatio.js +20 -0
- package/dist/AspectRatio.js.map +1 -0
- package/dist/Badge.d.ts +30 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +16 -0
- package/dist/Badge.js.map +1 -0
- package/dist/BarChart.d.ts +66 -0
- package/dist/BarChart.d.ts.map +1 -0
- package/dist/BarChart.js +47 -0
- package/dist/BarChart.js.map +1 -0
- package/dist/Breadcrumb.d.ts +43 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +29 -0
- package/dist/Breadcrumb.js.map +1 -0
- package/dist/Button.d.ts +61 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +36 -0
- package/dist/Button.js.map +1 -0
- package/dist/Card.d.ts +29 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +16 -0
- package/dist/Card.js.map +1 -0
- package/dist/ChatComposer.d.ts +51 -0
- package/dist/ChatComposer.d.ts.map +1 -0
- package/dist/ChatComposer.js +47 -0
- package/dist/ChatComposer.js.map +1 -0
- package/dist/ChatMessage.d.ts +71 -0
- package/dist/ChatMessage.d.ts.map +1 -0
- package/dist/ChatMessage.js +47 -0
- package/dist/ChatMessage.js.map +1 -0
- package/dist/ChatThread.d.ts +60 -0
- package/dist/ChatThread.d.ts.map +1 -0
- package/dist/ChatThread.js +41 -0
- package/dist/ChatThread.js.map +1 -0
- package/dist/Checkbox.d.ts +101 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +45 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/CodeSnippet.d.ts +38 -0
- package/dist/CodeSnippet.d.ts.map +1 -0
- package/dist/CodeSnippet.js +20 -0
- package/dist/CodeSnippet.js.map +1 -0
- package/dist/Combobox.d.ts +109 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +152 -0
- package/dist/Combobox.js.map +1 -0
- package/dist/ContentSwitcher.d.ts +67 -0
- package/dist/ContentSwitcher.d.ts.map +1 -0
- package/dist/ContentSwitcher.js +42 -0
- package/dist/ContentSwitcher.js.map +1 -0
- package/dist/CopyButton.d.ts +72 -0
- package/dist/CopyButton.d.ts.map +1 -0
- package/dist/CopyButton.js +28 -0
- package/dist/CopyButton.js.map +1 -0
- package/dist/DataTable.d.ts +100 -0
- package/dist/DataTable.d.ts.map +1 -0
- package/dist/DataTable.js +42 -0
- package/dist/DataTable.js.map +1 -0
- package/dist/DatePicker.d.ts +53 -0
- package/dist/DatePicker.d.ts.map +1 -0
- package/dist/DatePicker.js +46 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DonutChart.d.ts +66 -0
- package/dist/DonutChart.d.ts.map +1 -0
- package/dist/DonutChart.js +42 -0
- package/dist/DonutChart.js.map +1 -0
- package/dist/Drawer.d.ts +62 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.js +77 -0
- package/dist/Drawer.js.map +1 -0
- package/dist/Dropdown.d.ts +76 -0
- package/dist/Dropdown.d.ts.map +1 -0
- package/dist/Dropdown.js +81 -0
- package/dist/Dropdown.js.map +1 -0
- package/dist/EmptyState.d.ts +48 -0
- package/dist/EmptyState.d.ts.map +1 -0
- package/dist/EmptyState.js +33 -0
- package/dist/EmptyState.js.map +1 -0
- package/dist/FileUploader.d.ts +57 -0
- package/dist/FileUploader.d.ts.map +1 -0
- package/dist/FileUploader.js +39 -0
- package/dist/FileUploader.js.map +1 -0
- package/dist/Footer.d.ts +67 -0
- package/dist/Footer.d.ts.map +1 -0
- package/dist/Footer.js +39 -0
- package/dist/Footer.js.map +1 -0
- package/dist/ForceGraph.d.ts +86 -0
- package/dist/ForceGraph.d.ts.map +1 -0
- package/dist/ForceGraph.js +62 -0
- package/dist/ForceGraph.js.map +1 -0
- package/dist/Form.d.ts +42 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.js +32 -0
- package/dist/Form.js.map +1 -0
- package/dist/FormGroup.d.ts +38 -0
- package/dist/FormGroup.d.ts.map +1 -0
- package/dist/FormGroup.js +23 -0
- package/dist/FormGroup.js.map +1 -0
- package/dist/Header.d.ts +89 -0
- package/dist/Header.d.ts.map +1 -0
- package/dist/Header.js +54 -0
- package/dist/Header.js.map +1 -0
- package/dist/Highlight.d.ts +40 -0
- package/dist/Highlight.d.ts.map +1 -0
- package/dist/Highlight.js +25 -0
- package/dist/Highlight.js.map +1 -0
- package/dist/IconButton.d.ts +61 -0
- package/dist/IconButton.d.ts.map +1 -0
- package/dist/IconButton.js +30 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/InlineLoading.d.ts +40 -0
- package/dist/InlineLoading.d.ts.map +1 -0
- package/dist/InlineLoading.js +26 -0
- package/dist/InlineLoading.js.map +1 -0
- package/dist/Input.d.ts +126 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +60 -0
- package/dist/Input.js.map +1 -0
- package/dist/LanguageSelector.d.ts +54 -0
- package/dist/LanguageSelector.d.ts.map +1 -0
- package/dist/LanguageSelector.js +34 -0
- package/dist/LanguageSelector.js.map +1 -0
- package/dist/LineChart.d.ts +66 -0
- package/dist/LineChart.d.ts.map +1 -0
- package/dist/LineChart.js +50 -0
- package/dist/LineChart.js.map +1 -0
- package/dist/Link.d.ts +59 -0
- package/dist/Link.d.ts.map +1 -0
- package/dist/Link.js +21 -0
- package/dist/Link.js.map +1 -0
- package/dist/LoadingState.d.ts +50 -0
- package/dist/LoadingState.d.ts.map +1 -0
- package/dist/LoadingState.js +28 -0
- package/dist/LoadingState.js.map +1 -0
- package/dist/Menu.d.ts +68 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.js +95 -0
- package/dist/Menu.js.map +1 -0
- package/dist/MenuPopover.d.ts +52 -0
- package/dist/MenuPopover.d.ts.map +1 -0
- package/dist/MenuPopover.js +28 -0
- package/dist/MenuPopover.js.map +1 -0
- package/dist/MenuTriggerButton.d.ts +39 -0
- package/dist/MenuTriggerButton.d.ts.map +1 -0
- package/dist/MenuTriggerButton.js +22 -0
- package/dist/MenuTriggerButton.js.map +1 -0
- package/dist/MessageActions.d.ts +46 -0
- package/dist/MessageActions.d.ts.map +1 -0
- package/dist/MessageActions.js +30 -0
- package/dist/MessageActions.js.map +1 -0
- package/dist/MessageStatusBadge.d.ts +50 -0
- package/dist/MessageStatusBadge.d.ts.map +1 -0
- package/dist/MessageStatusBadge.js +44 -0
- package/dist/MessageStatusBadge.js.map +1 -0
- package/dist/Modal.d.ts +51 -0
- package/dist/Modal.d.ts.map +1 -0
- package/dist/Modal.js +66 -0
- package/dist/Modal.js.map +1 -0
- package/dist/MultiSelect.d.ts +88 -0
- package/dist/MultiSelect.d.ts.map +1 -0
- package/dist/MultiSelect.js +101 -0
- package/dist/MultiSelect.js.map +1 -0
- package/dist/NumberInput.d.ts +124 -0
- package/dist/NumberInput.d.ts.map +1 -0
- package/dist/NumberInput.js +65 -0
- package/dist/NumberInput.js.map +1 -0
- package/dist/OrderedList.d.ts +33 -0
- package/dist/OrderedList.d.ts.map +1 -0
- package/dist/OrderedList.js +52 -0
- package/dist/OrderedList.js.map +1 -0
- package/dist/OverflowMenu.d.ts +73 -0
- package/dist/OverflowMenu.d.ts.map +1 -0
- package/dist/OverflowMenu.js +57 -0
- package/dist/OverflowMenu.js.map +1 -0
- package/dist/Pagination.d.ts +70 -0
- package/dist/Pagination.d.ts.map +1 -0
- package/dist/Pagination.js +58 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/PaginationNav.d.ts +59 -0
- package/dist/PaginationNav.d.ts.map +1 -0
- package/dist/PaginationNav.js +37 -0
- package/dist/PaginationNav.js.map +1 -0
- package/dist/PasswordInput.d.ts +94 -0
- package/dist/PasswordInput.d.ts.map +1 -0
- package/dist/PasswordInput.js +69 -0
- package/dist/PasswordInput.js.map +1 -0
- package/dist/Popover.d.ts +52 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.js +66 -0
- package/dist/Popover.js.map +1 -0
- package/dist/ProgressBar.d.ts +81 -0
- package/dist/ProgressBar.d.ts.map +1 -0
- package/dist/ProgressBar.js +62 -0
- package/dist/ProgressBar.js.map +1 -0
- package/dist/ProgressIndicator.d.ts +46 -0
- package/dist/ProgressIndicator.d.ts.map +1 -0
- package/dist/ProgressIndicator.js +31 -0
- package/dist/ProgressIndicator.js.map +1 -0
- package/dist/Quote.d.ts +39 -0
- package/dist/Quote.d.ts.map +1 -0
- package/dist/Quote.js +29 -0
- package/dist/Quote.js.map +1 -0
- package/dist/Radio.d.ts +101 -0
- package/dist/Radio.d.ts.map +1 -0
- package/dist/Radio.js +46 -0
- package/dist/Radio.js.map +1 -0
- package/dist/ScatterPlot.d.ts +65 -0
- package/dist/ScatterPlot.d.ts.map +1 -0
- package/dist/ScatterPlot.js +41 -0
- package/dist/ScatterPlot.js.map +1 -0
- package/dist/Search.d.ts +85 -0
- package/dist/Search.d.ts.map +1 -0
- package/dist/Search.js +54 -0
- package/dist/Search.js.map +1 -0
- package/dist/Select.d.ts +108 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +58 -0
- package/dist/Select.js.map +1 -0
- package/dist/SideNav.d.ts +44 -0
- package/dist/SideNav.d.ts.map +1 -0
- package/dist/SideNav.js +22 -0
- package/dist/SideNav.js.map +1 -0
- package/dist/SkeletonText.d.ts +39 -0
- package/dist/SkeletonText.d.ts.map +1 -0
- package/dist/SkeletonText.js +24 -0
- package/dist/SkeletonText.js.map +1 -0
- package/dist/SkipLink.d.ts +29 -0
- package/dist/SkipLink.d.ts.map +1 -0
- package/dist/SkipLink.js +17 -0
- package/dist/SkipLink.js.map +1 -0
- package/dist/Slider.d.ts +93 -0
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.js +45 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Sparkline.d.ts +49 -0
- package/dist/Sparkline.d.ts.map +1 -0
- package/dist/Sparkline.js +42 -0
- package/dist/Sparkline.js.map +1 -0
- package/dist/StackedBarChart.d.ts +68 -0
- package/dist/StackedBarChart.d.ts.map +1 -0
- package/dist/StackedBarChart.js +55 -0
- package/dist/StackedBarChart.js.map +1 -0
- package/dist/StreamingMessage.d.ts +57 -0
- package/dist/StreamingMessage.d.ts.map +1 -0
- package/dist/StreamingMessage.js +25 -0
- package/dist/StreamingMessage.js.map +1 -0
- package/dist/StructuredList.d.ts +44 -0
- package/dist/StructuredList.d.ts.map +1 -0
- package/dist/StructuredList.js +20 -0
- package/dist/StructuredList.js.map +1 -0
- package/dist/Switch.d.ts +91 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +48 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Table.d.ts +53 -0
- package/dist/Table.d.ts.map +1 -0
- package/dist/Table.js +29 -0
- package/dist/Table.js.map +1 -0
- package/dist/Tabs.d.ts +67 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +124 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Tag.d.ts +53 -0
- package/dist/Tag.d.ts.map +1 -0
- package/dist/Tag.js +21 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Textarea.d.ts +113 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +60 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/ThemeProvider.d.ts +30 -0
- package/dist/ThemeProvider.d.ts.map +1 -0
- package/dist/ThemeProvider.js +43 -0
- package/dist/ThemeProvider.js.map +1 -0
- package/dist/Tile.d.ts +70 -0
- package/dist/Tile.d.ts.map +1 -0
- package/dist/Tile.js +30 -0
- package/dist/Tile.js.map +1 -0
- package/dist/TileGroup.d.ts +67 -0
- package/dist/TileGroup.d.ts.map +1 -0
- package/dist/TileGroup.js +48 -0
- package/dist/TileGroup.js.map +1 -0
- package/dist/Toast.d.ts +90 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +80 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Toggle.d.ts +102 -0
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +49 -0
- package/dist/Toggle.js.map +1 -0
- package/dist/Toggletip.d.ts +61 -0
- package/dist/Toggletip.d.ts.map +1 -0
- package/dist/Toggletip.js +53 -0
- package/dist/Toggletip.js.map +1 -0
- package/dist/Tooltip.d.ts +39 -0
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.js +37 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/TreeView.d.ts +64 -0
- package/dist/TreeView.d.ts.map +1 -0
- package/dist/TreeView.js +40 -0
- package/dist/TreeView.js.map +1 -0
- package/dist/UnorderedList.d.ts +33 -0
- package/dist/UnorderedList.d.ts.map +1 -0
- package/dist/UnorderedList.js +36 -0
- package/dist/UnorderedList.js.map +1 -0
- package/dist/classNames.d.ts +2 -0
- package/dist/classNames.d.ts.map +1 -0
- package/dist/classNames.js +4 -0
- package/dist/classNames.js.map +1 -0
- package/dist/index.d.ts +162 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +82 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +6366 -0
- package/package.json +50 -0
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export type DropdownOption = {
|
|
2
|
+
value: string;
|
|
3
|
+
label: unknown;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export type DropdownProps = {
|
|
7
|
+
label?: string;
|
|
8
|
+
options: DropdownOption[];
|
|
9
|
+
value?: string;
|
|
10
|
+
open?: boolean;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
class?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const Dropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
label: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
options: {
|
|
20
|
+
type: () => DropdownOption[];
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
value: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
open: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: undefined;
|
|
30
|
+
};
|
|
31
|
+
placeholder: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
class: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
40
|
+
[key: string]: any;
|
|
41
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:open")[], "select" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
42
|
+
label: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
options: {
|
|
47
|
+
type: () => DropdownOption[];
|
|
48
|
+
required: true;
|
|
49
|
+
};
|
|
50
|
+
value: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
54
|
+
open: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
placeholder: {
|
|
59
|
+
type: StringConstructor;
|
|
60
|
+
default: string;
|
|
61
|
+
};
|
|
62
|
+
class: {
|
|
63
|
+
type: StringConstructor;
|
|
64
|
+
default: undefined;
|
|
65
|
+
};
|
|
66
|
+
}>> & Readonly<{
|
|
67
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
68
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
69
|
+
}>, {
|
|
70
|
+
class: string;
|
|
71
|
+
label: string;
|
|
72
|
+
value: string;
|
|
73
|
+
placeholder: string;
|
|
74
|
+
open: boolean;
|
|
75
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
76
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/Dropdown.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;cAIS,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiGlD,CAAC"}
|
package/dist/Dropdown.js
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { defineComponent, h, ref, watch, onUnmounted } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const Dropdown = defineComponent({
|
|
4
|
+
name: "Dropdown",
|
|
5
|
+
props: {
|
|
6
|
+
label: { type: String, default: "Select" },
|
|
7
|
+
options: { type: Array, required: true },
|
|
8
|
+
value: { type: String, default: undefined },
|
|
9
|
+
open: { type: Boolean, default: undefined },
|
|
10
|
+
placeholder: { type: String, default: "Select" },
|
|
11
|
+
class: { type: String, default: undefined },
|
|
12
|
+
},
|
|
13
|
+
emits: ["select", "update:open"],
|
|
14
|
+
setup(props, { emit, attrs }) {
|
|
15
|
+
const localOpen = ref(false);
|
|
16
|
+
const localValue = ref(props.value ?? "");
|
|
17
|
+
const isOpen = () => props.open !== undefined ? props.open : localOpen.value;
|
|
18
|
+
const selected = () => props.options.find((opt) => opt.value === (props.value ?? localValue.value));
|
|
19
|
+
const setOpen = (val) => {
|
|
20
|
+
if (props.open === undefined)
|
|
21
|
+
localOpen.value = val;
|
|
22
|
+
emit("update:open", val);
|
|
23
|
+
};
|
|
24
|
+
const selectOption = (option) => {
|
|
25
|
+
if (option.disabled)
|
|
26
|
+
return;
|
|
27
|
+
localValue.value = option.value;
|
|
28
|
+
setOpen(false);
|
|
29
|
+
emit("select", option.value);
|
|
30
|
+
};
|
|
31
|
+
const onMouseDown = (event) => {
|
|
32
|
+
const target = event.target;
|
|
33
|
+
const host = attrs._hostEl;
|
|
34
|
+
if (target && host && !host.contains(target))
|
|
35
|
+
setOpen(false);
|
|
36
|
+
};
|
|
37
|
+
watch(() => isOpen(), (open) => {
|
|
38
|
+
if (open)
|
|
39
|
+
document.addEventListener("mousedown", onMouseDown);
|
|
40
|
+
else
|
|
41
|
+
document.removeEventListener("mousedown", onMouseDown);
|
|
42
|
+
});
|
|
43
|
+
onUnmounted(() => document.removeEventListener("mousedown", onMouseDown));
|
|
44
|
+
return () => {
|
|
45
|
+
const open = isOpen();
|
|
46
|
+
const sel = selected();
|
|
47
|
+
return h("div", {
|
|
48
|
+
...attrs,
|
|
49
|
+
class: classNames("st-dropdown", props.class),
|
|
50
|
+
}, [
|
|
51
|
+
h("button", {
|
|
52
|
+
type: "button",
|
|
53
|
+
class: "st-dropdown__button",
|
|
54
|
+
"aria-haspopup": "listbox",
|
|
55
|
+
"aria-expanded": open,
|
|
56
|
+
onClick: () => setOpen(!open),
|
|
57
|
+
}, [
|
|
58
|
+
h("span", { class: "st-dropdown__label" }, props.label ?? "Select"),
|
|
59
|
+
": ",
|
|
60
|
+
h("span", { class: "st-dropdown__value" }, sel ? sel.label : (props.placeholder ?? "Select")),
|
|
61
|
+
]),
|
|
62
|
+
open
|
|
63
|
+
? h("div", {
|
|
64
|
+
class: "st-dropdown__list",
|
|
65
|
+
role: "listbox",
|
|
66
|
+
"aria-label": props.label || "Options",
|
|
67
|
+
}, props.options.map((option) => h("button", {
|
|
68
|
+
key: option.value,
|
|
69
|
+
type: "button",
|
|
70
|
+
role: "option",
|
|
71
|
+
class: "st-dropdown__option",
|
|
72
|
+
disabled: option.disabled,
|
|
73
|
+
"aria-selected": option.value === (props.value ?? localValue.value),
|
|
74
|
+
onClick: () => selectOption(option),
|
|
75
|
+
}, option.label)))
|
|
76
|
+
: null,
|
|
77
|
+
]);
|
|
78
|
+
};
|
|
79
|
+
},
|
|
80
|
+
});
|
|
81
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export type EmptyStateProps = {
|
|
2
|
+
title: unknown;
|
|
3
|
+
message?: unknown;
|
|
4
|
+
action?: unknown;
|
|
5
|
+
class?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const EmptyState: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
title: {
|
|
9
|
+
type: () => unknown;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
message: {
|
|
13
|
+
type: () => unknown;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
action: {
|
|
17
|
+
type: () => unknown;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
class: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
title: {
|
|
28
|
+
type: () => unknown;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
message: {
|
|
32
|
+
type: () => unknown;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
action: {
|
|
36
|
+
type: () => unknown;
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
class: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
}>> & Readonly<{}>, {
|
|
44
|
+
class: string;
|
|
45
|
+
message: undefined;
|
|
46
|
+
action: undefined;
|
|
47
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
48
|
+
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAG2B,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;cAFd,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;4EAyC9D,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const EmptyState = defineComponent({
|
|
4
|
+
name: "EmptyState",
|
|
5
|
+
props: {
|
|
6
|
+
title: { type: [String, Object], required: true },
|
|
7
|
+
message: { type: [String, Object], default: undefined },
|
|
8
|
+
action: { type: [String, Object], default: undefined },
|
|
9
|
+
class: { type: String, default: undefined },
|
|
10
|
+
},
|
|
11
|
+
setup(props, { slots, attrs }) {
|
|
12
|
+
return () => h("section", {
|
|
13
|
+
...attrs,
|
|
14
|
+
class: classNames("st-empty-state st-emptyState", props.class),
|
|
15
|
+
}, [
|
|
16
|
+
h("div", { class: "st-empty-state__content" }, [
|
|
17
|
+
h("h2", {
|
|
18
|
+
class: "st-empty-state__title st-emptyState__title",
|
|
19
|
+
}, props.title),
|
|
20
|
+
props.message
|
|
21
|
+
? h("p", {
|
|
22
|
+
class: "st-empty-state__message st-emptyState__message",
|
|
23
|
+
}, props.message)
|
|
24
|
+
: null,
|
|
25
|
+
slots.default?.(),
|
|
26
|
+
props.action
|
|
27
|
+
? h("div", { class: "st-empty-state__action" }, props.action)
|
|
28
|
+
: null,
|
|
29
|
+
]),
|
|
30
|
+
]);
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC7E,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,SAAS,EACT;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,8BAA8B,EAAE,KAAK,CAAC,KAAK,CAAC;SAC/D,EACD;YACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE;gBAC7C,CAAC,CACC,IAAI,EACJ;oBACE,KAAK,EAAE,4CAA4C;iBACpD,EACD,KAAK,CAAC,KAAe,CACtB;gBACD,KAAK,CAAC,OAAO;oBACX,CAAC,CAAC,CAAC,CACC,GAAG,EACH;wBACE,KAAK,EAAE,gDAAgD;qBACxD,EACD,KAAK,CAAC,OAAiB,CACxB;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,OAAO,EAAE,EAAE;gBACjB,KAAK,CAAC,MAAM;oBACV,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,KAAK,CAAC,MAAgB,CACvB;oBACH,CAAC,CAAC,IAAI;aACT,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export type FileUploadStatus = "idle" | "uploading" | "complete" | "error";
|
|
2
|
+
export type FileUploadItem = {
|
|
3
|
+
id?: string;
|
|
4
|
+
name: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
status?: FileUploadStatus;
|
|
7
|
+
error?: string;
|
|
8
|
+
};
|
|
9
|
+
export type FileUploaderProps = {
|
|
10
|
+
label?: string;
|
|
11
|
+
items?: FileUploadItem[];
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
class?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const FileUploader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
+
label: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
items: {
|
|
21
|
+
type: () => FileUploadItem[];
|
|
22
|
+
default: () => never[];
|
|
23
|
+
};
|
|
24
|
+
disabled: {
|
|
25
|
+
type: BooleanConstructor;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
class: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: undefined;
|
|
31
|
+
};
|
|
32
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
35
|
+
label: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
items: {
|
|
40
|
+
type: () => FileUploadItem[];
|
|
41
|
+
default: () => never[];
|
|
42
|
+
};
|
|
43
|
+
disabled: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
class: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
default: undefined;
|
|
50
|
+
};
|
|
51
|
+
}>> & Readonly<{}>, {
|
|
52
|
+
items: FileUploadItem[];
|
|
53
|
+
class: string;
|
|
54
|
+
label: string;
|
|
55
|
+
disabled: boolean;
|
|
56
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
57
|
+
//# sourceMappingURL=FileUploader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;cAIG,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;4EAgEhD,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const FileUploader = defineComponent({
|
|
4
|
+
name: "FileUploader",
|
|
5
|
+
props: {
|
|
6
|
+
label: { type: String, default: "Upload" },
|
|
7
|
+
items: { type: Array, default: () => [] },
|
|
8
|
+
disabled: { type: Boolean, default: false },
|
|
9
|
+
class: { type: String, default: undefined },
|
|
10
|
+
},
|
|
11
|
+
setup(props, { attrs }) {
|
|
12
|
+
return () => h("div", {
|
|
13
|
+
...attrs,
|
|
14
|
+
class: classNames("st-fileUploader-field", props.class),
|
|
15
|
+
}, [
|
|
16
|
+
h("div", {
|
|
17
|
+
class: classNames("st-fileUploader__dropzone", props.disabled && "st-fileUploader__dropzone--disabled"),
|
|
18
|
+
}, [
|
|
19
|
+
h("span", { class: "st-fileUploader__trigger" }, props.label),
|
|
20
|
+
h("input", {
|
|
21
|
+
class: "st-fileUploader__input",
|
|
22
|
+
type: "file",
|
|
23
|
+
disabled: props.disabled,
|
|
24
|
+
"aria-label": props.label,
|
|
25
|
+
}),
|
|
26
|
+
]),
|
|
27
|
+
h("ul", { class: "st-fileUploader__list" }, props.items.map((item, index) => h("li", {
|
|
28
|
+
key: item.id ?? item.name ?? index,
|
|
29
|
+
class: classNames("st-fileUploader__item", item.status && `st-fileUploader__item--${item.status}`),
|
|
30
|
+
}, [
|
|
31
|
+
h("span", { class: "st-fileUploader__itemName st-fileUploader__name" }, item.name),
|
|
32
|
+
item.error
|
|
33
|
+
? h("span", { class: "st-fileUploader__itemError" }, item.error)
|
|
34
|
+
: null,
|
|
35
|
+
]))),
|
|
36
|
+
]);
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=FileUploader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../src/FileUploader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAmB7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,KAA+B,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACnE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,KAAK,EACL;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,KAAK,CAAC;SACxD,EACD;YACE,CAAC,CACC,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CACf,2BAA2B,EAC3B,KAAK,CAAC,QAAQ,IAAI,qCAAqC,CACxD;aACF,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC7D,CAAC,CAAC,OAAO,EAAE;oBACT,KAAK,EAAE,wBAAwB;oBAC/B,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,YAAY,EAAE,KAAK,CAAC,KAAK;iBAC1B,CAAC;aACH,CACF;YACD,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC9B,CAAC,CACC,IAAI,EACJ;gBACE,GAAG,EAAE,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK;gBAClC,KAAK,EAAE,UAAU,CACf,uBAAuB,EACvB,IAAI,CAAC,MAAM,IAAI,0BAA0B,IAAI,CAAC,MAAM,EAAE,CACvD;aACF,EACD;gBACE,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iDAAiD,EAAE,EAC5D,IAAI,CAAC,IAAI,CACV;gBACD,IAAI,CAAC,KAAK;oBACR,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,4BAA4B,EAAE,EACvC,IAAI,CAAC,KAAK,CACX;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CACF,CACF;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Footer.d.ts
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export type FooterLink = {
|
|
2
|
+
label: unknown;
|
|
3
|
+
href: string;
|
|
4
|
+
};
|
|
5
|
+
export type FooterColumn = {
|
|
6
|
+
title?: unknown;
|
|
7
|
+
links: FooterLink[];
|
|
8
|
+
};
|
|
9
|
+
export type FooterProps = {
|
|
10
|
+
brand?: unknown;
|
|
11
|
+
columns?: FooterColumn[];
|
|
12
|
+
links?: FooterLink[];
|
|
13
|
+
copyright?: unknown;
|
|
14
|
+
class?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const Footer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
brand: {
|
|
18
|
+
type: () => unknown;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
21
|
+
columns: {
|
|
22
|
+
type: () => FooterColumn[];
|
|
23
|
+
default: undefined;
|
|
24
|
+
};
|
|
25
|
+
links: {
|
|
26
|
+
type: () => FooterLink[];
|
|
27
|
+
default: undefined;
|
|
28
|
+
};
|
|
29
|
+
copyright: {
|
|
30
|
+
type: () => unknown;
|
|
31
|
+
default: undefined;
|
|
32
|
+
};
|
|
33
|
+
class: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
38
|
+
[key: string]: any;
|
|
39
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
40
|
+
brand: {
|
|
41
|
+
type: () => unknown;
|
|
42
|
+
default: undefined;
|
|
43
|
+
};
|
|
44
|
+
columns: {
|
|
45
|
+
type: () => FooterColumn[];
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
48
|
+
links: {
|
|
49
|
+
type: () => FooterLink[];
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
52
|
+
copyright: {
|
|
53
|
+
type: () => unknown;
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
56
|
+
class: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
default: undefined;
|
|
59
|
+
};
|
|
60
|
+
}>> & Readonly<{}>, {
|
|
61
|
+
class: string;
|
|
62
|
+
columns: FooterColumn[];
|
|
63
|
+
brand: undefined;
|
|
64
|
+
links: FooterLink[];
|
|
65
|
+
copyright: undefined;
|
|
66
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
67
|
+
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACjC,MAAM,YAAY,EAAE;;;;cACtB,MAAM,UAAU,EAAE;;;;cACQ,MAAM,OAAO;;;;;;;;;;;cAHjB,MAAM,OAAO;;;;cACjC,MAAM,YAAY,EAAE;;;;cACtB,MAAM,UAAU,EAAE;;;;cACQ,MAAM,OAAO;;;;;;;;;;;;;4EA2CjE,CAAC"}
|
package/dist/Footer.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const Footer = defineComponent({
|
|
4
|
+
name: "Footer",
|
|
5
|
+
props: {
|
|
6
|
+
brand: { type: [String, Object], default: undefined },
|
|
7
|
+
columns: { type: Array, default: undefined },
|
|
8
|
+
links: { type: Array, default: undefined },
|
|
9
|
+
copyright: { type: [String, Object], default: undefined },
|
|
10
|
+
class: { type: String, default: undefined },
|
|
11
|
+
},
|
|
12
|
+
setup(props, { slots, attrs }) {
|
|
13
|
+
return () => {
|
|
14
|
+
const groups = props.columns ?? (props.links ? [{ links: props.links }] : []);
|
|
15
|
+
return h("footer", {
|
|
16
|
+
...attrs,
|
|
17
|
+
class: classNames("st-footer", props.class),
|
|
18
|
+
}, [
|
|
19
|
+
h("div", { class: "st-footer__top" }, [
|
|
20
|
+
props.brand
|
|
21
|
+
? h("div", { class: "st-footer__brand" }, props.brand)
|
|
22
|
+
: slots.brand
|
|
23
|
+
? h("div", { class: "st-footer__brand" }, slots.brand())
|
|
24
|
+
: null,
|
|
25
|
+
h("div", { class: "st-footer__columns" }, groups.map((group, index) => h("nav", { key: index }, [
|
|
26
|
+
group.title
|
|
27
|
+
? h("h2", group.title)
|
|
28
|
+
: null,
|
|
29
|
+
...group.links.map((link) => h("a", { key: link.href, href: link.href }, link.label)),
|
|
30
|
+
]))),
|
|
31
|
+
]),
|
|
32
|
+
props.copyright
|
|
33
|
+
? h("div", { class: "st-footer__copyright" }, props.copyright)
|
|
34
|
+
: null,
|
|
35
|
+
]);
|
|
36
|
+
};
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=Footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,KAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACpE,KAAK,EAAE,EAAE,IAAI,EAAE,KAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAChE,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GACV,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAEjE,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;aAC5C,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE;oBACpC,KAAK,CAAC,KAAK;wBACT,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;wBAChE,CAAC,CAAC,KAAK,CAAC,KAAK;4BACX,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;4BACxD,CAAC,CAAC,IAAI;oBACV,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;wBACvB,KAAK,CAAC,KAAK;4BACT,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,KAAe,CAAC;4BAChC,CAAC,CAAC,IAAI;wBACR,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAe,CAAC,CAClE;qBACF,CAAC,CACH,CACF;iBACF,CAAC;gBACF,KAAK,CAAC,SAAS;oBACb,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,SAAmB,CAAC;oBACxE,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
export type ForceGraphTone = string;
|
|
2
|
+
export type ForceGraphNode = {
|
|
3
|
+
id: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
group?: string | number;
|
|
6
|
+
tone?: ForceGraphTone;
|
|
7
|
+
weight?: number;
|
|
8
|
+
fx?: number;
|
|
9
|
+
fy?: number;
|
|
10
|
+
};
|
|
11
|
+
export type ForceGraphEdge = {
|
|
12
|
+
source: string;
|
|
13
|
+
target: string;
|
|
14
|
+
relation?: string;
|
|
15
|
+
weak?: boolean;
|
|
16
|
+
};
|
|
17
|
+
export type ForceGraphProps = {
|
|
18
|
+
nodes: ForceGraphNode[];
|
|
19
|
+
edges: ForceGraphEdge[];
|
|
20
|
+
label?: string;
|
|
21
|
+
selectedIds?: string[];
|
|
22
|
+
focusId?: string | null;
|
|
23
|
+
class?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare const ForceGraph: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
26
|
+
nodes: {
|
|
27
|
+
type: () => ForceGraphNode[];
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
edges: {
|
|
31
|
+
type: () => ForceGraphEdge[];
|
|
32
|
+
required: true;
|
|
33
|
+
};
|
|
34
|
+
label: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
selectedIds: {
|
|
39
|
+
type: () => string[];
|
|
40
|
+
default: () => never[];
|
|
41
|
+
};
|
|
42
|
+
focusId: {
|
|
43
|
+
type: () => string | null;
|
|
44
|
+
default: null;
|
|
45
|
+
};
|
|
46
|
+
class: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
50
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
51
|
+
[key: string]: any;
|
|
52
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "openEntity")[], "select" | "openEntity", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
|
+
nodes: {
|
|
54
|
+
type: () => ForceGraphNode[];
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
edges: {
|
|
58
|
+
type: () => ForceGraphEdge[];
|
|
59
|
+
required: true;
|
|
60
|
+
};
|
|
61
|
+
label: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
selectedIds: {
|
|
66
|
+
type: () => string[];
|
|
67
|
+
default: () => never[];
|
|
68
|
+
};
|
|
69
|
+
focusId: {
|
|
70
|
+
type: () => string | null;
|
|
71
|
+
default: null;
|
|
72
|
+
};
|
|
73
|
+
class: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: undefined;
|
|
76
|
+
};
|
|
77
|
+
}>> & Readonly<{
|
|
78
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
79
|
+
onOpenEntity?: ((...args: any[]) => any) | undefined;
|
|
80
|
+
}>, {
|
|
81
|
+
class: string;
|
|
82
|
+
label: string;
|
|
83
|
+
selectedIds: string[];
|
|
84
|
+
focusId: string | null;
|
|
85
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
86
|
+
//# sourceMappingURL=ForceGraph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../src/ForceGraph.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AACpC,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,UAAU;;cAGK,MAAM,cAAc,EAAE;;;;cACtB,MAAM,cAAc,EAAE;;;;;;;;cAEhB,MAAM,MAAM,EAAE;;;;cACjB,MAAM,MAAM,GAAG,IAAI;;;;;;;;;;;cAJtB,MAAM,cAAc,EAAE;;;;cACtB,MAAM,cAAc,EAAE;;;;;;;;cAEhB,MAAM,MAAM,EAAE;;;;cACjB,MAAM,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;4EAyEhD,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
const DATA_TONES = [
|
|
4
|
+
"category1", "category2", "category3", "category4",
|
|
5
|
+
"category5", "category6", "category7", "category8",
|
|
6
|
+
];
|
|
7
|
+
export const ForceGraph = defineComponent({
|
|
8
|
+
name: "ForceGraph",
|
|
9
|
+
props: {
|
|
10
|
+
nodes: { type: Array, required: true },
|
|
11
|
+
edges: { type: Array, required: true },
|
|
12
|
+
label: { type: String, default: "Force graph" },
|
|
13
|
+
selectedIds: { type: Array, default: () => [] },
|
|
14
|
+
focusId: { type: String, default: null },
|
|
15
|
+
class: { type: String, default: undefined },
|
|
16
|
+
},
|
|
17
|
+
emits: ["select", "openEntity"],
|
|
18
|
+
setup(props, { emit, attrs }) {
|
|
19
|
+
return () => {
|
|
20
|
+
const label = props.label ?? "Force graph";
|
|
21
|
+
const selectedIds = props.selectedIds ?? [];
|
|
22
|
+
const focusId = props.focusId ?? null;
|
|
23
|
+
return h("figure", {
|
|
24
|
+
...attrs,
|
|
25
|
+
class: classNames("st-forceGraph st-forceGraph--static", props.class),
|
|
26
|
+
"aria-label": label,
|
|
27
|
+
}, [
|
|
28
|
+
h("span", { class: "st-visually-hidden" }, label),
|
|
29
|
+
h("svg", { viewBox: "0 0 360 220", "aria-hidden": "true" }, [
|
|
30
|
+
h("g", { class: "st-forceGraph__edges" }, props.edges.map((edge, index) => h("line", {
|
|
31
|
+
key: `${edge.source}-${edge.target}-${index}`,
|
|
32
|
+
class: classNames("st-forceGraph__edge", edge.weak && "st-forceGraph__edge--weak"),
|
|
33
|
+
x1: "40",
|
|
34
|
+
y1: 40 + index * 20,
|
|
35
|
+
x2: "260",
|
|
36
|
+
y2: 80 + index * 20,
|
|
37
|
+
}))),
|
|
38
|
+
h("g", { class: "st-forceGraph__nodes" }, props.nodes.map((graphNode, index) => {
|
|
39
|
+
const x = graphNode.fx ?? 48 + (index % 5) * 64;
|
|
40
|
+
const y = graphNode.fy ?? 56 + Math.floor(index / 5) * 56;
|
|
41
|
+
return h("g", {
|
|
42
|
+
key: graphNode.id,
|
|
43
|
+
class: classNames("st-forceGraph__node", `st-forceGraph__node--${graphNode.tone ?? DATA_TONES[index % DATA_TONES.length]}`, selectedIds.includes(graphNode.id) && "st-forceGraph__node--selected", focusId === graphNode.id && "st-forceGraph__node--focus"),
|
|
44
|
+
tabindex: 0,
|
|
45
|
+
onClick: () => emit("select", graphNode.id),
|
|
46
|
+
onDblclick: () => emit("openEntity", graphNode.id),
|
|
47
|
+
}, [
|
|
48
|
+
h("circle", {
|
|
49
|
+
class: "st-forceGraph__dot",
|
|
50
|
+
cx: x,
|
|
51
|
+
cy: y,
|
|
52
|
+
r: 8 * (graphNode.weight ?? 1),
|
|
53
|
+
}),
|
|
54
|
+
h("text", { class: "st-forceGraph__label", x: x + 12, y: y + 4 }, graphNode.label ?? graphNode.id),
|
|
55
|
+
]);
|
|
56
|
+
})),
|
|
57
|
+
]),
|
|
58
|
+
]);
|
|
59
|
+
};
|
|
60
|
+
},
|
|
61
|
+
});
|
|
62
|
+
//# sourceMappingURL=ForceGraph.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ForceGraph.js","sourceRoot":"","sources":["../src/ForceGraph.ts"],"names":[],"mappings":"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"}
|