@pathscale/ui 1.1.44 → 1.1.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/Accordion.js +44 -44
- package/dist/components/accordion/index.js +2 -9
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +2 -6
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- package/dist/components/button-group/ButtonGroup.js +14 -14
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +2 -6
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- package/dist/components/chatbubble/ChatBubble.js +19 -19
- package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
- package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
- package/dist/components/chatbubble/index.js +2 -3
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +3 -4
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +2 -8
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- package/dist/components/color-swatch/ColorSwatch.js +14 -14
- package/dist/components/color-swatch/index.js +2 -2
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
- package/dist/components/color-swatch-picker/index.js +2 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +3 -6
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +2 -3
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +4 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.css +51 -0
- package/dist/components/drawer/Drawer.d.ts +7 -0
- package/dist/components/drawer/Drawer.js +105 -80
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- package/dist/components/floating-dock/FloatingDock.js +76 -76
- package/dist/components/floating-dock/index.js +2 -3
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +2 -3
- package/dist/components/form/Form.js +8 -8
- package/dist/components/form/index.js +2 -5
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.js +9 -8
- package/dist/components/icon/index.js +2 -3
- package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +7 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.css +0 -4
- package/dist/components/input/Input.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +2 -9
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +2 -11
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +2 -3
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
- package/dist/components/language-switcher/createI18n.js +8 -8
- package/dist/components/language-switcher/index.js +3 -8
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +2 -5
- package/dist/components/list-box/ListBox.js +17 -17
- package/dist/components/list-box/ListBoxItem.js +32 -32
- package/dist/components/list-box/ListBoxSection.js +13 -13
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +9 -15
- package/dist/components/live-chat/LiveChatBubble.js +27 -27
- package/dist/components/live-chat/LiveChatPanel.js +62 -62
- package/dist/components/live-chat/index.js +3 -5
- package/dist/components/menu/Menu.js +25 -30
- package/dist/components/menu/MenuItem.js +38 -38
- package/dist/components/menu/MenuSection.js +13 -13
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +3 -12
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- package/dist/components/navbar/Navbar.js +18 -18
- package/dist/components/navbar/NavbarRow.js +10 -10
- package/dist/components/navbar/NavbarSection.js +9 -9
- package/dist/components/navbar/NavbarStack.js +10 -10
- package/dist/components/navbar/index.js +2 -3
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- package/dist/components/radio-group/RadioGroup.js +33 -33
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +3 -4
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +2 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
- package/dist/components/search-field/SearchField.js +38 -38
- package/dist/components/search-field/index.js +2 -9
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +2 -3
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +2 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +3 -6
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +3 -28
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- package/dist/components/tag-group/TagGroup.js +20 -20
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +2 -6
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +2 -7
- package/dist/components/textarea/Textarea.js +11 -13
- package/dist/components/textarea/index.js +2 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +43 -43
- package/dist/components/theme-color-picker/hueShift.js +3 -3
- package/dist/components/theme-color-picker/index.js +3 -7
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.css +0 -9
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +2 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +2 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/index.js +6 -12
- package/dist/hooks/form/useField.js +4 -4
- package/dist/hooks/form/useFieldError.js +2 -2
- package/dist/hooks/form/useFieldMeta.js +10 -10
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +2 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +9 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.d.ts +1 -1
- package/dist/index.js +97 -366
- package/dist/lib/refs/index.js +2 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +2 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +3 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +11 -34
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/MotionDiv.js +13 -13
- package/dist/motion/solid/index.js +2 -3
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +3 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +2 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +2287 -2287
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { Show, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { CLASSES } from "./ListBox.classes.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<div>");
|
|
6
6
|
const ListBoxSectionRoot = (props)=>{
|
|
7
|
-
const [local, others] =
|
|
7
|
+
const [local, others] = splitProps(props, [
|
|
8
8
|
"children",
|
|
9
9
|
"class",
|
|
10
10
|
"className",
|
|
@@ -15,7 +15,7 @@ const ListBoxSectionRoot = (props)=>{
|
|
|
15
15
|
]);
|
|
16
16
|
return (()=>{
|
|
17
17
|
var _el$ = _tmpl$2();
|
|
18
|
-
|
|
18
|
+
spread(_el$, mergeProps(others, {
|
|
19
19
|
get role () {
|
|
20
20
|
return local.role ?? "group";
|
|
21
21
|
},
|
|
@@ -24,28 +24,28 @@ const ListBoxSectionRoot = (props)=>{
|
|
|
24
24
|
return local.dataTheme;
|
|
25
25
|
}
|
|
26
26
|
}, ()=>({
|
|
27
|
-
class:
|
|
27
|
+
class: twMerge(CLASSES.Section.base, local.class, local.className)
|
|
28
28
|
}), {
|
|
29
29
|
get style () {
|
|
30
30
|
return local.style;
|
|
31
31
|
}
|
|
32
32
|
}), false, true);
|
|
33
|
-
|
|
33
|
+
insert(_el$, createComponent(Show, {
|
|
34
34
|
get when () {
|
|
35
35
|
return local.title;
|
|
36
36
|
},
|
|
37
37
|
get children () {
|
|
38
38
|
var _el$2 = _tmpl$();
|
|
39
|
-
|
|
40
|
-
class:
|
|
39
|
+
spread(_el$2, mergeProps(()=>({
|
|
40
|
+
class: CLASSES.Section.title
|
|
41
41
|
}), {
|
|
42
42
|
"data-slot": "heading"
|
|
43
43
|
}), false, true);
|
|
44
|
-
|
|
44
|
+
insert(_el$2, ()=>local.title);
|
|
45
45
|
return _el$2;
|
|
46
46
|
}
|
|
47
47
|
}), null);
|
|
48
|
-
|
|
48
|
+
insert(_el$, ()=>local.children, null);
|
|
49
49
|
return _el$;
|
|
50
50
|
})();
|
|
51
51
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
const ListBoxContext =
|
|
1
|
+
import { createContext } from "solid-js";
|
|
2
|
+
const ListBoxContext = createContext();
|
|
3
3
|
export { ListBoxContext };
|
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const ListBox = Object.assign(
|
|
5
|
-
Root:
|
|
6
|
-
Item:
|
|
7
|
-
ItemIndicator:
|
|
8
|
-
Section:
|
|
1
|
+
import external_ListBox_js_default from "./ListBox.js";
|
|
2
|
+
import external_ListBoxItem_js_default, { ListBoxItemIndicator, ListBoxItemRoot } from "./ListBoxItem.js";
|
|
3
|
+
import external_ListBoxSection_js_default, { ListBoxSectionRoot } from "./ListBoxSection.js";
|
|
4
|
+
const ListBox = Object.assign(external_ListBox_js_default, {
|
|
5
|
+
Root: external_ListBox_js_default,
|
|
6
|
+
Item: external_ListBoxItem_js_default,
|
|
7
|
+
ItemIndicator: ListBoxItemIndicator,
|
|
8
|
+
Section: external_ListBoxSection_js_default
|
|
9
9
|
});
|
|
10
10
|
const list_box = ListBox;
|
|
11
|
-
|
|
12
|
-
var __webpack_exports__ListBoxItemIndicator = __WEBPACK_EXTERNAL_MODULE__ListBoxItem_js_66ab68ed__.ListBoxItemIndicator;
|
|
13
|
-
var __webpack_exports__ListBoxItemRoot = __WEBPACK_EXTERNAL_MODULE__ListBoxItem_js_66ab68ed__.ListBoxItemRoot;
|
|
14
|
-
var __webpack_exports__ListBoxRoot = __WEBPACK_EXTERNAL_MODULE__ListBox_js_d763b220__["default"];
|
|
15
|
-
var __webpack_exports__ListBoxSection = __WEBPACK_EXTERNAL_MODULE__ListBoxSection_js_b3bb3271__["default"];
|
|
16
|
-
var __webpack_exports__ListBoxSectionRoot = __WEBPACK_EXTERNAL_MODULE__ListBoxSection_js_b3bb3271__.ListBoxSectionRoot;
|
|
17
|
-
export { ListBox, list_box as default, __webpack_exports__ListBoxItem as ListBoxItem, __webpack_exports__ListBoxItemIndicator as ListBoxItemIndicator, __webpack_exports__ListBoxItemRoot as ListBoxItemRoot, __webpack_exports__ListBoxRoot as ListBoxRoot, __webpack_exports__ListBoxSection as ListBoxSection, __webpack_exports__ListBoxSectionRoot as ListBoxSectionRoot };
|
|
11
|
+
export { ListBox, external_ListBoxItem_js_default as ListBoxItem, ListBoxItemIndicator, ListBoxItemRoot, external_ListBox_js_default as ListBoxRoot, external_ListBoxSection_js_default as ListBoxSection, ListBoxSectionRoot, list_box as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./LiveChat.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { Show, createSignal, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import external_LiveChatPanel_js_default from "./LiveChatPanel.js";
|
|
6
|
+
import { CLASSES } from "./LiveChat.classes.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button><span>"), _tmpl$3 = /*#__PURE__*/ template('<svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), _tmpl$4 = /*#__PURE__*/ template('<svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
|
|
8
8
|
const LiveChatBubble = (props)=>{
|
|
9
|
-
const [local, others] =
|
|
9
|
+
const [local, others] = splitProps(props, [
|
|
10
10
|
"position",
|
|
11
11
|
"aria-label",
|
|
12
12
|
"unreadCount",
|
|
@@ -21,8 +21,8 @@ const LiveChatBubble = (props)=>{
|
|
|
21
21
|
"className",
|
|
22
22
|
"style"
|
|
23
23
|
]);
|
|
24
|
-
const [isOpen, setIsOpen] =
|
|
25
|
-
const [internalUnread, setInternalUnread] =
|
|
24
|
+
const [isOpen, setIsOpen] = createSignal(false);
|
|
25
|
+
const [internalUnread, setInternalUnread] = createSignal(local.unreadCount ?? 0);
|
|
26
26
|
const unreadCount = ()=>local.unreadCount ?? internalUnread();
|
|
27
27
|
const toggleChat = ()=>{
|
|
28
28
|
const newState = !isOpen();
|
|
@@ -38,13 +38,13 @@ const LiveChatBubble = (props)=>{
|
|
|
38
38
|
};
|
|
39
39
|
const positionClasses = ()=>{
|
|
40
40
|
const pos = local.position ?? "bottom-right";
|
|
41
|
-
return "bottom-left" === pos ?
|
|
41
|
+
return "bottom-left" === pos ? CLASSES.bubble.position.left : CLASSES.bubble.position.right;
|
|
42
42
|
};
|
|
43
|
-
const buttonClasses = ()=>
|
|
43
|
+
const buttonClasses = ()=>twMerge(CLASSES.bubble.base, positionClasses(), local.class, local.className);
|
|
44
44
|
return [
|
|
45
45
|
(()=>{
|
|
46
46
|
var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
|
|
47
|
-
|
|
47
|
+
spread(_el$, mergeProps(others, {
|
|
48
48
|
onClick: toggleChat
|
|
49
49
|
}, ()=>({
|
|
50
50
|
class: buttonClasses()
|
|
@@ -56,15 +56,15 @@ const LiveChatBubble = (props)=>{
|
|
|
56
56
|
return local["aria-label"] ?? "Open chat";
|
|
57
57
|
}
|
|
58
58
|
}), false, true);
|
|
59
|
-
|
|
59
|
+
insert(_el$, ()=>local.children ?? createComponent(Show, {
|
|
60
60
|
get when () {
|
|
61
61
|
return !isOpen();
|
|
62
62
|
},
|
|
63
63
|
get fallback () {
|
|
64
64
|
return (()=>{
|
|
65
65
|
var _el$5 = _tmpl$4();
|
|
66
|
-
|
|
67
|
-
class:
|
|
66
|
+
spread(_el$5, mergeProps(()=>({
|
|
67
|
+
class: CLASSES.bubble.icon
|
|
68
68
|
}), {
|
|
69
69
|
fill: "none",
|
|
70
70
|
viewBox: "0 0 24 24",
|
|
@@ -75,8 +75,8 @@ const LiveChatBubble = (props)=>{
|
|
|
75
75
|
},
|
|
76
76
|
get children () {
|
|
77
77
|
var _el$4 = _tmpl$3();
|
|
78
|
-
|
|
79
|
-
class:
|
|
78
|
+
spread(_el$4, mergeProps(()=>({
|
|
79
|
+
class: CLASSES.bubble.icon
|
|
80
80
|
}), {
|
|
81
81
|
fill: "none",
|
|
82
82
|
viewBox: "0 0 24 24",
|
|
@@ -85,33 +85,33 @@ const LiveChatBubble = (props)=>{
|
|
|
85
85
|
return _el$4;
|
|
86
86
|
}
|
|
87
87
|
}), _el$3);
|
|
88
|
-
|
|
88
|
+
insert(_el$, createComponent(Show, {
|
|
89
89
|
get when () {
|
|
90
|
-
return
|
|
90
|
+
return memo(()=>unreadCount() > 0)() && !isOpen();
|
|
91
91
|
},
|
|
92
92
|
get children () {
|
|
93
93
|
var _el$2 = _tmpl$();
|
|
94
|
-
|
|
95
|
-
class:
|
|
94
|
+
spread(_el$2, mergeProps(()=>({
|
|
95
|
+
class: CLASSES.bubble.badge
|
|
96
96
|
})), false, true);
|
|
97
|
-
|
|
98
|
-
var _c$ =
|
|
97
|
+
insert(_el$2, (()=>{
|
|
98
|
+
var _c$ = memo(()=>unreadCount() > 9);
|
|
99
99
|
return ()=>_c$() ? "9+" : unreadCount();
|
|
100
100
|
})());
|
|
101
101
|
return _el$2;
|
|
102
102
|
}
|
|
103
103
|
}), _el$3);
|
|
104
|
-
|
|
105
|
-
class:
|
|
104
|
+
spread(_el$3, mergeProps(()=>({
|
|
105
|
+
class: CLASSES.bubble.ping
|
|
106
106
|
})), false, false);
|
|
107
107
|
return _el$;
|
|
108
108
|
})(),
|
|
109
|
-
|
|
109
|
+
createComponent(Show, {
|
|
110
110
|
get when () {
|
|
111
111
|
return isOpen();
|
|
112
112
|
},
|
|
113
113
|
get children () {
|
|
114
|
-
return
|
|
114
|
+
return createComponent(external_LiveChatPanel_js_default, mergeProps(()=>local.panelProps ?? {}, {
|
|
115
115
|
get autoScrollOnNewMessage () {
|
|
116
116
|
return local.panelProps?.autoScrollOnNewMessage ?? local.autoScrollOnNewMessage;
|
|
117
117
|
},
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
|
|
2
2
|
import "./LiveChat.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { For, Show, createEffect, createSignal, onCleanup, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import index_js_default from "../button/index.js";
|
|
6
|
+
import external_input_index_js_default from "../input/index.js";
|
|
7
|
+
import { CLASSES } from "./LiveChat.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template('<div><div><div><svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg><h3></h3></div><button><svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div></div><div>'), _tmpl$3 = /*#__PURE__*/ template("<div><div></div><div><div><p></p></div><span>"), _tmpl$4 = /*#__PURE__*/ template("<span>");
|
|
9
9
|
const getMockMessages = ()=>{
|
|
10
10
|
const salesMessages = [
|
|
11
11
|
{
|
|
@@ -64,7 +64,7 @@ const formatTime = (timestamp)=>new Intl.DateTimeFormat("en-US", {
|
|
|
64
64
|
hour12: true
|
|
65
65
|
}).format(new Date(timestamp));
|
|
66
66
|
const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
67
|
-
const [local, others] =
|
|
67
|
+
const [local, others] = splitProps(props, [
|
|
68
68
|
"onClose",
|
|
69
69
|
"title",
|
|
70
70
|
"placeholder",
|
|
@@ -82,20 +82,20 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
82
82
|
"className",
|
|
83
83
|
"style"
|
|
84
84
|
]);
|
|
85
|
-
const [internalMessages, setInternalMessages] =
|
|
86
|
-
const [inputValue, setInputValue] =
|
|
87
|
-
const [sending, setSending] =
|
|
85
|
+
const [internalMessages, setInternalMessages] = createSignal([]);
|
|
86
|
+
const [inputValue, setInputValue] = createSignal("");
|
|
87
|
+
const [sending, setSending] = createSignal(false);
|
|
88
88
|
let scrollContainer;
|
|
89
89
|
let previousMessageCount = 0;
|
|
90
90
|
let previousLastMessageId;
|
|
91
91
|
let hasObservedMessages = false;
|
|
92
92
|
let scrollRafId;
|
|
93
93
|
let scrollRafNestedId;
|
|
94
|
-
|
|
94
|
+
createEffect(()=>{
|
|
95
95
|
if (local.mockMode) setInternalMessages(getMockMessages());
|
|
96
96
|
else if (local.messages) setInternalMessages(local.messages);
|
|
97
97
|
});
|
|
98
|
-
|
|
98
|
+
createEffect(()=>{
|
|
99
99
|
if (!local.mockMode && local.messages) setInternalMessages(local.messages);
|
|
100
100
|
});
|
|
101
101
|
const isSending = ()=>local.isSending ?? sending();
|
|
@@ -129,7 +129,7 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
129
129
|
});
|
|
130
130
|
});
|
|
131
131
|
};
|
|
132
|
-
|
|
132
|
+
createEffect(()=>{
|
|
133
133
|
const messages = internalMessages();
|
|
134
134
|
const nextMessageCount = messages.length;
|
|
135
135
|
const nextLastMessageId = messages[messages.length - 1]?.messageId;
|
|
@@ -142,7 +142,7 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
142
142
|
if (!isInitialHydration && !hasAppendedMessage) return;
|
|
143
143
|
scheduleScrollToBottom();
|
|
144
144
|
});
|
|
145
|
-
|
|
145
|
+
onCleanup(()=>{
|
|
146
146
|
clearScheduledScroll();
|
|
147
147
|
});
|
|
148
148
|
const handleSend = async ()=>{
|
|
@@ -202,58 +202,58 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
202
202
|
handleSend();
|
|
203
203
|
}
|
|
204
204
|
};
|
|
205
|
-
const classes = ()=>
|
|
205
|
+
const classes = ()=>twMerge(CLASSES.panel.base, local.class, local.className);
|
|
206
206
|
return (()=>{
|
|
207
207
|
var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$2.nextSibling, _el$0 = _el$8.nextSibling;
|
|
208
|
-
|
|
208
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
209
209
|
class: classes()
|
|
210
210
|
}), {
|
|
211
211
|
get style () {
|
|
212
212
|
return local.style;
|
|
213
213
|
}
|
|
214
214
|
}), false, true);
|
|
215
|
-
|
|
216
|
-
class:
|
|
215
|
+
spread(_el$2, mergeProps(()=>({
|
|
216
|
+
class: CLASSES.panel.header
|
|
217
217
|
})), false, true);
|
|
218
|
-
|
|
219
|
-
class:
|
|
218
|
+
spread(_el$3, mergeProps(()=>({
|
|
219
|
+
class: CLASSES.panel.headerTitleWrap
|
|
220
220
|
})), false, true);
|
|
221
|
-
|
|
222
|
-
class:
|
|
221
|
+
spread(_el$4, mergeProps(()=>({
|
|
222
|
+
class: CLASSES.panel.headerIcon
|
|
223
223
|
}), {
|
|
224
224
|
fill: "none",
|
|
225
225
|
viewBox: "0 0 24 24",
|
|
226
226
|
stroke: "currentColor"
|
|
227
227
|
}), true, true);
|
|
228
|
-
|
|
229
|
-
class:
|
|
228
|
+
spread(_el$5, mergeProps(()=>({
|
|
229
|
+
class: CLASSES.panel.headerTitle
|
|
230
230
|
})), false, true);
|
|
231
|
-
|
|
232
|
-
|
|
231
|
+
insert(_el$5, ()=>local.title ?? "Chat with us");
|
|
232
|
+
spread(_el$6, mergeProps({
|
|
233
233
|
get onClick () {
|
|
234
234
|
return local.onClose;
|
|
235
235
|
}
|
|
236
236
|
}, ()=>({
|
|
237
|
-
class:
|
|
237
|
+
class: CLASSES.panel.closeButton
|
|
238
238
|
}), {
|
|
239
239
|
get ["aria-label"] () {
|
|
240
240
|
return local.closeLabel ?? "Close chat";
|
|
241
241
|
}
|
|
242
242
|
}), false, true);
|
|
243
|
-
|
|
244
|
-
class:
|
|
243
|
+
spread(_el$7, mergeProps(()=>({
|
|
244
|
+
class: CLASSES.panel.closeIcon
|
|
245
245
|
}), {
|
|
246
246
|
fill: "none",
|
|
247
247
|
viewBox: "0 0 24 24",
|
|
248
248
|
stroke: "currentColor"
|
|
249
249
|
}), true, true);
|
|
250
|
-
|
|
250
|
+
use((element)=>{
|
|
251
251
|
scrollContainer = element;
|
|
252
252
|
}, _el$8);
|
|
253
|
-
|
|
254
|
-
class:
|
|
253
|
+
spread(_el$8, mergeProps(()=>({
|
|
254
|
+
class: CLASSES.panel.messages
|
|
255
255
|
})), false, true);
|
|
256
|
-
|
|
256
|
+
insert(_el$8, createComponent(For, {
|
|
257
257
|
get each () {
|
|
258
258
|
return internalMessages();
|
|
259
259
|
},
|
|
@@ -261,48 +261,48 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
261
261
|
const isUser = "user" === message.sender;
|
|
262
262
|
return (()=>{
|
|
263
263
|
var _el$1 = _tmpl$3(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling;
|
|
264
|
-
|
|
265
|
-
class:
|
|
264
|
+
spread(_el$1, mergeProps(()=>({
|
|
265
|
+
class: twMerge(CLASSES.panel.row, isUser ? CLASSES.panel.rowUser : CLASSES.panel.rowAgent)
|
|
266
266
|
})), false, true);
|
|
267
|
-
|
|
268
|
-
class:
|
|
267
|
+
spread(_el$10, mergeProps(()=>({
|
|
268
|
+
class: twMerge(CLASSES.panel.avatar, isUser ? CLASSES.panel.avatarUser : CLASSES.panel.avatarAgent)
|
|
269
269
|
})), false, true);
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
class:
|
|
270
|
+
insert(_el$10, isUser ? "U" : "A");
|
|
271
|
+
spread(_el$11, mergeProps(()=>({
|
|
272
|
+
class: twMerge(CLASSES.panel.messageColumn, isUser ? CLASSES.panel.messageColumnUser : CLASSES.panel.messageColumnAgent)
|
|
273
273
|
})), false, true);
|
|
274
|
-
|
|
275
|
-
class:
|
|
274
|
+
spread(_el$12, mergeProps(()=>({
|
|
275
|
+
class: twMerge(CLASSES.panel.messageBubble, isUser ? CLASSES.panel.messageBubbleUser : CLASSES.panel.messageBubbleAgent)
|
|
276
276
|
})), false, true);
|
|
277
|
-
|
|
278
|
-
class:
|
|
277
|
+
spread(_el$13, mergeProps(()=>({
|
|
278
|
+
class: CLASSES.panel.messageText
|
|
279
279
|
})), false, true);
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
class:
|
|
280
|
+
insert(_el$13, ()=>message.content);
|
|
281
|
+
spread(_el$14, mergeProps(()=>({
|
|
282
|
+
class: CLASSES.panel.timestamp
|
|
283
283
|
})), false, true);
|
|
284
|
-
|
|
284
|
+
insert(_el$14, ()=>formatTime(message.timestamp));
|
|
285
285
|
return _el$1;
|
|
286
286
|
})();
|
|
287
287
|
}
|
|
288
288
|
}), null);
|
|
289
|
-
|
|
289
|
+
insert(_el$8, createComponent(Show, {
|
|
290
290
|
get when () {
|
|
291
291
|
return 0 === internalMessages().length;
|
|
292
292
|
},
|
|
293
293
|
get children () {
|
|
294
294
|
var _el$9 = _tmpl$();
|
|
295
|
-
|
|
296
|
-
class:
|
|
295
|
+
spread(_el$9, mergeProps(()=>({
|
|
296
|
+
class: CLASSES.panel.empty
|
|
297
297
|
})), false, true);
|
|
298
|
-
|
|
298
|
+
insert(_el$9, ()=>local.emptyMessage ?? "No messages yet. Start a conversation!");
|
|
299
299
|
return _el$9;
|
|
300
300
|
}
|
|
301
301
|
}), null);
|
|
302
|
-
|
|
303
|
-
class:
|
|
302
|
+
spread(_el$0, mergeProps(()=>({
|
|
303
|
+
class: CLASSES.panel.inputArea
|
|
304
304
|
})), false, true);
|
|
305
|
-
|
|
305
|
+
insert(_el$0, createComponent(external_input_index_js_default, mergeProps({
|
|
306
306
|
type: "text",
|
|
307
307
|
get value () {
|
|
308
308
|
return inputValue();
|
|
@@ -316,27 +316,27 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
|
|
|
316
316
|
return isSending();
|
|
317
317
|
}
|
|
318
318
|
}, ()=>({
|
|
319
|
-
class:
|
|
319
|
+
class: CLASSES.panel.input
|
|
320
320
|
}))), null);
|
|
321
|
-
|
|
321
|
+
insert(_el$0, createComponent(index_js_default, mergeProps({
|
|
322
322
|
onClick: handleSend,
|
|
323
323
|
get isDisabled () {
|
|
324
324
|
return !inputValue().trim() || isSending();
|
|
325
325
|
}
|
|
326
326
|
}, ()=>({
|
|
327
|
-
class:
|
|
327
|
+
class: CLASSES.panel.sendButton
|
|
328
328
|
}), {
|
|
329
329
|
variant: "primary",
|
|
330
330
|
get children () {
|
|
331
|
-
return
|
|
331
|
+
return createComponent(Show, {
|
|
332
332
|
get when () {
|
|
333
333
|
return !isSending();
|
|
334
334
|
},
|
|
335
335
|
get fallback () {
|
|
336
336
|
return (()=>{
|
|
337
337
|
var _el$15 = _tmpl$4();
|
|
338
|
-
|
|
339
|
-
class:
|
|
338
|
+
spread(_el$15, mergeProps(()=>({
|
|
339
|
+
class: CLASSES.panel.spinner
|
|
340
340
|
})), false, false);
|
|
341
341
|
return _el$15;
|
|
342
342
|
})();
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
var __webpack_exports__LiveChatPanel = __WEBPACK_EXTERNAL_MODULE__LiveChatPanel_js_aa84e738__["default"];
|
|
5
|
-
export { __webpack_exports__LiveChatBubble as LiveChatBubble, __webpack_exports__LiveChatPanel as LiveChatPanel };
|
|
1
|
+
import external_LiveChatBubble_js_default from "./LiveChatBubble.js";
|
|
2
|
+
import external_LiveChatPanel_js_default from "./LiveChatPanel.js";
|
|
3
|
+
export { external_LiveChatBubble_js_default as LiveChatBubble, external_LiveChatPanel_js_default as LiveChatPanel };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Menu.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { For, createMemo, createSignal, splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Menu.classes.js";
|
|
6
|
+
import { MenuContext } from "./context.js";
|
|
7
|
+
import external_MenuItem_js_default, { MenuItemIndicator, MenuItemRoot } from "./MenuItem.js";
|
|
8
|
+
import external_MenuSection_js_default, { MenuSectionRoot } from "./MenuSection.js";
|
|
9
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
10
10
|
const normalizeKeys = (keys)=>{
|
|
11
11
|
if (!keys) return new Set();
|
|
12
12
|
return new Set(Array.from(keys, (key)=>String(key)));
|
|
@@ -25,7 +25,7 @@ const invokeEventHandler = (handler, event)=>{
|
|
|
25
25
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
26
26
|
};
|
|
27
27
|
const MenuRoot = (props)=>{
|
|
28
|
-
const [local, others] =
|
|
28
|
+
const [local, others] = splitProps(props, [
|
|
29
29
|
"children",
|
|
30
30
|
"class",
|
|
31
31
|
"className",
|
|
@@ -45,14 +45,14 @@ const MenuRoot = (props)=>{
|
|
|
45
45
|
"role",
|
|
46
46
|
"onKeyDown"
|
|
47
47
|
]);
|
|
48
|
-
const [internalSelectedKeys, setInternalSelectedKeys] =
|
|
49
|
-
const [focusedKey, setFocusedKey] =
|
|
50
|
-
const [registeredItems, setRegisteredItems] =
|
|
48
|
+
const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(normalizeKeys(local.defaultSelectedKeys));
|
|
49
|
+
const [focusedKey, setFocusedKey] = createSignal();
|
|
50
|
+
const [registeredItems, setRegisteredItems] = createSignal([]);
|
|
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 =
|
|
55
|
-
const disabledKeys =
|
|
54
|
+
const selectedKeys = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
|
|
55
|
+
const disabledKeys = 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;
|
|
@@ -152,7 +152,7 @@ const MenuRoot = (props)=>{
|
|
|
152
152
|
if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
|
|
153
153
|
if (isItemRenderer) {
|
|
154
154
|
const renderItem = local.children;
|
|
155
|
-
return
|
|
155
|
+
return createComponent(For, {
|
|
156
156
|
get each () {
|
|
157
157
|
return local.items;
|
|
158
158
|
},
|
|
@@ -162,7 +162,7 @@ const MenuRoot = (props)=>{
|
|
|
162
162
|
}
|
|
163
163
|
return resolvedStaticChildren;
|
|
164
164
|
};
|
|
165
|
-
return
|
|
165
|
+
return createComponent(MenuContext.Provider, {
|
|
166
166
|
value: {
|
|
167
167
|
selectionMode,
|
|
168
168
|
selectedKeys,
|
|
@@ -181,7 +181,7 @@ const MenuRoot = (props)=>{
|
|
|
181
181
|
},
|
|
182
182
|
get children () {
|
|
183
183
|
var _el$ = _tmpl$();
|
|
184
|
-
|
|
184
|
+
spread(_el$, mergeProps(others, {
|
|
185
185
|
get role () {
|
|
186
186
|
return local.role ?? "menu";
|
|
187
187
|
},
|
|
@@ -199,28 +199,23 @@ const MenuRoot = (props)=>{
|
|
|
199
199
|
return isDisabled() ? "true" : "false";
|
|
200
200
|
}
|
|
201
201
|
}, ()=>({
|
|
202
|
-
class:
|
|
202
|
+
class: twMerge(CLASSES.Root.base, local.class, local.className)
|
|
203
203
|
}), {
|
|
204
204
|
get style () {
|
|
205
205
|
return local.style;
|
|
206
206
|
},
|
|
207
207
|
onKeyDown: handleKeyDown
|
|
208
208
|
}), false, true);
|
|
209
|
-
|
|
209
|
+
insert(_el$, renderChildren);
|
|
210
210
|
return _el$;
|
|
211
211
|
}
|
|
212
212
|
});
|
|
213
213
|
};
|
|
214
|
-
const
|
|
214
|
+
const Menu_Menu = Object.assign(MenuRoot, {
|
|
215
215
|
Root: MenuRoot,
|
|
216
|
-
Item:
|
|
217
|
-
ItemIndicator:
|
|
218
|
-
Section:
|
|
216
|
+
Item: external_MenuItem_js_default,
|
|
217
|
+
ItemIndicator: MenuItemIndicator,
|
|
218
|
+
Section: external_MenuSection_js_default
|
|
219
219
|
});
|
|
220
|
-
const
|
|
221
|
-
|
|
222
|
-
var __webpack_exports__MenuItemIndicator = __WEBPACK_EXTERNAL_MODULE__MenuItem_js_0945051f__.MenuItemIndicator;
|
|
223
|
-
var __webpack_exports__MenuItemRoot = __WEBPACK_EXTERNAL_MODULE__MenuItem_js_0945051f__.MenuItemRoot;
|
|
224
|
-
var __webpack_exports__MenuSection = __WEBPACK_EXTERNAL_MODULE__MenuSection_js_5f9fc1a1__["default"];
|
|
225
|
-
var __webpack_exports__MenuSectionRoot = __WEBPACK_EXTERNAL_MODULE__MenuSection_js_5f9fc1a1__.MenuSectionRoot;
|
|
226
|
-
export { Menu, MenuRoot, menu_Menu as default, __webpack_exports__MenuItem as MenuItem, __webpack_exports__MenuItemIndicator as MenuItemIndicator, __webpack_exports__MenuItemRoot as MenuItemRoot, __webpack_exports__MenuSection as MenuSection, __webpack_exports__MenuSectionRoot as MenuSectionRoot };
|
|
220
|
+
const Menu = Menu_Menu;
|
|
221
|
+
export { Menu_Menu as Menu, external_MenuItem_js_default as MenuItem, MenuItemIndicator, MenuItemRoot, MenuRoot, external_MenuSection_js_default as MenuSection, MenuSectionRoot, Menu as default };
|