@pathscale/ui 1.1.44 → 1.1.45
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/accordion/Accordion.js +44 -44
- package/dist/components/accordion/index.js +2 -9
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +2 -6
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- package/dist/components/button-group/ButtonGroup.js +14 -14
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +2 -6
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- package/dist/components/chatbubble/ChatBubble.js +19 -19
- package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
- package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
- package/dist/components/chatbubble/index.js +2 -3
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +3 -4
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +2 -8
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- package/dist/components/color-swatch/ColorSwatch.js +14 -14
- package/dist/components/color-swatch/index.js +2 -2
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
- package/dist/components/color-swatch-picker/index.js +2 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +3 -6
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +2 -3
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +4 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.css +51 -0
- package/dist/components/drawer/Drawer.d.ts +7 -0
- package/dist/components/drawer/Drawer.js +105 -80
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- package/dist/components/floating-dock/FloatingDock.js +76 -76
- package/dist/components/floating-dock/index.js +2 -3
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +2 -3
- package/dist/components/form/Form.js +8 -8
- package/dist/components/form/index.js +2 -5
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.js +9 -8
- package/dist/components/icon/index.js +2 -3
- package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +7 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.css +0 -4
- package/dist/components/input/Input.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +2 -9
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +2 -11
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +2 -3
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
- package/dist/components/language-switcher/createI18n.js +8 -8
- package/dist/components/language-switcher/index.js +3 -8
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +2 -5
- package/dist/components/list-box/ListBox.js +17 -17
- package/dist/components/list-box/ListBoxItem.js +32 -32
- package/dist/components/list-box/ListBoxSection.js +13 -13
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +9 -15
- package/dist/components/live-chat/LiveChatBubble.js +27 -27
- package/dist/components/live-chat/LiveChatPanel.js +62 -62
- package/dist/components/live-chat/index.js +3 -5
- package/dist/components/menu/Menu.js +25 -30
- package/dist/components/menu/MenuItem.js +38 -38
- package/dist/components/menu/MenuSection.js +13 -13
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +3 -12
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- package/dist/components/navbar/Navbar.js +18 -18
- package/dist/components/navbar/NavbarRow.js +10 -10
- package/dist/components/navbar/NavbarSection.js +9 -9
- package/dist/components/navbar/NavbarStack.js +10 -10
- package/dist/components/navbar/index.js +2 -3
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- package/dist/components/radio-group/RadioGroup.js +33 -33
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +3 -4
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +2 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
- package/dist/components/search-field/SearchField.js +38 -38
- package/dist/components/search-field/index.js +2 -9
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +2 -3
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +2 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +3 -6
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +3 -28
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- package/dist/components/tag-group/TagGroup.js +20 -20
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +2 -6
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +2 -7
- package/dist/components/textarea/Textarea.js +11 -13
- package/dist/components/textarea/index.js +2 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +43 -43
- package/dist/components/theme-color-picker/hueShift.js +3 -3
- package/dist/components/theme-color-picker/index.js +3 -7
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.css +0 -9
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +2 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +2 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/index.js +6 -12
- package/dist/hooks/form/useField.js +4 -4
- package/dist/hooks/form/useFieldError.js +2 -2
- package/dist/hooks/form/useFieldMeta.js +10 -10
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +2 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +9 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.d.ts +1 -1
- package/dist/index.js +97 -366
- package/dist/lib/refs/index.js +2 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +2 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +3 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +11 -34
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/MotionDiv.js +13 -13
- package/dist/motion/solid/index.js +2 -3
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +3 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +2 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +2287 -2287
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { For, createMemo, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { clsx } from "clsx";
|
|
5
|
+
import index_js_default from "../button/index.js";
|
|
6
|
+
import { createSizeStore } from "./sizeStore.js";
|
|
7
|
+
import { CLASSES } from "./SizePicker.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
9
9
|
const PRESETS = [
|
|
10
10
|
"M",
|
|
11
11
|
"L",
|
|
12
12
|
"XL"
|
|
13
13
|
];
|
|
14
|
-
const
|
|
15
|
-
const [local, others] =
|
|
14
|
+
const SizePicker = (props)=>{
|
|
15
|
+
const [local, others] = splitProps(props, [
|
|
16
16
|
"storagePrefix",
|
|
17
17
|
"onSizeChange",
|
|
18
18
|
"aria-label",
|
|
@@ -21,15 +21,15 @@ const SizePicker_SizePicker = (props)=>{
|
|
|
21
21
|
"style",
|
|
22
22
|
"dataTheme"
|
|
23
23
|
]);
|
|
24
|
-
const store =
|
|
24
|
+
const store = createMemo(()=>createSizeStore(local.storagePrefix ?? "theme"));
|
|
25
25
|
const handleClick = (preset)=>{
|
|
26
26
|
store().setSize(preset);
|
|
27
27
|
local.onSizeChange?.(preset);
|
|
28
28
|
};
|
|
29
|
-
const classes = ()=>
|
|
29
|
+
const classes = ()=>twMerge(CLASSES.base, clsx(local.class, local.className));
|
|
30
30
|
return (()=>{
|
|
31
31
|
var _el$ = _tmpl$();
|
|
32
|
-
|
|
32
|
+
spread(_el$, mergeProps(()=>({
|
|
33
33
|
class: classes()
|
|
34
34
|
}), {
|
|
35
35
|
get style () {
|
|
@@ -40,9 +40,9 @@ const SizePicker_SizePicker = (props)=>{
|
|
|
40
40
|
return local["aria-label"] ?? "Change text size";
|
|
41
41
|
}
|
|
42
42
|
}, others), false, true);
|
|
43
|
-
|
|
43
|
+
insert(_el$, createComponent(For, {
|
|
44
44
|
each: PRESETS,
|
|
45
|
-
children: (preset)=>
|
|
45
|
+
children: (preset)=>createComponent(index_js_default, {
|
|
46
46
|
type: "button",
|
|
47
47
|
size: "sm",
|
|
48
48
|
get variant () {
|
|
@@ -60,5 +60,5 @@ const SizePicker_SizePicker = (props)=>{
|
|
|
60
60
|
return _el$;
|
|
61
61
|
})();
|
|
62
62
|
};
|
|
63
|
-
const
|
|
64
|
-
export {
|
|
63
|
+
const size_picker_SizePicker = SizePicker;
|
|
64
|
+
export { size_picker_SizePicker as default };
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
var __webpack_exports__createSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.createSizeStore;
|
|
5
|
-
var __webpack_exports__getDefaultSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.getDefaultSizeStore;
|
|
6
|
-
export { __webpack_exports__SizePicker as SizePicker, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore };
|
|
1
|
+
import external_SizePicker_js_default from "./SizePicker.js";
|
|
2
|
+
import { createSizeStore, getDefaultSizeStore } from "./sizeStore.js";
|
|
3
|
+
export { external_SizePicker_js_default as SizePicker, createSizeStore, getDefaultSizeStore };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createEffect, createSignal } from "solid-js";
|
|
2
2
|
const SIZE_SCALE = {
|
|
3
3
|
M: 100,
|
|
4
4
|
L: 112.5,
|
|
@@ -15,8 +15,8 @@ function createSizeStore(storagePrefix) {
|
|
|
15
15
|
if (saved && saved in SIZE_SCALE) return saved;
|
|
16
16
|
return "M";
|
|
17
17
|
};
|
|
18
|
-
const [size, setSizeInternal] =
|
|
19
|
-
|
|
18
|
+
const [size, setSizeInternal] = createSignal(getInitial());
|
|
19
|
+
createEffect(()=>{
|
|
20
20
|
const s = size();
|
|
21
21
|
if ("undefined" == typeof window) return;
|
|
22
22
|
localStorage.setItem(STORAGE_KEY, s);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Skeleton.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Skeleton.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
7
7
|
const Skeleton = (props)=>{
|
|
8
|
-
const [local, others] =
|
|
8
|
+
const [local, others] = splitProps(props, [
|
|
9
9
|
"class",
|
|
10
10
|
"className",
|
|
11
11
|
"animationType",
|
|
@@ -15,8 +15,8 @@ const Skeleton = (props)=>{
|
|
|
15
15
|
const animation = ()=>local.animationType ?? "shimmer";
|
|
16
16
|
return (()=>{
|
|
17
17
|
var _el$ = _tmpl$();
|
|
18
|
-
|
|
19
|
-
class:
|
|
18
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
19
|
+
class: twMerge(CLASSES.base, CLASSES.animation[animation()], local.class, local.className)
|
|
20
20
|
}), {
|
|
21
21
|
"data-slot": "skeleton",
|
|
22
22
|
get ["data-theme"] () {
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_Skeleton_js_default from "./Skeleton.js";
|
|
2
|
+
export { external_Skeleton_js_default as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
|
|
2
2
|
import "./Slider.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { Show, createSignal, createUniqueId, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Slider.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<div><div><div></div><div>");
|
|
7
7
|
function clamp(val, min, max) {
|
|
8
8
|
return Math.min(Math.max(val, min), max);
|
|
9
9
|
}
|
|
@@ -13,7 +13,7 @@ function snapToStep(val, min, max, step) {
|
|
|
13
13
|
}
|
|
14
14
|
const Slider = (props)=>{
|
|
15
15
|
let trackRef;
|
|
16
|
-
const [local] =
|
|
16
|
+
const [local] = splitProps(props, [
|
|
17
17
|
"label",
|
|
18
18
|
"value",
|
|
19
19
|
"onChange",
|
|
@@ -33,9 +33,9 @@ const Slider = (props)=>{
|
|
|
33
33
|
const step = ()=>local.step ?? 1;
|
|
34
34
|
const size = ()=>local.size ?? "md";
|
|
35
35
|
const isDisabled = ()=>Boolean(local.disabled);
|
|
36
|
-
const labelId =
|
|
37
|
-
const [dragging, setDragging] =
|
|
38
|
-
const [focusVisible, setFocusVisible] =
|
|
36
|
+
const labelId = createUniqueId();
|
|
37
|
+
const [dragging, setDragging] = createSignal(false);
|
|
38
|
+
const [focusVisible, setFocusVisible] = createSignal(false);
|
|
39
39
|
const fraction = ()=>{
|
|
40
40
|
const range = max() - min();
|
|
41
41
|
if (range <= 0) return 0;
|
|
@@ -109,8 +109,8 @@ const Slider = (props)=>{
|
|
|
109
109
|
const handleBlur = ()=>setFocusVisible(false);
|
|
110
110
|
return (()=>{
|
|
111
111
|
var _el$ = _tmpl$2(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
|
|
112
|
-
|
|
113
|
-
class:
|
|
112
|
+
spread(_el$, mergeProps(()=>({
|
|
113
|
+
class: twMerge(CLASSES.base, CLASSES.size[size()], local.class, local.className)
|
|
114
114
|
}), {
|
|
115
115
|
get ["data-theme"] () {
|
|
116
116
|
return local.dataTheme;
|
|
@@ -123,7 +123,7 @@ const Slider = (props)=>{
|
|
|
123
123
|
return local.style;
|
|
124
124
|
}
|
|
125
125
|
}), false, true);
|
|
126
|
-
|
|
126
|
+
insert(_el$, createComponent(Show, {
|
|
127
127
|
get when () {
|
|
128
128
|
return local.label;
|
|
129
129
|
},
|
|
@@ -131,41 +131,41 @@ const Slider = (props)=>{
|
|
|
131
131
|
return [
|
|
132
132
|
(()=>{
|
|
133
133
|
var _el$2 = _tmpl$();
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
class:
|
|
134
|
+
setAttribute(_el$2, "id", labelId);
|
|
135
|
+
spread(_el$2, mergeProps(()=>({
|
|
136
|
+
class: CLASSES.label
|
|
137
137
|
}), {
|
|
138
138
|
"data-slot": "label"
|
|
139
139
|
}), false, true);
|
|
140
|
-
|
|
140
|
+
insert(_el$2, ()=>local.label);
|
|
141
141
|
return _el$2;
|
|
142
142
|
})(),
|
|
143
143
|
(()=>{
|
|
144
144
|
var _el$3 = _tmpl$();
|
|
145
|
-
|
|
146
|
-
class:
|
|
145
|
+
spread(_el$3, mergeProps(()=>({
|
|
146
|
+
class: CLASSES.output
|
|
147
147
|
}), {
|
|
148
148
|
"data-slot": "slider-output",
|
|
149
149
|
"aria-live": "polite"
|
|
150
150
|
}), false, true);
|
|
151
|
-
|
|
151
|
+
insert(_el$3, formattedValue);
|
|
152
152
|
return _el$3;
|
|
153
153
|
})()
|
|
154
154
|
];
|
|
155
155
|
}
|
|
156
156
|
}), _el$4);
|
|
157
157
|
var _ref$ = trackRef;
|
|
158
|
-
"function" == typeof _ref$ ?
|
|
159
|
-
|
|
160
|
-
class:
|
|
158
|
+
"function" == typeof _ref$ ? use(_ref$, _el$4) : trackRef = _el$4;
|
|
159
|
+
spread(_el$4, mergeProps(()=>({
|
|
160
|
+
class: CLASSES.track
|
|
161
161
|
}), {
|
|
162
162
|
"data-slot": "slider-track",
|
|
163
163
|
onPointerDown: handlePointerDown,
|
|
164
164
|
onPointerMove: handlePointerMove,
|
|
165
165
|
onPointerUp: handlePointerUp
|
|
166
166
|
}), false, true);
|
|
167
|
-
|
|
168
|
-
class:
|
|
167
|
+
spread(_el$5, mergeProps(()=>({
|
|
168
|
+
class: CLASSES.fill
|
|
169
169
|
}), {
|
|
170
170
|
"data-slot": "slider-fill",
|
|
171
171
|
get style () {
|
|
@@ -174,8 +174,8 @@ const Slider = (props)=>{
|
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
176
|
}), false, false);
|
|
177
|
-
|
|
178
|
-
class:
|
|
177
|
+
spread(_el$6, mergeProps(()=>({
|
|
178
|
+
class: CLASSES.thumb
|
|
179
179
|
}), {
|
|
180
180
|
"data-slot": "slider-thumb",
|
|
181
181
|
get ["data-dragging"] () {
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_Slider_js_default from "./Slider.js";
|
|
2
|
+
export { external_Slider_js_default as default };
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Spinner.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { createUniqueId, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Spinner.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ template("<span>");
|
|
7
7
|
const SpinnerSVG = ()=>{
|
|
8
|
-
const id =
|
|
8
|
+
const id = createUniqueId();
|
|
9
9
|
return (()=>{
|
|
10
10
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
setAttribute(_el$3, "id", `spinner-grad1-${id}`);
|
|
12
|
+
setAttribute(_el$4, "id", `spinner-grad2-${id}`);
|
|
13
|
+
setAttribute(_el$6, "fill", `url(#spinner-grad1-${id})`);
|
|
14
|
+
setAttribute(_el$7, "fill", `url(#spinner-grad2-${id})`);
|
|
15
15
|
return _el$;
|
|
16
16
|
})();
|
|
17
17
|
};
|
|
18
|
-
const
|
|
19
|
-
const [local, others] =
|
|
18
|
+
const Spinner_Spinner = (props)=>{
|
|
19
|
+
const [local, others] = splitProps(props, [
|
|
20
20
|
"size",
|
|
21
21
|
"color",
|
|
22
22
|
"variant",
|
|
@@ -31,7 +31,7 @@ const Spinner = (props)=>{
|
|
|
31
31
|
const variant = ()=>local.variant ?? "spinner";
|
|
32
32
|
return (()=>{
|
|
33
33
|
var _el$8 = _tmpl$2();
|
|
34
|
-
|
|
34
|
+
spread(_el$8, mergeProps(others, {
|
|
35
35
|
role: "status",
|
|
36
36
|
get ["aria-label"] () {
|
|
37
37
|
return local.label ?? "Loading";
|
|
@@ -39,7 +39,7 @@ const Spinner = (props)=>{
|
|
|
39
39
|
"aria-busy": "true",
|
|
40
40
|
"aria-live": "polite",
|
|
41
41
|
get ["class"] () {
|
|
42
|
-
return
|
|
42
|
+
return twMerge(CLASSES.base, CLASSES.size[size()], CLASSES.color[color()], CLASSES.variant[variant()], local.class, local.className);
|
|
43
43
|
},
|
|
44
44
|
"data-slot": "spinner",
|
|
45
45
|
get ["data-theme"] () {
|
|
@@ -49,12 +49,12 @@ const Spinner = (props)=>{
|
|
|
49
49
|
return local.style;
|
|
50
50
|
}
|
|
51
51
|
}), false, true);
|
|
52
|
-
|
|
53
|
-
var _c$ =
|
|
54
|
-
return ()=>_c$() ?
|
|
52
|
+
insert(_el$8, (()=>{
|
|
53
|
+
var _c$ = memo(()=>"spinner" === variant());
|
|
54
|
+
return ()=>_c$() ? createComponent(SpinnerSVG, {}) : void 0;
|
|
55
55
|
})());
|
|
56
56
|
return _el$8;
|
|
57
57
|
})();
|
|
58
58
|
};
|
|
59
|
-
const
|
|
60
|
-
export {
|
|
59
|
+
const Spinner = Spinner_Spinner;
|
|
60
|
+
export { Spinner as default };
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__Spinner = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
|
|
4
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
|
|
5
|
-
export { __webpack_exports__Loading as Loading, __webpack_exports__Spinner as Spinner, __webpack_exports__default as default };
|
|
1
|
+
import external_Spinner_js_default from "./Spinner.js";
|
|
2
|
+
export { external_Spinner_js_default as Loading, external_Spinner_js_default as Spinner, external_Spinner_js_default as default };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Surface.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Surface.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
7
7
|
function Surface(props) {
|
|
8
|
-
const [local, others] =
|
|
8
|
+
const [local, others] = splitProps(props, [
|
|
9
9
|
"children",
|
|
10
10
|
"class",
|
|
11
11
|
"className",
|
|
@@ -16,8 +16,8 @@ function Surface(props) {
|
|
|
16
16
|
const variant = ()=>local.variant ?? "default";
|
|
17
17
|
return (()=>{
|
|
18
18
|
var _el$ = _tmpl$();
|
|
19
|
-
|
|
20
|
-
class:
|
|
19
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
20
|
+
class: twMerge(CLASSES.base, CLASSES.variant[variant()], local.class, local.className)
|
|
21
21
|
}), {
|
|
22
22
|
"data-slot": "surface",
|
|
23
23
|
get ["data-theme"] () {
|
|
@@ -27,7 +27,7 @@ function Surface(props) {
|
|
|
27
27
|
return local.style;
|
|
28
28
|
}
|
|
29
29
|
}), false, true);
|
|
30
|
-
|
|
30
|
+
insert(_el$, ()=>local.children);
|
|
31
31
|
return _el$;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Surface_js_0cf8f490__["default"];
|
|
4
|
-
export { __webpack_exports__Surface as Surface, __webpack_exports__default as default };
|
|
1
|
+
import external_Surface_js_default, { Surface } from "./Surface.js";
|
|
2
|
+
export { Surface, external_Surface_js_default as default };
|