@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 @@
|
|
|
1
|
+
{"version":3,"file":"TileGroup.d.ts","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;cADE,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA8E/C,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const TileGroup = defineComponent({
|
|
4
|
+
name: "TileGroup",
|
|
5
|
+
props: {
|
|
6
|
+
legend: { type: [String, Object], default: undefined },
|
|
7
|
+
items: { type: Array, required: true },
|
|
8
|
+
value: { type: String, default: undefined },
|
|
9
|
+
disabled: { type: Boolean, default: false },
|
|
10
|
+
class: { type: String, default: undefined },
|
|
11
|
+
},
|
|
12
|
+
emits: ["update:modelValue", "change"],
|
|
13
|
+
setup(props, { emit, attrs }) {
|
|
14
|
+
return () => h("fieldset", {
|
|
15
|
+
...attrs,
|
|
16
|
+
class: classNames("st-tileGroup", props.disabled && "st-tileGroup--disabled", props.class),
|
|
17
|
+
}, [
|
|
18
|
+
props.legend
|
|
19
|
+
? h("legend", { class: "st-tileGroup__legend" }, props.legend)
|
|
20
|
+
: null,
|
|
21
|
+
h("div", { class: "st-tileGroup__items" }, props.items.map((item) => h("label", {
|
|
22
|
+
key: item.value,
|
|
23
|
+
class: classNames("st-tileGroup__tile", item.value === props.value &&
|
|
24
|
+
"st-tileGroup__tile--checked", item.disabled && "st-tileGroup__tile--disabled"),
|
|
25
|
+
}, [
|
|
26
|
+
h("input", {
|
|
27
|
+
class: "st-tileGroup__input",
|
|
28
|
+
type: "radio",
|
|
29
|
+
value: item.value,
|
|
30
|
+
checked: item.value === props.value,
|
|
31
|
+
disabled: props.disabled || item.disabled,
|
|
32
|
+
readonly: true,
|
|
33
|
+
onChange: (event) => {
|
|
34
|
+
emit("update:modelValue", event.target.value);
|
|
35
|
+
emit("change", event);
|
|
36
|
+
},
|
|
37
|
+
}),
|
|
38
|
+
h("span", { class: "st-tileGroup__content" }, [
|
|
39
|
+
h("span", { class: "st-tileGroup__label" }, item.title),
|
|
40
|
+
item.description
|
|
41
|
+
? h("span", { class: "st-tileGroup__description" }, item.description)
|
|
42
|
+
: null,
|
|
43
|
+
]),
|
|
44
|
+
]))),
|
|
45
|
+
]);
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=TileGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TileGroup.js","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,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,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,cAAc,EACd,KAAK,CAAC,QAAQ,IAAI,wBAAwB,EAC1C,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,KAAK,CAAC,MAAgB,CACvB;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,OAAO,EACP;gBACE,GAAG,EAAE,IAAI,CAAC,KAAK;gBACf,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACxB,6BAA6B,EAC/B,IAAI,CAAC,QAAQ,IAAI,8BAA8B,CAChD;aACF,EACD;gBACE,CAAC,CAAC,OAAO,EAAE;oBACT,KAAK,EAAE,qBAAqB;oBAC5B,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;oBACzC,QAAQ,EAAE,IAAI;oBACd,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,IAAI,CACF,mBAAmB,EAClB,KAAK,CAAC,MAA2B,CAAC,KAAK,CACzC,CAAC;wBACF,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC5C,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,IAAI,CAAC,KAAe,CACrB;oBACD,IAAI,CAAC,WAAW;wBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,IAAI,CAAC,WAAqB,CAC3B;wBACH,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CACF,CACF,CACF;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Toast.d.ts
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
export type ToastTone = "info" | "success" | "warning" | "error";
|
|
2
|
+
export type ToastItem = {
|
|
3
|
+
id: string;
|
|
4
|
+
tone?: ToastTone;
|
|
5
|
+
title: unknown;
|
|
6
|
+
message?: unknown;
|
|
7
|
+
actions?: unknown;
|
|
8
|
+
};
|
|
9
|
+
export type ToastProps = {
|
|
10
|
+
tone?: ToastTone;
|
|
11
|
+
title?: unknown;
|
|
12
|
+
message?: unknown;
|
|
13
|
+
items?: ToastItem[];
|
|
14
|
+
autoDismiss?: boolean;
|
|
15
|
+
duration?: number;
|
|
16
|
+
class?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const Toast: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
|
+
tone: {
|
|
20
|
+
type: () => ToastTone;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
title: {
|
|
24
|
+
type: () => unknown;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
message: {
|
|
28
|
+
type: () => unknown;
|
|
29
|
+
default: undefined;
|
|
30
|
+
};
|
|
31
|
+
items: {
|
|
32
|
+
type: () => ToastItem[];
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
autoDismiss: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
duration: {
|
|
40
|
+
type: NumberConstructor;
|
|
41
|
+
default: number;
|
|
42
|
+
};
|
|
43
|
+
class: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: undefined;
|
|
46
|
+
};
|
|
47
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
48
|
+
[key: string]: any;
|
|
49
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "dismiss")[], "close" | "dismiss", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
50
|
+
tone: {
|
|
51
|
+
type: () => ToastTone;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
title: {
|
|
55
|
+
type: () => unknown;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
message: {
|
|
59
|
+
type: () => unknown;
|
|
60
|
+
default: undefined;
|
|
61
|
+
};
|
|
62
|
+
items: {
|
|
63
|
+
type: () => ToastItem[];
|
|
64
|
+
default: undefined;
|
|
65
|
+
};
|
|
66
|
+
autoDismiss: {
|
|
67
|
+
type: BooleanConstructor;
|
|
68
|
+
default: boolean;
|
|
69
|
+
};
|
|
70
|
+
duration: {
|
|
71
|
+
type: NumberConstructor;
|
|
72
|
+
default: number;
|
|
73
|
+
};
|
|
74
|
+
class: {
|
|
75
|
+
type: StringConstructor;
|
|
76
|
+
default: undefined;
|
|
77
|
+
};
|
|
78
|
+
}>> & Readonly<{
|
|
79
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
80
|
+
onDismiss?: ((...args: any[]) => any) | undefined;
|
|
81
|
+
}>, {
|
|
82
|
+
items: ToastItem[];
|
|
83
|
+
class: string;
|
|
84
|
+
title: undefined;
|
|
85
|
+
tone: ToastTone;
|
|
86
|
+
message: undefined;
|
|
87
|
+
autoDismiss: boolean;
|
|
88
|
+
duration: number;
|
|
89
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
90
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGU,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;cAHjB,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiG3C,CAAC"}
|
package/dist/Toast.js
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { defineComponent, h, onMounted, onUnmounted } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const Toast = defineComponent({
|
|
4
|
+
name: "Toast",
|
|
5
|
+
props: {
|
|
6
|
+
tone: { type: String, default: "info" },
|
|
7
|
+
title: { type: [String, Object], default: undefined },
|
|
8
|
+
message: { type: [String, Object], default: undefined },
|
|
9
|
+
items: { type: Array, default: undefined },
|
|
10
|
+
autoDismiss: { type: Boolean, default: false },
|
|
11
|
+
duration: { type: Number, default: 5000 },
|
|
12
|
+
class: { type: String, default: undefined },
|
|
13
|
+
},
|
|
14
|
+
emits: ["close", "dismiss"],
|
|
15
|
+
setup(props, { emit, slots, attrs }) {
|
|
16
|
+
let timer = null;
|
|
17
|
+
const startAutoDismiss = () => {
|
|
18
|
+
if (props.autoDismiss && props.items?.length) {
|
|
19
|
+
timer = setTimeout(() => {
|
|
20
|
+
emit("dismiss", props.items[0].id);
|
|
21
|
+
}, props.duration);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const clearTimer = () => {
|
|
25
|
+
if (timer !== null) {
|
|
26
|
+
clearTimeout(timer);
|
|
27
|
+
timer = null;
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
onMounted(() => startAutoDismiss());
|
|
31
|
+
onUnmounted(() => clearTimer());
|
|
32
|
+
return () => {
|
|
33
|
+
if (props.items?.length) {
|
|
34
|
+
return h("div", {
|
|
35
|
+
...attrs,
|
|
36
|
+
class: classNames("st-toastQueue", props.class),
|
|
37
|
+
}, props.items.map((item) => h("aside", {
|
|
38
|
+
key: item.id,
|
|
39
|
+
class: classNames("st-toast", `st-toast--${item.tone ?? "info"}`),
|
|
40
|
+
role: "status",
|
|
41
|
+
}, [
|
|
42
|
+
h("div", { class: "st-toast__content" }, [
|
|
43
|
+
h("h2", { class: "st-toast__title" }, item.title),
|
|
44
|
+
item.message
|
|
45
|
+
? h("p", { class: "st-toast__message" }, item.message)
|
|
46
|
+
: null,
|
|
47
|
+
]),
|
|
48
|
+
item.actions
|
|
49
|
+
? h("div", { class: "st-toast__actions" }, item.actions)
|
|
50
|
+
: null,
|
|
51
|
+
h("button", {
|
|
52
|
+
type: "button",
|
|
53
|
+
"aria-label": `Dismiss ${String(item.title)}`,
|
|
54
|
+
onClick: () => emit("dismiss", item.id),
|
|
55
|
+
}, "Close"),
|
|
56
|
+
])));
|
|
57
|
+
}
|
|
58
|
+
return h("aside", {
|
|
59
|
+
...attrs,
|
|
60
|
+
class: classNames("st-toast", `st-toast--${props.tone}`, props.class),
|
|
61
|
+
role: "status",
|
|
62
|
+
}, [
|
|
63
|
+
h("div", { class: "st-toast__content" }, [
|
|
64
|
+
h("h2", { class: "st-toast__title" }, props.title ?? ""),
|
|
65
|
+
props.message
|
|
66
|
+
? h("p", { class: "st-toast__message" }, props.message)
|
|
67
|
+
: slots.default?.(),
|
|
68
|
+
]),
|
|
69
|
+
slots.actions
|
|
70
|
+
? h("div", { class: "st-toast__actions" }, slots.actions())
|
|
71
|
+
: null,
|
|
72
|
+
h("button", {
|
|
73
|
+
type: "button",
|
|
74
|
+
onClick: () => emit("close"),
|
|
75
|
+
}, "Close"),
|
|
76
|
+
]);
|
|
77
|
+
};
|
|
78
|
+
},
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsB7C,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1D,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,KAAK,EAAE,EAAE,IAAI,EAAE,KAA0B,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/D,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,IAAI,KAAK,GAAyC,IAAI,CAAC;QAEvD,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;gBAC7C,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBACtB,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,KAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACtC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,KAAK,GAAG,IAAI,CAAC;YACf,CAAC;QACH,CAAC,CAAC;QAEF,SAAS,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACpC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;QAEhC,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;gBACxB,OAAO,CAAC,CACN,KAAK,EACL;oBACE,GAAG,KAAK;oBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;iBAChD,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,OAAO,EACP;oBACE,GAAG,EAAE,IAAI,CAAC,EAAE;oBACZ,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,aAAa,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE,CAAC;oBACjE,IAAI,EAAE,QAAQ;iBACf,EACD;oBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE;wBACvC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAe,CAAC;wBAC3D,IAAI,CAAC,OAAO;4BACV,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,OAAiB,CAAC;4BAChE,CAAC,CAAC,IAAI;qBACT,CAAC;oBACF,IAAI,CAAC,OAAO;wBACV,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,OAA4B,CAAC;wBAC7E,CAAC,CAAC,IAAI;oBACR,CAAC,CACC,QAAQ,EACR;wBACE,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,WAAW,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;wBAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC;qBACxC,EACD,OAAO,CACR;iBACF,CACF,CACF,CACF,CAAC;YACJ,CAAC;YAED,OAAO,CAAC,CACN,OAAO,EACP;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,aAAa,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACrE,IAAI,EAAE,QAAQ;aACf,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE;oBACvC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAG,KAAK,CAAC,KAA4B,IAAI,EAAE,CAAC;oBAChF,KAAK,CAAC,OAAO;wBACX,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,OAAiB,CAAC;wBACjE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE;iBACtB,CAAC;gBACF,KAAK,CAAC,OAAO;oBACX,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;oBAC3D,CAAC,CAAC,IAAI;gBACR,CAAC,CACC,QAAQ,EACR;oBACE,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC7B,EACD,OAAO,CACR;aACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Toggle.d.ts
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
export type ToggleSize = "sm" | "md";
|
|
2
|
+
export type ToggleProps = {
|
|
3
|
+
label: unknown;
|
|
4
|
+
helperText?: unknown;
|
|
5
|
+
size?: ToggleSize;
|
|
6
|
+
modelValue?: boolean;
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
name?: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
class?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const Toggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
14
|
+
label: {
|
|
15
|
+
type: () => unknown;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
helperText: {
|
|
19
|
+
type: () => unknown;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
size: {
|
|
23
|
+
type: () => ToggleSize;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
modelValue: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
30
|
+
checked: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
34
|
+
disabled: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
name: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
value: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: undefined;
|
|
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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
|
+
label: {
|
|
54
|
+
type: () => unknown;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
helperText: {
|
|
58
|
+
type: () => unknown;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
61
|
+
size: {
|
|
62
|
+
type: () => ToggleSize;
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
modelValue: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
69
|
+
checked: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: undefined;
|
|
72
|
+
};
|
|
73
|
+
disabled: {
|
|
74
|
+
type: BooleanConstructor;
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
name: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
81
|
+
value: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
class: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: undefined;
|
|
88
|
+
};
|
|
89
|
+
}>> & Readonly<{
|
|
90
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
91
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
92
|
+
}>, {
|
|
93
|
+
class: string;
|
|
94
|
+
name: string;
|
|
95
|
+
disabled: boolean;
|
|
96
|
+
size: ToggleSize;
|
|
97
|
+
value: string;
|
|
98
|
+
helperText: undefined;
|
|
99
|
+
modelValue: boolean;
|
|
100
|
+
checked: boolean;
|
|
101
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
102
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAFM,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA0D1C,CAAC"}
|
package/dist/Toggle.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const Toggle = defineComponent({
|
|
4
|
+
name: "Toggle",
|
|
5
|
+
props: {
|
|
6
|
+
label: { type: [String, Object], required: true },
|
|
7
|
+
helperText: { type: [String, Object], default: undefined },
|
|
8
|
+
size: { type: String, default: "md" },
|
|
9
|
+
modelValue: { type: Boolean, default: undefined },
|
|
10
|
+
checked: { type: Boolean, default: undefined },
|
|
11
|
+
disabled: { type: Boolean, default: false },
|
|
12
|
+
name: { type: String, default: undefined },
|
|
13
|
+
value: { type: String, default: undefined },
|
|
14
|
+
class: { type: String, default: undefined },
|
|
15
|
+
},
|
|
16
|
+
emits: ["update:modelValue", "change"],
|
|
17
|
+
setup(props, { emit, attrs }) {
|
|
18
|
+
return () => h("label", {
|
|
19
|
+
class: classNames("st-toggle", `st-toggle--${props.size}`, props.class),
|
|
20
|
+
}, [
|
|
21
|
+
h("span", { class: "st-toggle__row" }, [
|
|
22
|
+
h("span", { class: "st-toggle__label" }, props.label),
|
|
23
|
+
h("input", {
|
|
24
|
+
...attrs,
|
|
25
|
+
class: "st-toggle__input",
|
|
26
|
+
type: "checkbox",
|
|
27
|
+
role: "switch",
|
|
28
|
+
"aria-checked": props.modelValue ?? props.checked ?? undefined,
|
|
29
|
+
checked: props.modelValue ?? props.checked,
|
|
30
|
+
disabled: props.disabled,
|
|
31
|
+
name: props.name,
|
|
32
|
+
value: props.value,
|
|
33
|
+
onChange: (event) => {
|
|
34
|
+
const checked = event.target.checked;
|
|
35
|
+
emit("update:modelValue", checked);
|
|
36
|
+
emit("change", event);
|
|
37
|
+
},
|
|
38
|
+
}),
|
|
39
|
+
h("span", { class: "st-toggle__track" }, [
|
|
40
|
+
h("span", { class: "st-toggle__thumb" }),
|
|
41
|
+
]),
|
|
42
|
+
]),
|
|
43
|
+
props.helperText
|
|
44
|
+
? h("span", { class: "st-toggle__help" }, props.helperText)
|
|
45
|
+
: null,
|
|
46
|
+
]);
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgB7C,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,QAAQ,EAAE,IAAI,EAAE;QAC7E,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,KAAK,EAAE,UAAU,CACf,WAAW,EACX,cAAc,KAAK,CAAC,IAAI,EAAE,EAC1B,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE;gBACrC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,KAAe,CACtB;gBACD,CAAC,CAAC,OAAO,EAAE;oBACT,GAAG,KAAK;oBACR,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,cAAc,EACZ,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,IAAI,SAAS;oBAChD,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;oBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;wBAC3D,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;wBACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE;oBACvC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;iBACzC,CAAC;aACH,CAAC;YACF,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,UAAoB,CAC3B;gBACH,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export type ToggletipPlacement = "top" | "bottom" | "start" | "end";
|
|
2
|
+
export type ToggletipProps = {
|
|
3
|
+
label: unknown;
|
|
4
|
+
content?: unknown;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
placement?: ToggletipPlacement;
|
|
7
|
+
class?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const Toggletip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
+
label: {
|
|
11
|
+
type: () => unknown;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
content: {
|
|
15
|
+
type: () => unknown;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
open: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
placement: {
|
|
23
|
+
type: () => ToggletipPlacement;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
class: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
30
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
31
|
+
[key: string]: any;
|
|
32
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
label: {
|
|
34
|
+
type: () => unknown;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
content: {
|
|
38
|
+
type: () => unknown;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
open: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: undefined;
|
|
44
|
+
};
|
|
45
|
+
placement: {
|
|
46
|
+
type: () => ToggletipPlacement;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
49
|
+
class: {
|
|
50
|
+
type: StringConstructor;
|
|
51
|
+
default: undefined;
|
|
52
|
+
};
|
|
53
|
+
}>> & Readonly<{
|
|
54
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
55
|
+
}>, {
|
|
56
|
+
class: string;
|
|
57
|
+
content: undefined;
|
|
58
|
+
open: boolean;
|
|
59
|
+
placement: ToggletipPlacement;
|
|
60
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
61
|
+
//# sourceMappingURL=Toggletip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggletip.d.ts","sourceRoot":"","sources":["../src/Toggletip.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG4B,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;;;;;cAEhC,MAAM,kBAAkB;;;;;;;;;;;cAHP,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;;;;;cAEhC,MAAM,kBAAkB;;;;;;;;;;;;;;4EAsEvD,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent, h, ref, watch, onUnmounted } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const Toggletip = defineComponent({
|
|
4
|
+
name: "Toggletip",
|
|
5
|
+
props: {
|
|
6
|
+
label: { type: [String, Object], required: true },
|
|
7
|
+
content: { type: [String, Object], default: undefined },
|
|
8
|
+
open: { type: Boolean, default: undefined },
|
|
9
|
+
placement: { type: String, default: "top" },
|
|
10
|
+
class: { type: String, default: undefined },
|
|
11
|
+
},
|
|
12
|
+
emits: ["update:open"],
|
|
13
|
+
setup(props, { emit, slots, attrs }) {
|
|
14
|
+
const localOpen = ref(false);
|
|
15
|
+
const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
|
|
16
|
+
const setOpen = (val) => {
|
|
17
|
+
if (props.open === undefined)
|
|
18
|
+
localOpen.value = val;
|
|
19
|
+
emit("update:open", val);
|
|
20
|
+
};
|
|
21
|
+
const onKeyDown = (event) => {
|
|
22
|
+
if (event.key === "Escape") {
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
setOpen(false);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
watch(() => isOpen(), (open) => {
|
|
28
|
+
if (open)
|
|
29
|
+
document.addEventListener("keydown", onKeyDown);
|
|
30
|
+
else
|
|
31
|
+
document.removeEventListener("keydown", onKeyDown);
|
|
32
|
+
});
|
|
33
|
+
onUnmounted(() => document.removeEventListener("keydown", onKeyDown));
|
|
34
|
+
return () => {
|
|
35
|
+
const open = isOpen();
|
|
36
|
+
return h("span", {
|
|
37
|
+
...attrs,
|
|
38
|
+
class: classNames("st-toggletip", `st-toggletip--${props.placement}`, props.class),
|
|
39
|
+
}, [
|
|
40
|
+
h("button", {
|
|
41
|
+
type: "button",
|
|
42
|
+
class: "st-toggletip__trigger",
|
|
43
|
+
"aria-expanded": open,
|
|
44
|
+
onClick: () => setOpen(!open),
|
|
45
|
+
}, props.label),
|
|
46
|
+
open
|
|
47
|
+
? h("span", { class: "st-toggletip__bubble", role: "status" }, h("span", { class: "st-toggletip__content" }, props.content ?? slots.default?.()))
|
|
48
|
+
: null,
|
|
49
|
+
]);
|
|
50
|
+
};
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
//# sourceMappingURL=Toggletip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggletip.js","sourceRoot":"","sources":["../src/Toggletip.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export type TooltipPlacement = "top" | "bottom";
|
|
2
|
+
export type TooltipProps = {
|
|
3
|
+
content: unknown;
|
|
4
|
+
placement?: TooltipPlacement;
|
|
5
|
+
class?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const Tooltip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
content: {
|
|
9
|
+
type: () => unknown;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
placement: {
|
|
13
|
+
type: () => TooltipPlacement;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
class: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
content: {
|
|
24
|
+
type: () => unknown;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
placement: {
|
|
28
|
+
type: () => TooltipPlacement;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
class: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
}>> & Readonly<{}>, {
|
|
36
|
+
class: string;
|
|
37
|
+
placement: TooltipPlacement;
|
|
38
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
39
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,OAAO;;cAGgC,MAAM,OAAO;;;;cAChC,MAAM,gBAAgB;;;;;;;;;;;cADH,MAAM,OAAO;;;;cAChC,MAAM,gBAAgB;;;;;;;;;;4EAsCrD,CAAC"}
|
package/dist/Tooltip.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
let _tooltipCounter = 0;
|
|
4
|
+
function nextTooltipId() {
|
|
5
|
+
return `st-tooltip-${++_tooltipCounter}`;
|
|
6
|
+
}
|
|
7
|
+
export const Tooltip = defineComponent({
|
|
8
|
+
name: "Tooltip",
|
|
9
|
+
props: {
|
|
10
|
+
content: { type: [String, Object], required: true },
|
|
11
|
+
placement: { type: String, default: "top" },
|
|
12
|
+
class: { type: String, default: undefined },
|
|
13
|
+
},
|
|
14
|
+
setup(props, { slots, attrs }) {
|
|
15
|
+
const tooltipId = ref(nextTooltipId());
|
|
16
|
+
const open = ref(false);
|
|
17
|
+
return () => {
|
|
18
|
+
return h("span", {
|
|
19
|
+
...attrs,
|
|
20
|
+
class: classNames("st-tooltip", `st-tooltip--${props.placement}`, props.class),
|
|
21
|
+
onFocus: () => { open.value = true; },
|
|
22
|
+
onBlur: () => { open.value = false; },
|
|
23
|
+
onMouseenter: () => { open.value = true; },
|
|
24
|
+
onMouseleave: () => { open.value = false; },
|
|
25
|
+
}, [
|
|
26
|
+
h("span", { class: "st-tooltip__trigger" }, slots.default?.()),
|
|
27
|
+
h("span", {
|
|
28
|
+
id: tooltipId.value,
|
|
29
|
+
class: "st-tooltip__content",
|
|
30
|
+
role: "tooltip",
|
|
31
|
+
"aria-hidden": open.value ? "false" : "true",
|
|
32
|
+
}, props.content),
|
|
33
|
+
]);
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,IAAI,eAAe,GAAG,CAAC,CAAC;AACxB,SAAS,aAAa;IACpB,OAAO,cAAc,EAAE,eAAe,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,IAAI,EAAE,SAAS;IACf,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC/E,SAAS,EAAE,EAAE,IAAI,EAAE,MAAgC,EAAE,OAAO,EAAE,KAAK,EAAE;QACrE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,SAAS,GAAG,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,CACN,MAAM,EACN;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,YAAY,EACZ,eAAe,KAAK,CAAC,SAAS,EAAE,EAChC,KAAK,CAAC,KAAK,CACZ;gBACD,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;gBACrC,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;gBACrC,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;gBAC1C,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;aAC5C,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC9D,CAAC,CACC,MAAM,EACN;oBACE,EAAE,EAAE,SAAS,CAAC,KAAK;oBACnB,KAAK,EAAE,qBAAqB;oBAC5B,IAAI,EAAE,SAAS;oBACf,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;iBAC7C,EACD,KAAK,CAAC,OAAiB,CACxB;aACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|