@pathscale/ui 1.1.47 → 1.1.49
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 +9 -2
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +8 -2
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +6 -2
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +9 -6
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +5 -2
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +3 -2
- 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 +6 -2
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +3 -2
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +8 -2
- 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 +3 -2
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +3 -2
- 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 +4 -3
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +7 -5
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +3 -2
- 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 +8 -2
- 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 +5 -2
- 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 +6 -3
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +10 -2
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +11 -2
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +3 -2
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +3 -2
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +5 -2
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +9 -3
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +6 -4
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.js +78 -78
- package/dist/components/drawer/index.js +15 -2
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +4 -2
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +8 -2
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +5 -2
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +5 -2
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +8 -2
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +3 -2
- package/dist/components/floating-dock/FloatingDock.css +126 -27
- package/dist/components/floating-dock/FloatingDock.js +80 -78
- package/dist/components/floating-dock/index.js +3 -2
- package/dist/components/floating-dock/liquidGlassMap.d.ts +1 -0
- package/dist/components/floating-dock/liquidGlassMap.js +2 -0
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +3 -2
- package/dist/components/form/FieldErrorMessage.d.ts +17 -0
- package/dist/components/form/FieldErrorMessage.js +23 -0
- package/dist/components/form/Form.d.ts +38 -3
- package/dist/components/form/Form.js +56 -12
- package/dist/components/form/FormField.d.ts +45 -0
- package/dist/components/form/FormField.js +88 -0
- package/dist/components/form/FormSubmitButton.d.ts +27 -0
- package/dist/components/form/FormSubmitButton.js +36 -0
- package/dist/components/form/index.d.ts +4 -1
- package/dist/components/form/index.js +12 -2
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +3 -2
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +3 -2
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +3 -2
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +5 -2
- package/dist/components/icon/Icon.js +8 -8
- package/dist/components/icon/index.js +3 -2
- 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 +14 -7
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- 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 +9 -2
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +11 -2
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +3 -2
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +8 -2
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +5 -2
- 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 +8 -3
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +5 -2
- 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 +15 -9
- 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 +5 -3
- package/dist/components/menu/Menu.js +30 -25
- 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 +12 -3
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +8 -2
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +13 -2
- 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 +3 -2
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +3 -2
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +9 -2
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +3 -2
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +9 -3
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +3 -2
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +3 -2
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +3 -2
- 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 +4 -3
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +3 -2
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +3 -2
- 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 +9 -2
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +3 -2
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +4 -2
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +6 -3
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +3 -2
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +3 -2
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +5 -2
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +4 -2
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +28 -3
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +4 -2
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +6 -2
- 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 +6 -2
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +5 -2
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +5 -2
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +7 -2
- package/dist/components/textarea/Textarea.js +13 -11
- package/dist/components/textarea/index.js +6 -2
- 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 +7 -3
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +11 -2
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +19 -2
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +3 -2
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +5 -2
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +7 -2
- package/dist/components/utils.js +7 -6
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +3 -2
- 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/FormContext.d.ts +16 -0
- package/dist/hooks/form/FormContext.js +8 -0
- package/dist/hooks/form/createForm.d.ts +70 -0
- package/dist/hooks/form/createForm.js +17 -0
- package/dist/hooks/form/getFirstFieldError.d.ts +9 -0
- package/dist/hooks/form/getFirstFieldError.js +19 -0
- package/dist/hooks/form/index.d.ts +6 -1
- package/dist/hooks/form/index.js +21 -6
- 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/useFieldNew.d.ts +35 -0
- package/dist/hooks/form/useFieldNew.js +31 -0
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +3 -2
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +18 -9
- 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 +7 -4
- package/dist/index.js +375 -97
- package/dist/lib/refs/index.js +3 -2
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +4 -2
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +7 -3
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +34 -11
- 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 +3 -2
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +5 -3
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +3 -2
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/package.json +14 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./Label.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<label>");
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__ from "./Label.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>");
|
|
7
7
|
const LabelRoot = (props)=>{
|
|
8
|
-
const [local, others] = splitProps(props, [
|
|
8
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
9
|
"children",
|
|
10
10
|
"class",
|
|
11
11
|
"className",
|
|
@@ -19,12 +19,12 @@ const LabelRoot = (props)=>{
|
|
|
19
19
|
]);
|
|
20
20
|
return (()=>{
|
|
21
21
|
var _el$ = _tmpl$();
|
|
22
|
-
spread(_el$, mergeProps(others, {
|
|
22
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
23
23
|
get ["for"] () {
|
|
24
24
|
return local.for ?? local.htmlFor;
|
|
25
25
|
},
|
|
26
26
|
get ["class"] () {
|
|
27
|
-
return twMerge(CLASSES.base, local.isRequired && CLASSES.flag.required, local.isDisabled && CLASSES.flag.disabled, local.isInvalid && CLASSES.flag.invalid, local.class, local.className);
|
|
27
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.base, local.isRequired && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.required, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.disabled, local.isInvalid && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.invalid, local.class, local.className);
|
|
28
28
|
},
|
|
29
29
|
"data-slot": "label",
|
|
30
30
|
get ["data-required"] () {
|
|
@@ -49,7 +49,7 @@ const LabelRoot = (props)=>{
|
|
|
49
49
|
return local.isInvalid ? "true" : void 0;
|
|
50
50
|
}
|
|
51
51
|
}), false, true);
|
|
52
|
-
insert(_el$, ()=>local.children);
|
|
52
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
53
53
|
return _el$;
|
|
54
54
|
})();
|
|
55
55
|
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
|
|
2
|
+
var __webpack_exports__Label = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.Label;
|
|
3
|
+
var __webpack_exports__LabelRoot = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.LabelRoot;
|
|
4
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"];
|
|
5
|
+
export { __webpack_exports__Label as Label, __webpack_exports__LabelRoot as LabelRoot, __webpack_exports__default as default };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./LanguageSwitcher.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/ template("<span>");
|
|
9
|
-
const
|
|
10
|
-
const [local, others] = splitProps(props, [
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__ from "./LanguageSwitcher.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
|
|
9
|
+
const LanguageSwitcher = (props)=>{
|
|
10
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
11
11
|
"i18n",
|
|
12
12
|
"class",
|
|
13
13
|
"className",
|
|
@@ -24,8 +24,8 @@ const LanguageSwitcher_LanguageSwitcher = (props)=>{
|
|
|
24
24
|
await local.i18n.setLocale(lang);
|
|
25
25
|
local.onLanguageChange?.(lang);
|
|
26
26
|
};
|
|
27
|
-
const classes = ()=>twMerge(CLASSES.base, local.class, local.className);
|
|
28
|
-
return createComponent(
|
|
27
|
+
const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.base, local.class, local.className);
|
|
28
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
29
29
|
class: classes()
|
|
30
30
|
}), {
|
|
31
31
|
get style () {
|
|
@@ -37,22 +37,22 @@ const LanguageSwitcher_LanguageSwitcher = (props)=>{
|
|
|
37
37
|
},
|
|
38
38
|
get children () {
|
|
39
39
|
return [
|
|
40
|
-
createComponent(
|
|
41
|
-
class: CLASSES.trigger
|
|
40
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
41
|
+
class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.trigger
|
|
42
42
|
}), {
|
|
43
43
|
get ["aria-label"] () {
|
|
44
44
|
return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
|
|
45
45
|
},
|
|
46
46
|
get children () {
|
|
47
|
-
return createComponent(Show, {
|
|
47
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
48
48
|
get when () {
|
|
49
49
|
return !local.i18n.isLoading;
|
|
50
50
|
},
|
|
51
51
|
get fallback () {
|
|
52
|
-
return createComponent(
|
|
52
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
53
53
|
name: "icon-[mdi--loading]"
|
|
54
54
|
}, ()=>({
|
|
55
|
-
class: CLASSES.loadingIcon
|
|
55
|
+
class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.loadingIcon
|
|
56
56
|
}), {
|
|
57
57
|
width: 16,
|
|
58
58
|
height: 16,
|
|
@@ -63,32 +63,32 @@ const LanguageSwitcher_LanguageSwitcher = (props)=>{
|
|
|
63
63
|
},
|
|
64
64
|
get children () {
|
|
65
65
|
var _el$ = _tmpl$();
|
|
66
|
-
spread(_el$, mergeProps(()=>({
|
|
67
|
-
class: CLASSES.locale
|
|
66
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
67
|
+
class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.locale
|
|
68
68
|
}), {
|
|
69
69
|
"aria-hidden": "true"
|
|
70
70
|
}), false, true);
|
|
71
|
-
insert(_el$, ()=>local.i18n.locale.toUpperCase());
|
|
71
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
|
|
72
72
|
return _el$;
|
|
73
73
|
}
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
})),
|
|
77
|
-
createComponent(
|
|
78
|
-
class: CLASSES.menu
|
|
77
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
78
|
+
class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu
|
|
79
79
|
}), {
|
|
80
80
|
get ["aria-label"] () {
|
|
81
81
|
return local.optionsLabel ?? "Language options";
|
|
82
82
|
},
|
|
83
83
|
get children () {
|
|
84
|
-
return createComponent(For, {
|
|
84
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
85
85
|
get each () {
|
|
86
86
|
return local.i18n.languages;
|
|
87
87
|
},
|
|
88
|
-
children: (lang)=>createComponent(
|
|
88
|
+
children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
89
89
|
onClick: ()=>handleSelect(lang.code)
|
|
90
90
|
}, ()=>({
|
|
91
|
-
class: twMerge(CLASSES.item, isSelected(lang.code) && CLASSES.itemSelected)
|
|
91
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.item, isSelected(lang.code) && __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.itemSelected)
|
|
92
92
|
}), {
|
|
93
93
|
get ["aria-current"] () {
|
|
94
94
|
return isSelected(lang.code) ? "true" : void 0;
|
|
@@ -104,5 +104,5 @@ const LanguageSwitcher_LanguageSwitcher = (props)=>{
|
|
|
104
104
|
}
|
|
105
105
|
}));
|
|
106
106
|
};
|
|
107
|
-
const
|
|
108
|
-
export {
|
|
107
|
+
const language_switcher_LanguageSwitcher = LanguageSwitcher;
|
|
108
|
+
export { language_switcher_LanguageSwitcher as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
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
3
|
function getNestedValue(obj, path) {
|
|
4
4
|
const keys = path.split(".");
|
|
5
5
|
let value = obj;
|
|
@@ -16,9 +16,9 @@ function createI18n(options) {
|
|
|
16
16
|
...acc,
|
|
17
17
|
[lang.code]: lang.name
|
|
18
18
|
}), {});
|
|
19
|
-
const [localeSignal, setLocaleSignal] = createSignal(defaultLanguage);
|
|
20
|
-
const [translations, setTranslations] = createSignal(initialTranslations);
|
|
21
|
-
const [isLoadingSignal, setIsLoading] = createSignal(false);
|
|
19
|
+
const [localeSignal, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
|
|
20
|
+
const [translations, setTranslations] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialTranslations);
|
|
21
|
+
const [isLoadingSignal, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
22
22
|
const t = (key)=>getNestedValue(translations(), key);
|
|
23
23
|
const setLocale = async (lang)=>{
|
|
24
24
|
if (!supportedCodes.includes(lang)) lang = defaultLanguage;
|
|
@@ -66,13 +66,13 @@ function createI18n(options) {
|
|
|
66
66
|
supportedCodes
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
|
-
const I18nContext = createContext();
|
|
69
|
+
const I18nContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
70
70
|
function useI18n() {
|
|
71
|
-
const context = useContext(I18nContext);
|
|
71
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(I18nContext);
|
|
72
72
|
if (!context) throw new Error("useI18n must be used within an I18nProvider");
|
|
73
73
|
return context.i18n;
|
|
74
74
|
}
|
|
75
|
-
const I18nProvider = (props)=>createComponent(I18nContext.Provider, {
|
|
75
|
+
const I18nProvider = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(I18nContext.Provider, {
|
|
76
76
|
get value () {
|
|
77
77
|
return {
|
|
78
78
|
i18n: props.i18n
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__ from "./LanguageSwitcher.js";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__ from "./createI18n.js";
|
|
3
|
+
var __webpack_exports__I18nContext = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nContext;
|
|
4
|
+
var __webpack_exports__I18nProvider = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nProvider;
|
|
5
|
+
var __webpack_exports__LanguageSwitcher = __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__["default"];
|
|
6
|
+
var __webpack_exports__createI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.createI18n;
|
|
7
|
+
var __webpack_exports__useI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.useI18n;
|
|
8
|
+
export { __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__createI18n as createI18n, __webpack_exports__useI18n as useI18n };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./Link.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<a>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__ from "./Link.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
|
|
7
7
|
const ensureExternalRel = (value)=>{
|
|
8
8
|
const relTokens = new Set((value ?? "").split(/\s+/).filter(Boolean));
|
|
9
9
|
relTokens.add("noopener");
|
|
@@ -11,7 +11,7 @@ const ensureExternalRel = (value)=>{
|
|
|
11
11
|
return Array.from(relTokens).join(" ");
|
|
12
12
|
};
|
|
13
13
|
const LinkRoot = (props)=>{
|
|
14
|
-
const [local, others] = splitProps(props, [
|
|
14
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
15
15
|
"children",
|
|
16
16
|
"href",
|
|
17
17
|
"class",
|
|
@@ -32,21 +32,21 @@ const LinkRoot = (props)=>{
|
|
|
32
32
|
const isExternal = ()=>Boolean(local.isExternal);
|
|
33
33
|
return (()=>{
|
|
34
34
|
var _el$ = _tmpl$();
|
|
35
|
-
spread(_el$, mergeProps(others, {
|
|
35
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
36
36
|
get href () {
|
|
37
|
-
return
|
|
37
|
+
return isDisabled() ? void 0 : local.href;
|
|
38
38
|
},
|
|
39
39
|
get target () {
|
|
40
|
-
return
|
|
40
|
+
return isExternal() ? "_blank" : local.target;
|
|
41
41
|
},
|
|
42
42
|
get rel () {
|
|
43
|
-
return memo(()=>!!isExternal())() ? ensureExternalRel(local.rel) : local.rel;
|
|
43
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isExternal())() ? ensureExternalRel(local.rel) : local.rel;
|
|
44
44
|
},
|
|
45
45
|
get tabIndex () {
|
|
46
|
-
return
|
|
46
|
+
return isDisabled() ? -1 : local.tabIndex;
|
|
47
47
|
}
|
|
48
48
|
}, ()=>({
|
|
49
|
-
class: twMerge(CLASSES.base, CLASSES.variant[variant()], CLASSES.underline[underline()], isExternal() && CLASSES.flag.external, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
|
|
49
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.underline[underline()], isExternal() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.external, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.disabled, local.class, local.className)
|
|
50
50
|
}), {
|
|
51
51
|
"data-slot": "link",
|
|
52
52
|
get ["data-theme"] () {
|
|
@@ -65,12 +65,12 @@ const LinkRoot = (props)=>{
|
|
|
65
65
|
return local.style;
|
|
66
66
|
}
|
|
67
67
|
}), false, true);
|
|
68
|
-
insert(_el$, ()=>local.children);
|
|
68
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
69
69
|
return _el$;
|
|
70
70
|
})();
|
|
71
71
|
};
|
|
72
72
|
const LinkIcon = (props)=>{
|
|
73
|
-
const [local, others] = splitProps(props, [
|
|
73
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
74
74
|
"class",
|
|
75
75
|
"className",
|
|
76
76
|
"children",
|
|
@@ -80,8 +80,8 @@ const LinkIcon = (props)=>{
|
|
|
80
80
|
const hasCustomIcon = ()=>null != local.children;
|
|
81
81
|
return (()=>{
|
|
82
82
|
var _el$2 = _tmpl$2();
|
|
83
|
-
spread(_el$2, mergeProps(others, ()=>({
|
|
84
|
-
class: twMerge(CLASSES.slot.icon, local.class, local.className)
|
|
83
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
84
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.icon, local.class, local.className)
|
|
85
85
|
}), {
|
|
86
86
|
"data-slot": "link-icon",
|
|
87
87
|
get ["data-default-icon"] () {
|
|
@@ -94,10 +94,10 @@ const LinkIcon = (props)=>{
|
|
|
94
94
|
return local.style;
|
|
95
95
|
}
|
|
96
96
|
}), false, true);
|
|
97
|
-
insert(_el$2, ()=>local.children ?? (()=>{
|
|
97
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children ?? (()=>{
|
|
98
98
|
var _el$3 = _tmpl$3();
|
|
99
|
-
spread(_el$3, mergeProps(()=>({
|
|
100
|
-
class: CLASSES.slot.iconDefault
|
|
99
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
100
|
+
class: __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.iconDefault
|
|
101
101
|
}), {
|
|
102
102
|
"data-slot": "link-default-icon",
|
|
103
103
|
viewBox: "0 0 12 12",
|
|
@@ -110,9 +110,9 @@ const LinkIcon = (props)=>{
|
|
|
110
110
|
return _el$2;
|
|
111
111
|
})();
|
|
112
112
|
};
|
|
113
|
-
const
|
|
113
|
+
const Link = Object.assign(LinkRoot, {
|
|
114
114
|
Root: LinkRoot,
|
|
115
115
|
Icon: LinkIcon
|
|
116
116
|
});
|
|
117
|
-
const
|
|
118
|
-
export { LinkIcon, LinkRoot,
|
|
117
|
+
const link_Link = Link;
|
|
118
|
+
export { LinkIcon, LinkRoot, link_Link as default };
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__ from "./Link.js";
|
|
2
|
+
var __webpack_exports__LinkIcon = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkIcon;
|
|
3
|
+
var __webpack_exports__LinkRoot = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkRoot;
|
|
4
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__["default"];
|
|
5
|
+
export { __webpack_exports__LinkIcon as LinkIcon, __webpack_exports__LinkRoot as LinkRoot, __webpack_exports__default as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./ListBox.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__ from "./ListBox.classes.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
8
8
|
const normalizeKeys = (keys)=>{
|
|
9
9
|
if (!keys) return new Set();
|
|
10
10
|
return new Set(Array.from(keys, (key)=>String(key)));
|
|
@@ -23,7 +23,7 @@ const invokeEventHandler = (handler, event)=>{
|
|
|
23
23
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
24
24
|
};
|
|
25
25
|
const ListBoxRoot = (props)=>{
|
|
26
|
-
const [local, others] = splitProps(props, [
|
|
26
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
27
27
|
"children",
|
|
28
28
|
"class",
|
|
29
29
|
"className",
|
|
@@ -44,15 +44,15 @@ const ListBoxRoot = (props)=>{
|
|
|
44
44
|
"role",
|
|
45
45
|
"onKeyDown"
|
|
46
46
|
]);
|
|
47
|
-
const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(normalizeKeys(local.defaultSelectedKeys));
|
|
48
|
-
const [focusedKey, setFocusedKey] = createSignal();
|
|
49
|
-
const [registeredItems, setRegisteredItems] = createSignal([]);
|
|
47
|
+
const [internalSelectedKeys, setInternalSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeKeys(local.defaultSelectedKeys));
|
|
48
|
+
const [focusedKey, setFocusedKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
|
|
49
|
+
const [registeredItems, setRegisteredItems] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
|
|
50
50
|
const variant = ()=>local.variant ?? "default";
|
|
51
51
|
const selectionMode = ()=>local.selectionMode ?? "none";
|
|
52
52
|
const isControlled = ()=>void 0 !== local.selectedKeys;
|
|
53
53
|
const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
|
|
54
|
-
const selectedKeys = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
|
|
55
|
-
const disabledKeys = createMemo(()=>normalizeKeys(local.disabledKeys));
|
|
54
|
+
const selectedKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
|
|
55
|
+
const disabledKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeKeys(local.disabledKeys));
|
|
56
56
|
const getEnabledItems = ()=>registeredItems().filter((item)=>!item.disabled && !disabledKeys().has(item.key) && !isDisabled());
|
|
57
57
|
const focusItem = (item)=>{
|
|
58
58
|
if (!item) return;
|
|
@@ -154,7 +154,7 @@ const ListBoxRoot = (props)=>{
|
|
|
154
154
|
if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
|
|
155
155
|
if (isItemRenderer) {
|
|
156
156
|
const renderItem = local.children;
|
|
157
|
-
return createComponent(For, {
|
|
157
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
158
158
|
get each () {
|
|
159
159
|
return local.items;
|
|
160
160
|
},
|
|
@@ -164,7 +164,7 @@ const ListBoxRoot = (props)=>{
|
|
|
164
164
|
}
|
|
165
165
|
return resolvedStaticChildren;
|
|
166
166
|
};
|
|
167
|
-
return createComponent(ListBoxContext.Provider, {
|
|
167
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.ListBoxContext.Provider, {
|
|
168
168
|
value: {
|
|
169
169
|
variant,
|
|
170
170
|
selectionMode,
|
|
@@ -184,7 +184,7 @@ const ListBoxRoot = (props)=>{
|
|
|
184
184
|
},
|
|
185
185
|
get children () {
|
|
186
186
|
var _el$ = _tmpl$();
|
|
187
|
-
spread(_el$, mergeProps(others, {
|
|
187
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
188
188
|
get role () {
|
|
189
189
|
return local.role ?? "listbox";
|
|
190
190
|
},
|
|
@@ -205,14 +205,14 @@ const ListBoxRoot = (props)=>{
|
|
|
205
205
|
return isDisabled() ? "true" : "false";
|
|
206
206
|
},
|
|
207
207
|
get ["class"] () {
|
|
208
|
-
return twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.class, local.className);
|
|
208
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Root.variant[variant()], local.class, local.className);
|
|
209
209
|
},
|
|
210
210
|
get style () {
|
|
211
211
|
return local.style;
|
|
212
212
|
},
|
|
213
213
|
onKeyDown: handleKeyDown
|
|
214
214
|
}), false, true);
|
|
215
|
-
insert(_el$, renderChildren);
|
|
215
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, renderChildren);
|
|
216
216
|
return _el$;
|
|
217
217
|
}
|
|
218
218
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=listbox-item-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-dasharray=22 stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
|
|
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__context_js_80e2871f__ from "./context.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__ from "./ListBox.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=listbox-item-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-dasharray=22 stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
|
|
7
7
|
const invokeEventHandler = (handler, event)=>{
|
|
8
8
|
if ("function" == typeof handler) return void handler(event);
|
|
9
9
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
@@ -15,11 +15,11 @@ const extractTextValue = (nodes)=>{
|
|
|
15
15
|
if ("number" == typeof node) return String(node);
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
const ListBoxItemContext = createContext();
|
|
18
|
+
const ListBoxItemContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
19
19
|
const ListBoxItemRoot = (props)=>{
|
|
20
|
-
const listBox = useContext(ListBoxContext);
|
|
21
|
-
const fallbackKey = createUniqueId();
|
|
22
|
-
const [local, others] = splitProps(props, [
|
|
20
|
+
const listBox = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.ListBoxContext);
|
|
21
|
+
const fallbackKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
|
|
22
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
23
23
|
"children",
|
|
24
24
|
"class",
|
|
25
25
|
"className",
|
|
@@ -39,7 +39,7 @@ const ListBoxItemRoot = (props)=>{
|
|
|
39
39
|
"role"
|
|
40
40
|
]);
|
|
41
41
|
let itemRef;
|
|
42
|
-
const key = createMemo(()=>{
|
|
42
|
+
const key = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
43
43
|
if (null != local.id) return String(local.id);
|
|
44
44
|
if (local.textValue) return toSlug(local.textValue);
|
|
45
45
|
const staticChildren = "function" == typeof local.children ? [] : [
|
|
@@ -54,7 +54,7 @@ const ListBoxItemRoot = (props)=>{
|
|
|
54
54
|
const isSelected = ()=>listBox?.isSelected(key()) ?? false;
|
|
55
55
|
const isFocused = ()=>listBox?.focusedKey() === key();
|
|
56
56
|
const isDisabled = ()=>listBox?.isItemDisabled(key(), Boolean(local.isDisabled) || Boolean(local.disabled)) ?? (Boolean(local.isDisabled) || Boolean(local.disabled));
|
|
57
|
-
const renderState = createMemo(()=>({
|
|
57
|
+
const renderState = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
|
|
58
58
|
isSelected: isSelected(),
|
|
59
59
|
isFocused: isFocused(),
|
|
60
60
|
isDisabled: isDisabled()
|
|
@@ -107,7 +107,7 @@ const ListBoxItemRoot = (props)=>{
|
|
|
107
107
|
if (event.defaultPrevented) return;
|
|
108
108
|
if (listBox?.focusedKey() === key()) listBox.setFocusedKey(void 0);
|
|
109
109
|
};
|
|
110
|
-
createEffect(()=>{
|
|
110
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
111
111
|
if (!listBox || !itemRef) return;
|
|
112
112
|
listBox.registerItem({
|
|
113
113
|
key: key(),
|
|
@@ -115,21 +115,21 @@ const ListBoxItemRoot = (props)=>{
|
|
|
115
115
|
ref: itemRef
|
|
116
116
|
});
|
|
117
117
|
});
|
|
118
|
-
onCleanup(()=>{
|
|
118
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
|
|
119
119
|
if (!listBox) return;
|
|
120
120
|
listBox.unregisterItem(key());
|
|
121
121
|
});
|
|
122
|
-
return createComponent(ListBoxItemContext.Provider, {
|
|
122
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ListBoxItemContext.Provider, {
|
|
123
123
|
value: {
|
|
124
124
|
renderState
|
|
125
125
|
},
|
|
126
126
|
get children () {
|
|
127
127
|
var _el$ = _tmpl$();
|
|
128
|
-
use((node)=>{
|
|
128
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
129
129
|
itemRef = node;
|
|
130
130
|
if ("function" == typeof local.ref) local.ref(node);
|
|
131
131
|
}, _el$);
|
|
132
|
-
spread(_el$, mergeProps(others, {
|
|
132
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
133
133
|
get role () {
|
|
134
134
|
return local.role ?? "option";
|
|
135
135
|
},
|
|
@@ -137,7 +137,7 @@ const ListBoxItemRoot = (props)=>{
|
|
|
137
137
|
return resolvedTabIndex();
|
|
138
138
|
},
|
|
139
139
|
get ["aria-selected"] () {
|
|
140
|
-
return memo(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
|
|
140
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
|
|
141
141
|
},
|
|
142
142
|
get ["aria-disabled"] () {
|
|
143
143
|
return isDisabled() ? "true" : void 0;
|
|
@@ -159,7 +159,7 @@ const ListBoxItemRoot = (props)=>{
|
|
|
159
159
|
return key();
|
|
160
160
|
}
|
|
161
161
|
}, ()=>({
|
|
162
|
-
class: twMerge(CLASSES.Item.base, CLASSES.Item.variant[variant()], local.class, local.className)
|
|
162
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.variant[variant()], local.class, local.className)
|
|
163
163
|
}), {
|
|
164
164
|
get style () {
|
|
165
165
|
return local.style;
|
|
@@ -169,8 +169,8 @@ const ListBoxItemRoot = (props)=>{
|
|
|
169
169
|
onFocus: handleFocus,
|
|
170
170
|
onBlur: handleBlur
|
|
171
171
|
}), false, true);
|
|
172
|
-
insert(_el$, (()=>{
|
|
173
|
-
var _c$ = memo(()=>"function" == typeof local.children);
|
|
172
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
|
|
173
|
+
var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
|
|
174
174
|
return ()=>_c$() ? local.children(renderState()) : local.children;
|
|
175
175
|
})());
|
|
176
176
|
return _el$;
|
|
@@ -178,8 +178,8 @@ const ListBoxItemRoot = (props)=>{
|
|
|
178
178
|
});
|
|
179
179
|
};
|
|
180
180
|
const ListBoxItemIndicator = (props)=>{
|
|
181
|
-
const context = useContext(ListBoxItemContext);
|
|
182
|
-
const [local, others] = splitProps(props, [
|
|
181
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ListBoxItemContext);
|
|
182
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
183
183
|
"children",
|
|
184
184
|
"class",
|
|
185
185
|
"className",
|
|
@@ -193,7 +193,7 @@ const ListBoxItemIndicator = (props)=>{
|
|
|
193
193
|
};
|
|
194
194
|
return (()=>{
|
|
195
195
|
var _el$2 = _tmpl$2();
|
|
196
|
-
spread(_el$2, mergeProps(others, {
|
|
196
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
197
197
|
"aria-hidden": "true",
|
|
198
198
|
"data-slot": "listbox-item-indicator",
|
|
199
199
|
get ["data-theme"] () {
|
|
@@ -203,26 +203,26 @@ const ListBoxItemIndicator = (props)=>{
|
|
|
203
203
|
return renderState().isSelected ? "true" : void 0;
|
|
204
204
|
}
|
|
205
205
|
}, ()=>({
|
|
206
|
-
class: twMerge(CLASSES.ItemIndicator.base, local.class, local.className)
|
|
206
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.ItemIndicator.base, local.class, local.className)
|
|
207
207
|
}), {
|
|
208
208
|
get style () {
|
|
209
209
|
return local.style;
|
|
210
210
|
}
|
|
211
211
|
}), false, true);
|
|
212
|
-
insert(_el$2, (()=>{
|
|
213
|
-
var _c$2 = memo(()=>"function" == typeof local.children);
|
|
214
|
-
return ()=>_c$2() ? local.children(renderState()) : memo(()=>!!local.children)() ? local.children : (()=>{
|
|
212
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
|
|
213
|
+
var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
|
|
214
|
+
return ()=>_c$2() ? local.children(renderState()) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.children)() ? local.children : (()=>{
|
|
215
215
|
var _el$3 = _tmpl$3();
|
|
216
|
-
effect(()=>setAttribute(_el$3, "stroke-dashoffset", String(renderState().isSelected ? 44 : 66)));
|
|
216
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "stroke-dashoffset", String(renderState().isSelected ? 44 : 66)));
|
|
217
217
|
return _el$3;
|
|
218
218
|
})();
|
|
219
219
|
})());
|
|
220
220
|
return _el$2;
|
|
221
221
|
})();
|
|
222
222
|
};
|
|
223
|
-
const
|
|
223
|
+
const ListBoxItem = Object.assign(ListBoxItemRoot, {
|
|
224
224
|
Root: ListBoxItemRoot,
|
|
225
225
|
Indicator: ListBoxItemIndicator
|
|
226
226
|
});
|
|
227
|
-
const
|
|
228
|
-
export {
|
|
227
|
+
const list_box_ListBoxItem = ListBoxItem;
|
|
228
|
+
export { ListBoxItem, ListBoxItemIndicator, ListBoxItemRoot, list_box_ListBoxItem as default };
|