@pathscale/ui 1.1.33 → 1.1.35
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/components/badge/Badge.css +5 -5
- package/dist/components/badge/Badge.d.ts +1 -1
- package/dist/components/badge/Badge.js +1 -2
- package/dist/components/button/Button.css +10 -1
- package/dist/components/button/Button.d.ts +2 -0
- package/dist/components/button/Button.js +31 -6
- package/dist/components/button-group/ButtonGroup.css +117 -0
- package/dist/components/button-group/ButtonGroup.d.ts +23 -0
- package/dist/components/button-group/ButtonGroup.js +91 -0
- package/dist/components/button-group/context.d.ts +8 -0
- package/dist/components/button-group/context.js +3 -0
- package/dist/components/button-group/index.d.ts +1 -0
- package/dist/components/button-group/index.js +6 -0
- package/dist/components/card/Card.css +110 -0
- package/dist/components/card/Card.d.ts +26 -26
- package/dist/components/card/Card.js +131 -70
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/card/index.js +6 -1
- package/dist/components/checkbox/Checkbox.js +18 -4
- package/dist/components/checkbox-group/CheckboxGroup.css +10 -0
- package/dist/components/checkbox-group/CheckboxGroup.d.ts +18 -0
- package/dist/components/checkbox-group/CheckboxGroup.js +97 -0
- package/dist/components/checkbox-group/context.d.ts +11 -0
- package/dist/components/checkbox-group/context.js +3 -0
- package/dist/components/checkbox-group/index.d.ts +4 -0
- package/dist/components/checkbox-group/index.js +4 -0
- package/dist/components/chip/Chip.css +197 -0
- package/dist/components/chip/Chip.d.ts +25 -0
- package/dist/components/chip/Chip.js +142 -0
- package/dist/components/chip/index.d.ts +8 -0
- package/dist/components/chip/index.js +9 -0
- package/dist/components/close-button/CloseButton.css +81 -0
- package/dist/components/close-button/CloseButton.d.ts +14 -0
- package/dist/components/close-button/CloseButton.js +76 -0
- package/dist/components/close-button/index.d.ts +1 -0
- package/dist/components/close-button/index.js +3 -0
- package/dist/components/combo-box/ComboBox.css +344 -0
- package/dist/components/combo-box/ComboBox.d.ts +86 -0
- package/dist/components/combo-box/ComboBox.js +708 -0
- package/dist/components/combo-box/index.d.ts +1 -0
- package/dist/components/combo-box/index.js +10 -0
- package/dist/components/date-field/DateField.css +215 -0
- package/dist/components/date-field/DateField.d.ts +64 -0
- package/dist/components/date-field/DateField.js +341 -0
- package/dist/components/date-field/index.d.ts +1 -0
- package/dist/components/date-field/index.js +11 -0
- package/dist/components/description/Description.css +10 -0
- package/dist/components/description/Description.d.ts +11 -0
- package/dist/components/{form/Label.js → description/Description.js} +23 -14
- package/dist/components/description/index.d.ts +1 -0
- package/dist/components/description/index.js +5 -0
- package/dist/components/drawer/Drawer.css +15 -0
- package/dist/components/drawer/Drawer.d.ts +2 -0
- package/dist/components/drawer/Drawer.js +24 -16
- package/dist/components/error-message/ErrorMessage.css +20 -0
- package/dist/components/error-message/ErrorMessage.d.ts +11 -0
- package/dist/components/error-message/ErrorMessage.js +40 -0
- package/dist/components/error-message/index.d.ts +1 -0
- package/dist/components/error-message/index.js +5 -0
- package/dist/components/field-error/FieldError.css +27 -0
- package/dist/components/field-error/FieldError.d.ts +21 -0
- package/dist/components/field-error/FieldError.js +69 -0
- package/dist/components/field-error/index.d.ts +1 -0
- package/dist/components/field-error/index.js +5 -0
- package/dist/components/fieldset/Fieldset.css +30 -0
- package/dist/components/fieldset/Fieldset.d.ts +22 -9
- package/dist/components/fieldset/Fieldset.js +88 -44
- package/dist/components/fieldset/index.d.ts +1 -2
- package/dist/components/fieldset/index.js +7 -2
- package/dist/components/form/Form.css +5 -0
- package/dist/components/form/Form.d.ts +10 -16
- package/dist/components/form/Form.js +33 -16
- package/dist/components/form/index.d.ts +1 -4
- package/dist/components/form/index.js +3 -4
- package/dist/components/header/Header.css +13 -0
- package/dist/components/header/Header.d.ts +9 -0
- package/dist/components/{menu/MenuDetails.js → header/Header.js} +17 -20
- package/dist/components/header/index.d.ts +1 -0
- package/dist/components/header/index.js +5 -0
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +62 -68
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +58 -64
- package/dist/components/input/Input.css +3 -2
- package/dist/components/input/Input.d.ts +2 -2
- package/dist/components/input/Input.js +7 -7
- package/dist/components/input-group/InputGroup.css +172 -0
- package/dist/components/input-group/InputGroup.d.ts +44 -0
- package/dist/components/input-group/InputGroup.js +227 -0
- package/dist/components/input-group/index.d.ts +1 -0
- package/dist/components/input-group/index.js +9 -0
- package/dist/components/input-otp/InputOTP.css +170 -0
- package/dist/components/input-otp/InputOTP.d.ts +46 -0
- package/dist/components/input-otp/InputOTP.js +385 -0
- package/dist/components/input-otp/index.d.ts +1 -0
- package/dist/components/input-otp/index.js +11 -0
- package/dist/components/label/Label.css +30 -0
- package/dist/components/label/Label.d.ts +17 -0
- package/dist/components/label/Label.js +64 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/label/index.js +5 -0
- package/dist/components/list-box/ListBox.css +148 -0
- package/dist/components/list-box/ListBox.d.ts +23 -0
- package/dist/components/list-box/ListBox.js +224 -0
- package/dist/components/list-box/ListBoxItem.d.ts +28 -0
- package/dist/components/list-box/ListBoxItem.js +231 -0
- package/dist/components/list-box/ListBoxSection.d.ts +11 -0
- package/dist/components/list-box/ListBoxSection.js +48 -0
- package/dist/components/list-box/context.d.ts +27 -0
- package/dist/components/list-box/context.js +3 -0
- package/dist/components/list-box/index.d.ts +17 -0
- package/dist/components/list-box/index.js +17 -0
- package/dist/components/menu/Menu.css +199 -0
- package/dist/components/menu/Menu.d.ts +32 -20
- package/dist/components/menu/Menu.js +213 -39
- package/dist/components/menu/MenuItem.d.ts +35 -5
- package/dist/components/menu/MenuItem.js +270 -19
- package/dist/components/menu/MenuSection.d.ts +11 -0
- package/dist/components/menu/MenuSection.js +48 -0
- package/dist/components/menu/context.d.ts +26 -0
- package/dist/components/menu/context.js +3 -0
- package/dist/components/menu/index.d.ts +4 -3
- package/dist/components/menu/index.js +11 -2
- package/dist/components/number-field/NumberField.css +198 -0
- package/dist/components/number-field/NumberField.d.ts +48 -0
- package/dist/components/number-field/NumberField.js +350 -0
- package/dist/components/number-field/index.d.ts +1 -0
- package/dist/components/number-field/index.js +9 -0
- package/dist/components/search-field/SearchField.css +183 -0
- package/dist/components/search-field/SearchField.d.ts +53 -0
- package/dist/components/search-field/SearchField.js +303 -0
- package/dist/components/search-field/index.d.ts +1 -0
- package/dist/components/search-field/index.js +9 -0
- package/dist/components/select/Select.css +16 -10
- package/dist/components/select/Select.d.ts +10 -2
- package/dist/components/select/Select.js +119 -33
- package/dist/components/separator/Separator.css +35 -0
- package/dist/components/separator/Separator.d.ts +12 -0
- package/dist/components/separator/Separator.js +57 -0
- package/dist/components/separator/index.d.ts +1 -0
- package/dist/components/separator/index.js +4 -0
- package/dist/components/sidenav/Sidenav.js +2 -2
- package/dist/components/surface/Surface.css +37 -0
- package/dist/components/surface/Surface.d.ts +12 -0
- package/dist/components/surface/Surface.js +41 -0
- package/dist/components/surface/index.d.ts +1 -0
- package/dist/components/surface/index.js +4 -0
- package/dist/components/table/hooks/index.d.ts +1 -9
- package/dist/components/table/hooks/index.js +1 -18
- package/dist/components/tag/Tag.css +121 -0
- package/dist/components/tag/Tag.d.ts +33 -0
- package/dist/components/tag/Tag.js +241 -0
- package/dist/components/tag/index.d.ts +1 -0
- package/dist/components/tag/index.js +6 -0
- package/dist/components/tag-group/TagGroup.css +22 -0
- package/dist/components/tag-group/TagGroup.d.ts +32 -0
- package/dist/components/tag-group/TagGroup.js +177 -0
- package/dist/components/tag-group/context.d.ts +15 -0
- package/dist/components/tag-group/context.js +3 -0
- package/dist/components/tag-group/index.d.ts +2 -0
- package/dist/components/tag-group/index.js +6 -0
- package/dist/components/text/Text.css +66 -0
- package/dist/components/text/Text.d.ts +17 -0
- package/dist/components/text/Text.js +46 -0
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/text/index.js +5 -0
- package/dist/components/text-area/TextArea.css +95 -0
- package/dist/components/text-area/TextArea.d.ts +19 -0
- package/dist/components/text-area/TextArea.js +64 -0
- package/dist/components/text-area/index.d.ts +1 -0
- package/dist/components/text-area/index.js +5 -0
- package/dist/components/text-field/TextField.css +33 -0
- package/dist/components/text-field/TextField.d.ts +34 -0
- package/dist/components/text-field/TextField.js +85 -0
- package/dist/components/text-field/index.d.ts +1 -0
- package/dist/components/text-field/index.js +7 -0
- package/dist/components/textarea/Textarea.d.ts +8 -13
- package/dist/components/textarea/Textarea.js +14 -45
- package/dist/components/textarea/index.d.ts +2 -1
- package/dist/components/textarea/index.js +4 -1
- package/dist/components/time-field/TimeField.css +215 -0
- package/dist/components/time-field/TimeField.d.ts +64 -0
- package/dist/components/time-field/TimeField.js +341 -0
- package/dist/components/time-field/index.d.ts +1 -0
- package/dist/components/time-field/index.js +11 -0
- package/dist/components/utils.d.ts +2 -2
- package/dist/components/utils.js +3 -17
- package/dist/hooks/form/index.d.ts +5 -0
- package/dist/hooks/form/index.js +12 -0
- package/dist/hooks/form/useField.d.ts +11 -0
- package/dist/hooks/form/useField.js +20 -0
- package/dist/hooks/form/useFieldError.d.ts +3 -0
- package/dist/hooks/form/useFieldError.js +3 -0
- package/dist/hooks/form/useFieldMeta.d.ts +20 -0
- package/dist/hooks/form/useFieldMeta.js +49 -0
- package/dist/hooks/form/useFieldProps.d.ts +10 -0
- package/dist/hooks/form/useFieldProps.js +51 -0
- package/dist/hooks/form/useForm.d.ts +27 -0
- package/dist/hooks/form/useForm.js +54 -0
- package/dist/hooks/form/utils.d.ts +4 -0
- package/dist/hooks/form/utils.js +30 -0
- package/dist/hooks/layout/index.d.ts +1 -0
- package/dist/hooks/layout/index.js +3 -0
- package/dist/hooks/layout/useDesktop.d.ts +1 -0
- package/dist/hooks/layout/useDesktop.js +17 -0
- package/dist/hooks/table/index.d.ts +9 -0
- package/dist/hooks/table/index.js +18 -0
- package/dist/index.d.ts +63 -7
- package/dist/index.js +145 -15
- package/dist/primitives/streaming/index.d.ts +2 -0
- package/dist/primitives/streaming/index.js +5 -0
- package/dist/primitives/streaming/useStreamingBuffer.d.ts +15 -0
- package/dist/primitives/streaming/useStreamingBuffer.js +115 -0
- package/dist/primitives/streaming/useStreamingSubscription.d.ts +27 -0
- package/dist/primitives/streaming/useStreamingSubscription.js +115 -0
- package/dist/styles/icons/generated-icons.css +1 -1
- package/package.json +1 -1
- package/dist/components/card/CardActions.d.ts +0 -4
- package/dist/components/card/CardActions.js +0 -15
- package/dist/components/card/CardBody.d.ts +0 -4
- package/dist/components/card/CardBody.js +0 -15
- package/dist/components/card/CardImage.d.ts +0 -3
- package/dist/components/card/CardImage.js +0 -10
- package/dist/components/card/CardTitle.d.ts +0 -6
- package/dist/components/card/CardTitle.js +0 -13
- package/dist/components/card/card.css +0 -171
- package/dist/components/form/FormBase.d.ts +0 -8
- package/dist/components/form/FormBase.js +0 -74
- package/dist/components/form/FormDropdown.d.ts +0 -25
- package/dist/components/form/FormDropdown.js +0 -139
- package/dist/components/form/FormField.d.ts +0 -14
- package/dist/components/form/FormField.js +0 -78
- package/dist/components/form/Label.d.ts +0 -7
- package/dist/components/form/NumberField.d.ts +0 -20
- package/dist/components/form/NumberField.js +0 -109
- package/dist/components/form/PasswordField.d.ts +0 -16
- package/dist/components/form/PasswordField.js +0 -113
- package/dist/components/form/ValidatedForm.d.ts +0 -26
- package/dist/components/form/ValidatedForm.js +0 -55
- package/dist/components/menu/MenuDetails.d.ts +0 -8
- package/dist/components/menu/MenuDropdown.d.ts +0 -12
- package/dist/components/menu/MenuDropdown.js +0 -48
- package/dist/components/menu/MenuTitle.d.ts +0 -8
- package/dist/components/menu/MenuTitle.js +0 -22
- package/dist/components/menu/menu.css +0 -364
- package/dist/components/textarea/textarea.css +0 -191
- /package/dist/{components/table/hooks → hooks/table}/helpers.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/helpers.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableModel.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableModel.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTablePagination.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTablePagination.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableSelection.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableSelection.js +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableSorting.d.ts +0 -0
- /package/dist/{components/table/hooks → hooks/table}/useTableSorting.js +0 -0
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
2
|
+
const resolveOption = (value)=>{
|
|
3
|
+
if ("function" == typeof value) return value();
|
|
4
|
+
return value;
|
|
5
|
+
};
|
|
6
|
+
const toError = (error)=>{
|
|
7
|
+
if (error instanceof Error) return error;
|
|
8
|
+
return new Error("string" == typeof error ? error : "Unknown streaming error");
|
|
9
|
+
};
|
|
10
|
+
const useStreamingSubscription = (options)=>{
|
|
11
|
+
const [isLive, setIsLive] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
12
|
+
const [isConnecting, setIsConnecting] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
13
|
+
const [error, setError] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
|
|
14
|
+
const [eventCount, setEventCount] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
|
|
15
|
+
let isRunning = false;
|
|
16
|
+
let teardown;
|
|
17
|
+
let activeController = null;
|
|
18
|
+
let runToken = 0;
|
|
19
|
+
const clearTeardown = ()=>{
|
|
20
|
+
const currentTeardown = teardown;
|
|
21
|
+
teardown = void 0;
|
|
22
|
+
if (currentTeardown) currentTeardown();
|
|
23
|
+
};
|
|
24
|
+
const stop = ()=>{
|
|
25
|
+
runToken += 1;
|
|
26
|
+
isRunning = false;
|
|
27
|
+
if (activeController) {
|
|
28
|
+
activeController.abort();
|
|
29
|
+
activeController = null;
|
|
30
|
+
}
|
|
31
|
+
clearTeardown();
|
|
32
|
+
setIsConnecting(false);
|
|
33
|
+
setIsLive(false);
|
|
34
|
+
};
|
|
35
|
+
const start = async ()=>{
|
|
36
|
+
if (isRunning) return;
|
|
37
|
+
stop();
|
|
38
|
+
isRunning = true;
|
|
39
|
+
setError(null);
|
|
40
|
+
setIsConnecting(true);
|
|
41
|
+
setIsLive(false);
|
|
42
|
+
const token = runToken;
|
|
43
|
+
const controller = new AbortController();
|
|
44
|
+
activeController = controller;
|
|
45
|
+
const observer = {
|
|
46
|
+
next: (event)=>{
|
|
47
|
+
if (!isRunning || token !== runToken || controller.signal.aborted) return;
|
|
48
|
+
setEventCount((count)=>count + 1);
|
|
49
|
+
options.onData?.(event);
|
|
50
|
+
},
|
|
51
|
+
error: (nextError)=>{
|
|
52
|
+
if (!isRunning || token !== runToken || controller.signal.aborted) return;
|
|
53
|
+
const normalized = toError(nextError);
|
|
54
|
+
if (activeController === controller) {
|
|
55
|
+
activeController.abort();
|
|
56
|
+
activeController = null;
|
|
57
|
+
}
|
|
58
|
+
clearTeardown();
|
|
59
|
+
setError(normalized);
|
|
60
|
+
setIsConnecting(false);
|
|
61
|
+
setIsLive(false);
|
|
62
|
+
isRunning = false;
|
|
63
|
+
options.onError?.(normalized);
|
|
64
|
+
},
|
|
65
|
+
open: ()=>{
|
|
66
|
+
if (!isRunning || token !== runToken || controller.signal.aborted) return;
|
|
67
|
+
setIsConnecting(false);
|
|
68
|
+
setIsLive(true);
|
|
69
|
+
},
|
|
70
|
+
close: ()=>{
|
|
71
|
+
if (token !== runToken) return;
|
|
72
|
+
if (activeController === controller) activeController = null;
|
|
73
|
+
clearTeardown();
|
|
74
|
+
setIsConnecting(false);
|
|
75
|
+
setIsLive(false);
|
|
76
|
+
isRunning = false;
|
|
77
|
+
},
|
|
78
|
+
get signal () {
|
|
79
|
+
return controller.signal;
|
|
80
|
+
},
|
|
81
|
+
get isStopped () {
|
|
82
|
+
return controller.signal.aborted || token !== runToken || !isRunning;
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
try {
|
|
86
|
+
const maybeTeardown = await options.subscribe(observer);
|
|
87
|
+
if (token !== runToken || controller.signal.aborted) {
|
|
88
|
+
if ("function" == typeof maybeTeardown) maybeTeardown();
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
teardown = "function" == typeof maybeTeardown ? maybeTeardown : void 0;
|
|
92
|
+
setIsConnecting(false);
|
|
93
|
+
setIsLive(true);
|
|
94
|
+
} catch (nextError) {
|
|
95
|
+
observer.error(nextError);
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
99
|
+
const shouldEnable = resolveOption(options.enabled ?? true);
|
|
100
|
+
if (!shouldEnable) return void stop();
|
|
101
|
+
if (!isRunning) start();
|
|
102
|
+
});
|
|
103
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
|
|
104
|
+
stop();
|
|
105
|
+
});
|
|
106
|
+
return {
|
|
107
|
+
isLive,
|
|
108
|
+
isConnecting,
|
|
109
|
+
error,
|
|
110
|
+
eventCount,
|
|
111
|
+
start,
|
|
112
|
+
stop
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
export { useStreamingSubscription };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--
|
|
1
|
+
.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}
|
package/package.json
CHANGED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
3
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4
|
-
function CardActions(props) {
|
|
5
|
-
return (()=>{
|
|
6
|
-
var _el$ = _tmpl$();
|
|
7
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
8
|
-
get ["class"] () {
|
|
9
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-actions", props.class);
|
|
10
|
-
}
|
|
11
|
-
}), false, false);
|
|
12
|
-
return _el$;
|
|
13
|
-
})();
|
|
14
|
-
}
|
|
15
|
-
export { CardActions as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
3
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4
|
-
function CardBody(props) {
|
|
5
|
-
return (()=>{
|
|
6
|
-
var _el$ = _tmpl$();
|
|
7
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
8
|
-
get ["class"] () {
|
|
9
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-body", props.class);
|
|
10
|
-
}
|
|
11
|
-
}), false, false);
|
|
12
|
-
return _el$;
|
|
13
|
-
})();
|
|
14
|
-
}
|
|
15
|
-
export { CardBody as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<figure><img>");
|
|
3
|
-
function CardImage(props) {
|
|
4
|
-
return (()=>{
|
|
5
|
-
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
6
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, props, false, false);
|
|
7
|
-
return _el$;
|
|
8
|
-
})();
|
|
9
|
-
}
|
|
10
|
-
export { CardImage as default };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { JSX, ValidComponent } from "solid-js";
|
|
2
|
-
import type { IComponentBaseProps } from "../types";
|
|
3
|
-
export type CardTitleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLElement> & {
|
|
4
|
-
tag?: ValidComponent;
|
|
5
|
-
};
|
|
6
|
-
export default function CardTitle(props: CardTitleProps): JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
3
|
-
function CardTitle(props) {
|
|
4
|
-
const { tag = "div", class: className, className: _className, ...rest } = props;
|
|
5
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
6
|
-
component: tag
|
|
7
|
-
}, rest, {
|
|
8
|
-
get ["class"] () {
|
|
9
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-title", className, _className);
|
|
10
|
-
}
|
|
11
|
-
}));
|
|
12
|
-
}
|
|
13
|
-
export { CardTitle as default };
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.card {
|
|
3
|
-
position: relative;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
border-radius: var(--radius-box);
|
|
7
|
-
outline-width: 2px;
|
|
8
|
-
transition: outline 0.2s ease-in-out;
|
|
9
|
-
outline: 0 solid #0000;
|
|
10
|
-
outline-offset: 2px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.card:focus {
|
|
14
|
-
--tw-outline-style: none;
|
|
15
|
-
outline-style: none;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@media (forced-colors: active) {
|
|
19
|
-
.card:focus {
|
|
20
|
-
outline: 2px solid transparent;
|
|
21
|
-
outline-offset: 2px;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.card:focus-visible {
|
|
26
|
-
outline-color: currentColor;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.card :where(figure:first-child) {
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
border-start-start-radius: inherit;
|
|
32
|
-
border-start-end-radius: inherit;
|
|
33
|
-
border-end-start-radius: unset;
|
|
34
|
-
border-end-end-radius: unset;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.card :where(figure:last-child) {
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
border-start-start-radius: unset;
|
|
40
|
-
border-start-end-radius: unset;
|
|
41
|
-
border-end-start-radius: inherit;
|
|
42
|
-
border-end-end-radius: inherit;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.card figure {
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
justify-content: center;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.card:has(> input:is(input[type="checkbox"], input[type="radio"])) {
|
|
52
|
-
cursor: pointer;
|
|
53
|
-
user-select: none;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.card:has(> :checked) {
|
|
57
|
-
outline: 2px solid currentColor;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.card-body {
|
|
61
|
-
display: flex;
|
|
62
|
-
flex: auto;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
gap: calc(0.25rem * 2);
|
|
65
|
-
padding: var(--card-p, 1.5rem);
|
|
66
|
-
font-size: var(--card-fs, 0.875rem);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.card-body :where(p) {
|
|
70
|
-
flex-grow: 1;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.card-actions {
|
|
74
|
-
display: flex;
|
|
75
|
-
flex-wrap: wrap;
|
|
76
|
-
align-items: flex-start;
|
|
77
|
-
gap: calc(0.25rem * 2);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.card-title {
|
|
81
|
-
display: flex;
|
|
82
|
-
align-items: center;
|
|
83
|
-
gap: calc(0.25rem * 2);
|
|
84
|
-
font-size: var(--cardtitle-fs, 1.125rem);
|
|
85
|
-
font-weight: 600;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.card-side {
|
|
89
|
-
align-items: stretch;
|
|
90
|
-
flex-direction: row;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.card-side :where(figure:first-child) {
|
|
94
|
-
overflow: hidden;
|
|
95
|
-
border-start-start-radius: inherit;
|
|
96
|
-
border-start-end-radius: unset;
|
|
97
|
-
border-end-start-radius: inherit;
|
|
98
|
-
border-end-end-radius: unset;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.card-side :where(figure:last-child) {
|
|
102
|
-
overflow: hidden;
|
|
103
|
-
border-start-start-radius: unset;
|
|
104
|
-
border-start-end-radius: inherit;
|
|
105
|
-
border-end-start-radius: unset;
|
|
106
|
-
border-end-end-radius: inherit;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.card-side figure > * {
|
|
110
|
-
max-width: unset;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.card-side :where(figure > *) {
|
|
114
|
-
width: 100%;
|
|
115
|
-
height: 100%;
|
|
116
|
-
object-fit: cover;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.card-lg .card-body {
|
|
120
|
-
--card-p: 2rem;
|
|
121
|
-
--card-fs: 1rem;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.card-lg .card-title {
|
|
125
|
-
--cardtitle-fs: 1.25rem;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.card-md .card-body {
|
|
129
|
-
--card-p: 1.5rem;
|
|
130
|
-
--card-fs: 0.875rem;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.card-md .card-title {
|
|
134
|
-
--cardtitle-fs: 1.125rem;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.card-sm .card-body {
|
|
138
|
-
--card-p: 1rem;
|
|
139
|
-
--card-fs: 0.75rem;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.card-sm .card-title {
|
|
143
|
-
--cardtitle-fs: 1rem;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.card-xl .card-body {
|
|
147
|
-
--card-p: 2.5rem;
|
|
148
|
-
--card-fs: 1.125rem;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.card-xl .card-title {
|
|
152
|
-
--cardtitle-fs: 1.375rem;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.card-xs .card-body {
|
|
156
|
-
--card-p: 0.5rem;
|
|
157
|
-
--card-fs: 0.6875rem;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.card-xs .card-title {
|
|
161
|
-
--cardtitle-fs: 0.875rem;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.card-border {
|
|
165
|
-
border: var(--border) solid var(--color-base-200);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.card-dash {
|
|
169
|
-
border: var(--border) dashed var(--color-base-200);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
-
import type { IComponentBaseProps } from "../types";
|
|
3
|
-
export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
|
|
4
|
-
autoFocus?: boolean;
|
|
5
|
-
cycleOnEnter?: boolean;
|
|
6
|
-
};
|
|
7
|
-
declare const FormBase: ParentComponent<FormProps>;
|
|
8
|
-
export default FormBase;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form role=form>");
|
|
5
|
-
const FormBase = (props)=>{
|
|
6
|
-
const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
|
|
7
|
-
autoFocus: true,
|
|
8
|
-
cycleOnEnter: true
|
|
9
|
-
}, props);
|
|
10
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
|
|
11
|
-
"children",
|
|
12
|
-
"dataTheme",
|
|
13
|
-
"class",
|
|
14
|
-
"className",
|
|
15
|
-
"autoFocus",
|
|
16
|
-
"cycleOnEnter"
|
|
17
|
-
]);
|
|
18
|
-
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
19
|
-
const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("form-control", local.class, local.className);
|
|
20
|
-
let formRef;
|
|
21
|
-
const getFocusableElements = ()=>{
|
|
22
|
-
if (!formRef) return [];
|
|
23
|
-
return Array.from(formRef.querySelectorAll('input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled])'));
|
|
24
|
-
};
|
|
25
|
-
const handleKeyDown = (e)=>{
|
|
26
|
-
if (!local.cycleOnEnter || "Enter" !== e.key) return;
|
|
27
|
-
const focusableElements = getFocusableElements();
|
|
28
|
-
const activeElement = document.activeElement;
|
|
29
|
-
if (!formRef?.contains(activeElement)) return;
|
|
30
|
-
const currentIndex = focusableElements.indexOf(activeElement);
|
|
31
|
-
if (-1 === currentIndex) return;
|
|
32
|
-
e.preventDefault();
|
|
33
|
-
if (currentIndex === focusableElements.length - 1) formRef?.dispatchEvent(new Event("submit", {
|
|
34
|
-
bubbles: true,
|
|
35
|
-
cancelable: true
|
|
36
|
-
}));
|
|
37
|
-
else {
|
|
38
|
-
const nextElement = focusableElements[currentIndex + 1];
|
|
39
|
-
nextElement?.focus();
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
|
|
43
|
-
if (local.autoFocus && formRef) {
|
|
44
|
-
const focusableElements = getFocusableElements();
|
|
45
|
-
if (focusableElements.length > 0) {
|
|
46
|
-
const firstElement = focusableElements[0];
|
|
47
|
-
firstElement.focus();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
if (local.cycleOnEnter && formRef) {
|
|
51
|
-
formRef.addEventListener("keydown", handleKeyDown);
|
|
52
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
|
|
53
|
-
formRef?.removeEventListener("keydown", handleKeyDown);
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
return (()=>{
|
|
58
|
-
var _el$ = _tmpl$();
|
|
59
|
-
var _ref$ = formRef;
|
|
60
|
-
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : formRef = _el$;
|
|
61
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
62
|
-
get ["data-theme"] () {
|
|
63
|
-
return local.dataTheme;
|
|
64
|
-
},
|
|
65
|
-
get ["class"] () {
|
|
66
|
-
return classes();
|
|
67
|
-
}
|
|
68
|
-
}), false, true);
|
|
69
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
70
|
-
return _el$;
|
|
71
|
-
})();
|
|
72
|
-
};
|
|
73
|
-
const form_FormBase = FormBase;
|
|
74
|
-
export { form_FormBase as default };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { type Component, type JSX } from "solid-js";
|
|
2
|
-
export interface DropdownOption {
|
|
3
|
-
value: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export interface FormDropdownProps {
|
|
7
|
-
label: string;
|
|
8
|
-
name: string;
|
|
9
|
-
options: DropdownOption[];
|
|
10
|
-
value?: string;
|
|
11
|
-
placeholder?: string;
|
|
12
|
-
required?: boolean;
|
|
13
|
-
labelClass?: string;
|
|
14
|
-
errorClass?: string;
|
|
15
|
-
containerClass?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
descriptionClass?: string;
|
|
18
|
-
class?: string;
|
|
19
|
-
className?: string;
|
|
20
|
-
icon?: JSX.Element;
|
|
21
|
-
onChange?: (value: string) => void;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
}
|
|
24
|
-
export declare const FormDropdown: Component<FormDropdownProps>;
|
|
25
|
-
export default FormDropdown;
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
|
|
6
|
-
import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=ml-2>");
|
|
9
|
-
const FormDropdown_FormDropdown = (props)=>{
|
|
10
|
-
const { errors, touched, setData } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
|
|
11
|
-
const [local, _] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
12
|
-
"label",
|
|
13
|
-
"name",
|
|
14
|
-
"options",
|
|
15
|
-
"value",
|
|
16
|
-
"placeholder",
|
|
17
|
-
"required",
|
|
18
|
-
"labelClass",
|
|
19
|
-
"errorClass",
|
|
20
|
-
"containerClass",
|
|
21
|
-
"description",
|
|
22
|
-
"descriptionClass",
|
|
23
|
-
"class",
|
|
24
|
-
"className",
|
|
25
|
-
"icon",
|
|
26
|
-
"onChange",
|
|
27
|
-
"disabled"
|
|
28
|
-
]);
|
|
29
|
-
const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col gap-2", local.containerClass));
|
|
30
|
-
const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm text-base-content/70", local.descriptionClass));
|
|
31
|
-
const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
|
|
32
|
-
const dropdownClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("border border-base-300 rounded px-4 py-2 w-full flex justify-between items-center", local.disabled ? "opacity-70 cursor-not-allowed" : "", local.class, local.className));
|
|
33
|
-
const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(local.name) && !!errors(local.name));
|
|
34
|
-
const selectedOption = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.options.find((opt)=>opt.value === local.value));
|
|
35
|
-
const handleSelect = (value)=>{
|
|
36
|
-
setData(local.name, value);
|
|
37
|
-
if (local.onChange) local.onChange(value);
|
|
38
|
-
};
|
|
39
|
-
return (()=>{
|
|
40
|
-
var _el$ = _tmpl$3();
|
|
41
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
|
|
42
|
-
get title () {
|
|
43
|
-
return local.label;
|
|
44
|
-
},
|
|
45
|
-
get ["class"] () {
|
|
46
|
-
return local.labelClass;
|
|
47
|
-
},
|
|
48
|
-
get children () {
|
|
49
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$4();
|
|
50
|
-
}
|
|
51
|
-
}), null);
|
|
52
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
|
|
53
|
-
var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
|
|
54
|
-
return ()=>_c$() && (()=>{
|
|
55
|
-
var _el$5 = _tmpl$2();
|
|
56
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.description);
|
|
57
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, descriptionClasses()));
|
|
58
|
-
return _el$5;
|
|
59
|
-
})();
|
|
60
|
-
})(), null);
|
|
61
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, {
|
|
62
|
-
class: "w-full",
|
|
63
|
-
get children () {
|
|
64
|
-
return [
|
|
65
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
|
|
66
|
-
get ["class"] () {
|
|
67
|
-
return dropdownClasses();
|
|
68
|
-
},
|
|
69
|
-
get ["aria-invalid"] () {
|
|
70
|
-
return hasError();
|
|
71
|
-
},
|
|
72
|
-
get ["aria-required"] () {
|
|
73
|
-
return local.required;
|
|
74
|
-
},
|
|
75
|
-
get id () {
|
|
76
|
-
return local.name;
|
|
77
|
-
},
|
|
78
|
-
get disabled () {
|
|
79
|
-
return local.disabled;
|
|
80
|
-
},
|
|
81
|
-
get children () {
|
|
82
|
-
return [
|
|
83
|
-
(()=>{
|
|
84
|
-
var _el$2 = _tmpl$();
|
|
85
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>selectedOption()?.label || local.placeholder || "Select an option");
|
|
86
|
-
return _el$2;
|
|
87
|
-
})(),
|
|
88
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.icon || (()=>{
|
|
89
|
-
var _el$6 = _tmpl$5();
|
|
90
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
|
|
91
|
-
name: "icon-[mdi-light--chevron-down]",
|
|
92
|
-
width: 20,
|
|
93
|
-
height: 20
|
|
94
|
-
}));
|
|
95
|
-
return _el$6;
|
|
96
|
-
})())
|
|
97
|
-
];
|
|
98
|
-
}
|
|
99
|
-
}),
|
|
100
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
|
|
101
|
-
class: "w-full",
|
|
102
|
-
align: "start",
|
|
103
|
-
get children () {
|
|
104
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
105
|
-
get each () {
|
|
106
|
-
return local.options;
|
|
107
|
-
},
|
|
108
|
-
children: (option)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
|
|
109
|
-
onClick: ()=>handleSelect(option.value),
|
|
110
|
-
get ["class"] () {
|
|
111
|
-
return local.value === option.value ? "bg-base-200" : "";
|
|
112
|
-
},
|
|
113
|
-
get children () {
|
|
114
|
-
return option.label;
|
|
115
|
-
}
|
|
116
|
-
})
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
})
|
|
120
|
-
];
|
|
121
|
-
}
|
|
122
|
-
}), null);
|
|
123
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
124
|
-
get when () {
|
|
125
|
-
return hasError();
|
|
126
|
-
},
|
|
127
|
-
get children () {
|
|
128
|
-
var _el$3 = _tmpl$2();
|
|
129
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>errors(local.name));
|
|
130
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, errorClasses()));
|
|
131
|
-
return _el$3;
|
|
132
|
-
}
|
|
133
|
-
}), null);
|
|
134
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
|
|
135
|
-
return _el$;
|
|
136
|
-
})();
|
|
137
|
-
};
|
|
138
|
-
const FormDropdown = FormDropdown_FormDropdown;
|
|
139
|
-
export { FormDropdown_FormDropdown as FormDropdown, FormDropdown as default };
|