@pathscale/ui 1.1.47 → 1.1.48
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.js +76 -76
- package/dist/components/floating-dock/index.js +3 -2
- 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/dist/styles/icons/generated-icons.css +63 -1
- package/package.json +14 -1
- package/dist/purge-manifest.json +0 -3799
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./ComboBox.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ template("<div>"), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<input>"), _tmpl$5 = /*#__PURE__*/ template("<button>"), _tmpl$6 = /*#__PURE__*/ template("<div>No matching options"), _tmpl$7 = /*#__PURE__*/ template("<div role=option tabindex=-1 data-slot=combobox-option><span>"), _tmpl$8 = /*#__PURE__*/ template("<span><span>");
|
|
7
|
-
const ComboBoxContext = createContext();
|
|
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__ComboBox_classes_js_713bff32__ from "./ComboBox.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>No matching options"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=option tabindex=-1 data-slot=combobox-option><span>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><span>");
|
|
7
|
+
const ComboBoxContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
8
8
|
const invokeEventHandler = (handler, event)=>{
|
|
9
9
|
if ("function" == typeof handler) return void handler(event);
|
|
10
10
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
@@ -39,7 +39,7 @@ const extractItemDisabled = (item)=>{
|
|
|
39
39
|
return Boolean(item.disabled);
|
|
40
40
|
};
|
|
41
41
|
const ComboBoxRoot = (props)=>{
|
|
42
|
-
const [local, others] = splitProps(props, [
|
|
42
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
43
43
|
"children",
|
|
44
44
|
"startIcon",
|
|
45
45
|
"endIcon",
|
|
@@ -75,11 +75,11 @@ const ComboBoxRoot = (props)=>{
|
|
|
75
75
|
"onFocusOut",
|
|
76
76
|
"ref"
|
|
77
77
|
]);
|
|
78
|
-
const listBoxId = `${createUniqueId()}-listbox`;
|
|
79
|
-
const [internalSelectedKey, setInternalSelectedKey] = createSignal(normalizeKey(local.defaultSelectedKey));
|
|
80
|
-
const [internalInputValue, setInternalInputValue] = createSignal(local.defaultInputValue ?? "");
|
|
81
|
-
const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
|
|
82
|
-
const [activeKey, setActiveKeySignal] = createSignal(null);
|
|
78
|
+
const listBoxId = `${(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)()}-listbox`;
|
|
79
|
+
const [internalSelectedKey, setInternalSelectedKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeKey(local.defaultSelectedKey));
|
|
80
|
+
const [internalInputValue, setInternalInputValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultInputValue ?? "");
|
|
81
|
+
const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
|
|
82
|
+
const [activeKey, setActiveKeySignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
|
|
83
83
|
let rootRef;
|
|
84
84
|
let inputRef;
|
|
85
85
|
const variant = ()=>local.variant ?? "primary";
|
|
@@ -89,9 +89,9 @@ const ComboBoxRoot = (props)=>{
|
|
|
89
89
|
const isInvalid = ()=>Boolean(local.isInvalid);
|
|
90
90
|
const isRequired = ()=>Boolean(local.isRequired) || Boolean(local.required);
|
|
91
91
|
const isOpen = ()=>void 0 !== local.isOpen ? Boolean(local.isOpen) : internalOpen();
|
|
92
|
-
const selectedKey = createMemo(()=>void 0 !== local.selectedKey ? normalizeKey(local.selectedKey) : internalSelectedKey());
|
|
93
|
-
const inputValue = createMemo(()=>void 0 !== local.inputValue ? local.inputValue : internalInputValue());
|
|
94
|
-
const normalizedItems = createMemo(()=>(local.items ?? []).map((item, index)=>{
|
|
92
|
+
const selectedKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.selectedKey ? normalizeKey(local.selectedKey) : internalSelectedKey());
|
|
93
|
+
const inputValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.inputValue ? local.inputValue : internalInputValue());
|
|
94
|
+
const normalizedItems = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(local.items ?? []).map((item, index)=>{
|
|
95
95
|
const baseKey = null != local.itemKey ? String(local.itemKey(item, index)) : extractItemKey(item, index);
|
|
96
96
|
const textValue = null != local.itemTextValue ? local.itemTextValue(item, index) : extractItemText(item, baseKey);
|
|
97
97
|
const disabled = null != local.itemDisabled ? Boolean(local.itemDisabled(item, index)) : extractItemDisabled(item);
|
|
@@ -102,12 +102,12 @@ const ComboBoxRoot = (props)=>{
|
|
|
102
102
|
item
|
|
103
103
|
};
|
|
104
104
|
}));
|
|
105
|
-
const selectedItem = createMemo(()=>{
|
|
105
|
+
const selectedItem = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
106
106
|
const key = selectedKey();
|
|
107
107
|
if (!key) return;
|
|
108
108
|
return normalizedItems().find((item)=>item.key === key);
|
|
109
109
|
});
|
|
110
|
-
const filteredItems = createMemo(()=>{
|
|
110
|
+
const filteredItems = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
111
111
|
const query = inputValue();
|
|
112
112
|
const filter = local.defaultFilter ?? defaultFilter;
|
|
113
113
|
return normalizedItems().filter((item)=>filter(item.textValue, query));
|
|
@@ -174,13 +174,13 @@ const ComboBoxRoot = (props)=>{
|
|
|
174
174
|
closeAndCommit();
|
|
175
175
|
};
|
|
176
176
|
const getOptionId = (key)=>`${listBoxId}-${toOptionKey(key, 0)}`;
|
|
177
|
-
createEffect(()=>{
|
|
177
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
178
178
|
if (void 0 !== local.inputValue) return;
|
|
179
179
|
const selected = selectedItem();
|
|
180
180
|
if (!selected) return;
|
|
181
181
|
if (internalInputValue() !== selected.textValue) setInternalInputValue(selected.textValue);
|
|
182
182
|
});
|
|
183
|
-
createEffect(()=>{
|
|
183
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
184
184
|
if (!isOpen()) return;
|
|
185
185
|
const enabledItems = getEnabledItems();
|
|
186
186
|
if (!enabledItems.length) return void setActiveKeySignal(null);
|
|
@@ -189,24 +189,24 @@ const ComboBoxRoot = (props)=>{
|
|
|
189
189
|
const selected = enabledItems.find((item)=>item.key === selectedKey());
|
|
190
190
|
setActiveKeySignal((selected ?? enabledItems[0]).key);
|
|
191
191
|
});
|
|
192
|
-
onMount(()=>{
|
|
192
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
|
|
193
193
|
const handlePointerDown = (event)=>{
|
|
194
194
|
if (!rootRef) return;
|
|
195
195
|
if (rootRef.contains(event.target)) return;
|
|
196
196
|
closeAndCommit();
|
|
197
197
|
};
|
|
198
198
|
document.addEventListener("pointerdown", handlePointerDown);
|
|
199
|
-
onCleanup(()=>{
|
|
199
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
|
|
200
200
|
document.removeEventListener("pointerdown", handlePointerDown);
|
|
201
201
|
});
|
|
202
202
|
});
|
|
203
|
-
const hiddenValue = createMemo(()=>{
|
|
203
|
+
const hiddenValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
204
204
|
const currentKey = selectedKey();
|
|
205
205
|
if (currentKey) return currentKey;
|
|
206
206
|
if (local.allowsCustomValue) return inputValue();
|
|
207
207
|
return "";
|
|
208
208
|
});
|
|
209
|
-
return createComponent(ComboBoxContext.Provider, {
|
|
209
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxContext.Provider, {
|
|
210
210
|
value: {
|
|
211
211
|
variant,
|
|
212
212
|
fullWidth,
|
|
@@ -236,12 +236,12 @@ const ComboBoxRoot = (props)=>{
|
|
|
236
236
|
},
|
|
237
237
|
get children () {
|
|
238
238
|
var _el$ = _tmpl$2();
|
|
239
|
-
use((node)=>{
|
|
239
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
240
240
|
rootRef = node;
|
|
241
241
|
if ("function" == typeof local.ref) local.ref(node);
|
|
242
242
|
}, _el$);
|
|
243
|
-
spread(_el$, mergeProps(others, ()=>({
|
|
244
|
-
class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
243
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
244
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
245
245
|
}), {
|
|
246
246
|
"data-slot": "combobox",
|
|
247
247
|
get ["data-open"] () {
|
|
@@ -267,37 +267,37 @@ const ComboBoxRoot = (props)=>{
|
|
|
267
267
|
},
|
|
268
268
|
onFocusOut: handleFocusOut
|
|
269
269
|
}), false, true);
|
|
270
|
-
insert(_el$, createComponent(Show, {
|
|
270
|
+
(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, {
|
|
271
271
|
get when () {
|
|
272
272
|
return local.name;
|
|
273
273
|
},
|
|
274
274
|
get children () {
|
|
275
275
|
var _el$2 = _tmpl$();
|
|
276
|
-
effect(()=>setAttribute(_el$2, "name", local.name));
|
|
277
|
-
effect(()=>_el$2.value = hiddenValue());
|
|
276
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "name", local.name));
|
|
277
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.value = hiddenValue());
|
|
278
278
|
return _el$2;
|
|
279
279
|
}
|
|
280
280
|
}), null);
|
|
281
|
-
insert(_el$, ()=>local.children ?? [
|
|
282
|
-
createComponent(ComboBoxInputGroup, {
|
|
281
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? [
|
|
282
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxInputGroup, {
|
|
283
283
|
get children () {
|
|
284
284
|
return [
|
|
285
|
-
createComponent(Show, {
|
|
285
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
286
286
|
get when () {
|
|
287
287
|
return local.startIcon;
|
|
288
288
|
},
|
|
289
289
|
get children () {
|
|
290
290
|
var _el$3 = _tmpl$3();
|
|
291
|
-
spread(_el$3, mergeProps(()=>({
|
|
292
|
-
class: twMerge(CLASSES.Icon.base, CLASSES.Icon.start)
|
|
291
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
292
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)
|
|
293
293
|
}), {
|
|
294
294
|
"data-slot": "combobox-start-icon"
|
|
295
295
|
}), false, true);
|
|
296
|
-
insert(_el$3, ()=>local.startIcon);
|
|
296
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
|
|
297
297
|
return _el$3;
|
|
298
298
|
}
|
|
299
299
|
}),
|
|
300
|
-
createComponent(ComboBoxInput, {
|
|
300
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxInput, {
|
|
301
301
|
get placeholder () {
|
|
302
302
|
return local.placeholder;
|
|
303
303
|
},
|
|
@@ -305,7 +305,7 @@ const ComboBoxRoot = (props)=>{
|
|
|
305
305
|
return isRequired();
|
|
306
306
|
}
|
|
307
307
|
}),
|
|
308
|
-
createComponent(ComboBoxTrigger, {
|
|
308
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxTrigger, {
|
|
309
309
|
get endIcon () {
|
|
310
310
|
return local.endIcon;
|
|
311
311
|
}
|
|
@@ -313,9 +313,9 @@ const ComboBoxRoot = (props)=>{
|
|
|
313
313
|
];
|
|
314
314
|
}
|
|
315
315
|
}),
|
|
316
|
-
createComponent(ComboBoxPopover, {
|
|
316
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxPopover, {
|
|
317
317
|
get children () {
|
|
318
|
-
return createComponent(ComboBoxList, {});
|
|
318
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxList, {});
|
|
319
319
|
}
|
|
320
320
|
})
|
|
321
321
|
], null);
|
|
@@ -324,8 +324,8 @@ const ComboBoxRoot = (props)=>{
|
|
|
324
324
|
});
|
|
325
325
|
};
|
|
326
326
|
const ComboBoxInputGroup = (props)=>{
|
|
327
|
-
const context = useContext(ComboBoxContext);
|
|
328
|
-
const [local, others] = splitProps(props, [
|
|
327
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ComboBoxContext);
|
|
328
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
329
329
|
"children",
|
|
330
330
|
"class",
|
|
331
331
|
"className",
|
|
@@ -334,8 +334,8 @@ const ComboBoxInputGroup = (props)=>{
|
|
|
334
334
|
]);
|
|
335
335
|
return (()=>{
|
|
336
336
|
var _el$4 = _tmpl$2();
|
|
337
|
-
spread(_el$4, mergeProps(others, ()=>({
|
|
338
|
-
class: twMerge(CLASSES.InputGroup.base, context?.fullWidth() && CLASSES.InputGroup.flag.fullWidth, local.class, local.className)
|
|
337
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
338
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.flag.fullWidth, local.class, local.className)
|
|
339
339
|
}), {
|
|
340
340
|
"data-slot": "combobox-input-group",
|
|
341
341
|
get ["data-disabled"] () {
|
|
@@ -351,13 +351,13 @@ const ComboBoxInputGroup = (props)=>{
|
|
|
351
351
|
return local.style;
|
|
352
352
|
}
|
|
353
353
|
}), false, true);
|
|
354
|
-
insert(_el$4, ()=>local.children);
|
|
354
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
|
|
355
355
|
return _el$4;
|
|
356
356
|
})();
|
|
357
357
|
};
|
|
358
358
|
const ComboBoxInput = (props)=>{
|
|
359
|
-
const context = useContext(ComboBoxContext);
|
|
360
|
-
const [local, others] = splitProps(props, [
|
|
359
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ComboBoxContext);
|
|
360
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
361
361
|
"class",
|
|
362
362
|
"className",
|
|
363
363
|
"dataTheme",
|
|
@@ -438,11 +438,11 @@ const ComboBoxInput = (props)=>{
|
|
|
438
438
|
};
|
|
439
439
|
return (()=>{
|
|
440
440
|
var _el$5 = _tmpl$4();
|
|
441
|
-
use((node)=>{
|
|
441
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
442
442
|
context?.attachInputRef(node);
|
|
443
443
|
if ("function" == typeof local.ref) local.ref(node);
|
|
444
444
|
}, _el$5);
|
|
445
|
-
spread(_el$5, mergeProps(others, {
|
|
445
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
446
446
|
role: "combobox",
|
|
447
447
|
"aria-haspopup": "listbox",
|
|
448
448
|
get ["aria-controls"] () {
|
|
@@ -462,7 +462,7 @@ const ComboBoxInput = (props)=>{
|
|
|
462
462
|
return context?.isInvalid() ? "true" : void 0;
|
|
463
463
|
}
|
|
464
464
|
}, ()=>({
|
|
465
|
-
class: twMerge(CLASSES.Input.base, local.class, local.className)
|
|
465
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Input.base, local.class, local.className)
|
|
466
466
|
}), {
|
|
467
467
|
"data-slot": "combobox-input",
|
|
468
468
|
get ["data-theme"] () {
|
|
@@ -489,8 +489,8 @@ const ComboBoxInput = (props)=>{
|
|
|
489
489
|
})();
|
|
490
490
|
};
|
|
491
491
|
const ComboBoxTrigger = (props)=>{
|
|
492
|
-
const context = useContext(ComboBoxContext);
|
|
493
|
-
const [local, others] = splitProps(props, [
|
|
492
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ComboBoxContext);
|
|
493
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
494
494
|
"children",
|
|
495
495
|
"class",
|
|
496
496
|
"className",
|
|
@@ -507,10 +507,10 @@ const ComboBoxTrigger = (props)=>{
|
|
|
507
507
|
};
|
|
508
508
|
return (()=>{
|
|
509
509
|
var _el$6 = _tmpl$5();
|
|
510
|
-
spread(_el$6, mergeProps(others, {
|
|
510
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
511
511
|
type: "button"
|
|
512
512
|
}, ()=>({
|
|
513
|
-
class: twMerge(CLASSES.Trigger.base, local.class, local.className)
|
|
513
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.base, local.class, local.className)
|
|
514
514
|
}), {
|
|
515
515
|
"data-slot": "combobox-trigger",
|
|
516
516
|
get ["data-open"] () {
|
|
@@ -538,30 +538,30 @@ const ComboBoxTrigger = (props)=>{
|
|
|
538
538
|
"aria-label": "Toggle options",
|
|
539
539
|
onClick: handleClick
|
|
540
540
|
}), false, true);
|
|
541
|
-
insert(_el$6, (()=>{
|
|
542
|
-
var _c$ = memo(()=>!!local.startIcon);
|
|
541
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (()=>{
|
|
542
|
+
var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
|
|
543
543
|
return ()=>_c$() ? (()=>{
|
|
544
544
|
var _el$7 = _tmpl$3();
|
|
545
|
-
spread(_el$7, mergeProps(()=>({
|
|
546
|
-
class: twMerge(CLASSES.Icon.base, CLASSES.Icon.start)
|
|
545
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
546
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)
|
|
547
547
|
}), {
|
|
548
548
|
"data-slot": "combobox-trigger-start-icon"
|
|
549
549
|
}), false, true);
|
|
550
|
-
insert(_el$7, ()=>local.startIcon);
|
|
550
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.startIcon);
|
|
551
551
|
return _el$7;
|
|
552
552
|
})() : null;
|
|
553
553
|
})(), null);
|
|
554
|
-
insert(_el$6, ()=>local.children, null);
|
|
555
|
-
insert(_el$6, (()=>{
|
|
556
|
-
var _c$2 = memo(()=>!!local.endIcon);
|
|
554
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children, null);
|
|
555
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (()=>{
|
|
556
|
+
var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
|
|
557
557
|
return ()=>_c$2() ? (()=>{
|
|
558
558
|
var _el$8 = _tmpl$3();
|
|
559
|
-
spread(_el$8, mergeProps(()=>({
|
|
560
|
-
class: twMerge(CLASSES.Icon.base, CLASSES.Icon.end, CLASSES.Trigger.icon)
|
|
559
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
560
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.icon)
|
|
561
561
|
}), {
|
|
562
562
|
"data-slot": "combobox-trigger-end-icon"
|
|
563
563
|
}), false, true);
|
|
564
|
-
insert(_el$8, ()=>local.endIcon);
|
|
564
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.endIcon);
|
|
565
565
|
return _el$8;
|
|
566
566
|
})() : null;
|
|
567
567
|
})(), null);
|
|
@@ -569,8 +569,8 @@ const ComboBoxTrigger = (props)=>{
|
|
|
569
569
|
})();
|
|
570
570
|
};
|
|
571
571
|
const ComboBoxPopover = (props)=>{
|
|
572
|
-
const context = useContext(ComboBoxContext);
|
|
573
|
-
const [local, others] = splitProps(props, [
|
|
572
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ComboBoxContext);
|
|
573
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
574
574
|
"children",
|
|
575
575
|
"class",
|
|
576
576
|
"className",
|
|
@@ -579,8 +579,8 @@ const ComboBoxPopover = (props)=>{
|
|
|
579
579
|
]);
|
|
580
580
|
return (()=>{
|
|
581
581
|
var _el$9 = _tmpl$2();
|
|
582
|
-
spread(_el$9, mergeProps(others, ()=>({
|
|
583
|
-
class: twMerge(CLASSES.Popover.base, local.class, local.className)
|
|
582
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
583
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Popover.base, local.class, local.className)
|
|
584
584
|
}), {
|
|
585
585
|
"data-slot": "combobox-popover",
|
|
586
586
|
get ["data-open"] () {
|
|
@@ -593,13 +593,13 @@ const ComboBoxPopover = (props)=>{
|
|
|
593
593
|
return local.style;
|
|
594
594
|
}
|
|
595
595
|
}), false, true);
|
|
596
|
-
insert(_el$9, ()=>local.children ?? createComponent(ComboBoxList, {}));
|
|
596
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ComboBoxList, {}));
|
|
597
597
|
return _el$9;
|
|
598
598
|
})();
|
|
599
599
|
};
|
|
600
600
|
const ComboBoxList = (props)=>{
|
|
601
|
-
const context = useContext(ComboBoxContext);
|
|
602
|
-
const [local, others] = splitProps(props, [
|
|
601
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ComboBoxContext);
|
|
602
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
603
603
|
"children",
|
|
604
604
|
"class",
|
|
605
605
|
"className",
|
|
@@ -611,13 +611,13 @@ const ComboBoxList = (props)=>{
|
|
|
611
611
|
const items = ()=>context?.filteredItems() ?? [];
|
|
612
612
|
return (()=>{
|
|
613
613
|
var _el$0 = _tmpl$2();
|
|
614
|
-
spread(_el$0, mergeProps(others, {
|
|
614
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
615
615
|
get id () {
|
|
616
616
|
return context?.listBoxId;
|
|
617
617
|
},
|
|
618
618
|
role: "listbox"
|
|
619
619
|
}, ()=>({
|
|
620
|
-
class: twMerge(CLASSES.List.base, local.class, local.className)
|
|
620
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.base, local.class, local.className)
|
|
621
621
|
}), {
|
|
622
622
|
"data-slot": "combobox-list",
|
|
623
623
|
get ["data-theme"] () {
|
|
@@ -627,15 +627,15 @@ const ComboBoxList = (props)=>{
|
|
|
627
627
|
return local.style;
|
|
628
628
|
}
|
|
629
629
|
}), false, true);
|
|
630
|
-
insert(_el$0, createComponent(Show, {
|
|
630
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
631
631
|
get when () {
|
|
632
632
|
return items().length > 0;
|
|
633
633
|
},
|
|
634
634
|
get fallback () {
|
|
635
635
|
return local.renderEmptyState?.() ?? (()=>{
|
|
636
636
|
var _el$1 = _tmpl$6();
|
|
637
|
-
spread(_el$1, mergeProps(()=>({
|
|
638
|
-
class: CLASSES.List.empty
|
|
637
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
638
|
+
class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.empty
|
|
639
639
|
}), {
|
|
640
640
|
"data-slot": "combobox-empty-state"
|
|
641
641
|
}), false, true);
|
|
@@ -643,7 +643,7 @@ const ComboBoxList = (props)=>{
|
|
|
643
643
|
})();
|
|
644
644
|
},
|
|
645
645
|
get children () {
|
|
646
|
-
return createComponent(For, {
|
|
646
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
647
647
|
get each () {
|
|
648
648
|
return items();
|
|
649
649
|
},
|
|
@@ -660,7 +660,7 @@ const ComboBoxList = (props)=>{
|
|
|
660
660
|
};
|
|
661
661
|
return (()=>{
|
|
662
662
|
var _el$10 = _tmpl$7(), _el$11 = _el$10.firstChild;
|
|
663
|
-
spread(_el$10, mergeProps({
|
|
663
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
664
664
|
get id () {
|
|
665
665
|
return context?.getOptionId(item.key);
|
|
666
666
|
},
|
|
@@ -683,7 +683,7 @@ const ComboBoxList = (props)=>{
|
|
|
683
683
|
return item.disabled ? "true" : "false";
|
|
684
684
|
}
|
|
685
685
|
}, ()=>({
|
|
686
|
-
class: CLASSES.Option.base
|
|
686
|
+
class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.base
|
|
687
687
|
}), {
|
|
688
688
|
onMouseDown: (event)=>event.preventDefault(),
|
|
689
689
|
onMouseEnter: ()=>{
|
|
@@ -695,28 +695,28 @@ const ComboBoxList = (props)=>{
|
|
|
695
695
|
context?.selectKey(item.key);
|
|
696
696
|
}
|
|
697
697
|
}), false, true);
|
|
698
|
-
spread(_el$11, mergeProps(()=>({
|
|
699
|
-
class: CLASSES.Option.label
|
|
698
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
699
|
+
class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.label
|
|
700
700
|
})), false, true);
|
|
701
|
-
insert(_el$11, (()=>{
|
|
702
|
-
var _c$3 = memo(()=>"function" == typeof local.children);
|
|
701
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (()=>{
|
|
702
|
+
var _c$3 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
|
|
703
703
|
return ()=>_c$3() ? local.children(state) : item.textValue;
|
|
704
704
|
})());
|
|
705
|
-
insert(_el$10, (()=>{
|
|
706
|
-
var _c$4 = memo(()=>!!local.endIcon);
|
|
705
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, (()=>{
|
|
706
|
+
var _c$4 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
|
|
707
707
|
return ()=>_c$4() ? (()=>{
|
|
708
708
|
var _el$12 = _tmpl$8(), _el$13 = _el$12.firstChild;
|
|
709
|
-
spread(_el$12, mergeProps(()=>({
|
|
710
|
-
class: CLASSES.Option.indicator
|
|
709
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
710
|
+
class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.indicator
|
|
711
711
|
}), {
|
|
712
712
|
"aria-hidden": "true"
|
|
713
713
|
}), false, true);
|
|
714
|
-
spread(_el$13, mergeProps(()=>({
|
|
715
|
-
class: twMerge(CLASSES.Icon.base, CLASSES.Icon.end)
|
|
714
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
715
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end)
|
|
716
716
|
}), {
|
|
717
717
|
"data-slot": "combobox-option-end-icon"
|
|
718
718
|
}), false, true);
|
|
719
|
-
insert(_el$13, ()=>local.endIcon);
|
|
719
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.endIcon);
|
|
720
720
|
return _el$12;
|
|
721
721
|
})() : null;
|
|
722
722
|
})(), null);
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__ from "./ComboBox.js";
|
|
2
|
+
var __webpack_exports__ComboBox = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBox;
|
|
3
|
+
var __webpack_exports__ComboBoxInput = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxInput;
|
|
4
|
+
var __webpack_exports__ComboBoxInputGroup = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxInputGroup;
|
|
5
|
+
var __webpack_exports__ComboBoxList = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxList;
|
|
6
|
+
var __webpack_exports__ComboBoxPopover = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxPopover;
|
|
7
|
+
var __webpack_exports__ComboBoxRoot = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxRoot;
|
|
8
|
+
var __webpack_exports__ComboBoxTrigger = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__.ComboBoxTrigger;
|
|
9
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ComboBox_js_c6389bd7__["default"];
|
|
10
|
+
export { __webpack_exports__ComboBox as ComboBox, __webpack_exports__ComboBoxInput as ComboBoxInput, __webpack_exports__ComboBoxInputGroup as ComboBoxInputGroup, __webpack_exports__ComboBoxList as ComboBoxList, __webpack_exports__ComboBoxPopover as ComboBoxPopover, __webpack_exports__ComboBoxRoot as ComboBoxRoot, __webpack_exports__ComboBoxTrigger as ComboBoxTrigger, __webpack_exports__default as default };
|