flowbite-svelte 1.23.0 → 1.24.1
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/accordion/Accordion.svelte +1 -1
- package/dist/accordion/Accordion.svelte.d.ts +1 -1
- package/dist/accordion/AccordionItem.svelte +1 -1
- package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
- package/dist/alert/Alert.svelte +1 -1
- package/dist/alert/Alert.svelte.d.ts +1 -1
- package/dist/avatar/Avatar.svelte +1 -1
- package/dist/avatar/Avatar.svelte.d.ts +1 -1
- package/dist/badge/Badge.svelte +1 -1
- package/dist/badge/Badge.svelte.d.ts +1 -1
- package/dist/banner/Banner.svelte +1 -1
- package/dist/banner/Banner.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNav.svelte +1 -1
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
- package/dist/button-group/ButtonGroup.svelte +1 -1
- package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
- package/dist/buttons/Button.svelte +1 -1
- package/dist/buttons/Button.svelte.d.ts +1 -1
- package/dist/buttons/GradientButton.svelte +1 -1
- package/dist/buttons/GradientButton.svelte.d.ts +1 -1
- package/dist/card/Card.svelte +1 -1
- package/dist/card/Card.svelte.d.ts +1 -1
- package/dist/carousel/Carousel.svelte +1 -1
- package/dist/carousel/Carousel.svelte.d.ts +1 -1
- package/dist/carousel/CarouselIndicators.svelte +1 -1
- package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
- package/dist/carousel/ControlButton.svelte +1 -1
- package/dist/carousel/ControlButton.svelte.d.ts +1 -1
- package/dist/carousel/Controls.svelte +1 -1
- package/dist/carousel/Controls.svelte.d.ts +1 -1
- package/dist/carousel/Slide.svelte +1 -1
- package/dist/carousel/Slide.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnail.svelte +1 -1
- package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnails.svelte +1 -1
- package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
- package/dist/clipboard/Clipboard.svelte +1 -1
- package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
- package/dist/command-palette/CommandPalette.svelte +1 -1
- package/dist/command-palette/CommandPalette.svelte.d.ts +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -1
- package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
- package/dist/device-mockups/Android.svelte +1 -1
- package/dist/device-mockups/Android.svelte.d.ts +1 -1
- package/dist/device-mockups/DefaultMockup.svelte +1 -1
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Desktop.svelte +1 -1
- package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
- package/dist/device-mockups/DeviceMockup.svelte +1 -1
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Ios.svelte +1 -1
- package/dist/device-mockups/Ios.svelte.d.ts +1 -1
- package/dist/device-mockups/Laptop.svelte +1 -1
- package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
- package/dist/device-mockups/Smartwatch.svelte +1 -1
- package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
- package/dist/device-mockups/Tablet.svelte +1 -1
- package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
- package/dist/dialog/Dialog.svelte +1 -1
- package/dist/dialog/Dialog.svelte.d.ts +1 -1
- package/dist/drawer/Drawer.svelte +1 -1
- package/dist/drawer/Drawer.svelte.d.ts +1 -1
- package/dist/drawer/DrawerHandle.svelte +1 -1
- package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
- package/dist/drawer/Drawerhead.svelte +1 -1
- package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
- package/dist/dropdown/Dropdown.svelte +1 -1
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownDivider.svelte +1 -1
- package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownGroup.svelte +1 -1
- package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownHeader.svelte +1 -1
- package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownItem.svelte +1 -1
- package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
- package/dist/footer/Footer.svelte +1 -1
- package/dist/footer/Footer.svelte.d.ts +1 -1
- package/dist/footer/FooterBrand.svelte +1 -1
- package/dist/footer/FooterBrand.svelte.d.ts +1 -1
- package/dist/footer/FooterCopyright.svelte +1 -1
- package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
- package/dist/footer/FooterIcon.svelte +1 -1
- package/dist/footer/FooterIcon.svelte.d.ts +1 -1
- package/dist/footer/FooterLink.svelte +1 -1
- package/dist/footer/FooterLink.svelte.d.ts +1 -1
- package/dist/footer/FooterLinkGroup.svelte +1 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
- package/dist/forms/button-toggle/ButtonToggle.svelte +1 -1
- package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts +1 -1
- package/dist/forms/button-toggle/CheckIcon.svelte +1 -1
- package/dist/forms/button-toggle/CheckIcon.svelte.d.ts +1 -1
- package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
- package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
- package/dist/forms/dropzone/Dropzone.svelte +1 -1
- package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
- package/dist/forms/fileupload/Fileupload.svelte +1 -1
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
- package/dist/forms/helper/Helper.svelte +1 -1
- package/dist/forms/helper/Helper.svelte.d.ts +1 -1
- package/dist/forms/input-addon/InputAddon.svelte +1 -1
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- package/dist/forms/label/Label.svelte +1 -1
- package/dist/forms/label/Label.svelte.d.ts +1 -1
- package/dist/forms/range/Range.svelte +1 -1
- package/dist/forms/range/Range.svelte.d.ts +1 -1
- package/dist/forms/search/Search.svelte +1 -1
- package/dist/forms/search/Search.svelte.d.ts +1 -1
- package/dist/forms/textarea/Textarea.svelte +1 -1
- package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
- package/dist/forms/timepicker/Timepicker.svelte +1 -1
- package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
- package/dist/forms/toggle/Toggle.svelte +1 -1
- package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
- package/dist/gallery/Gallery.svelte +1 -1
- package/dist/gallery/Gallery.svelte.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/indicator/Indicator.svelte +1 -1
- package/dist/indicator/Indicator.svelte.d.ts +1 -1
- package/dist/kanban/KanbanCard.svelte +1 -1
- package/dist/kanban/KanbanCard.svelte.d.ts +1 -1
- package/dist/kbd/Kbd.svelte +1 -1
- package/dist/kbd/Kbd.svelte.d.ts +1 -1
- package/dist/list-group/Listgroup.svelte +1 -1
- package/dist/list-group/Listgroup.svelte.d.ts +1 -1
- package/dist/list-group/ListgroupItem.svelte +1 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
- package/dist/mega-menu/MegaMenu.svelte +1 -1
- package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
- package/dist/modal/Modal.svelte +1 -1
- package/dist/modal/Modal.svelte.d.ts +1 -1
- package/dist/navbar/Menu.svelte +1 -1
- package/dist/navbar/Menu.svelte.d.ts +1 -1
- package/dist/navbar/NavBrand.svelte +1 -1
- package/dist/navbar/NavBrand.svelte.d.ts +1 -1
- package/dist/navbar/NavContainer.svelte +1 -1
- package/dist/navbar/NavContainer.svelte.d.ts +1 -1
- package/dist/navbar/NavHamburger.svelte +1 -1
- package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
- package/dist/navbar/NavLi.svelte +1 -1
- package/dist/navbar/NavLi.svelte.d.ts +1 -1
- package/dist/navbar/NavUl.svelte +1 -1
- package/dist/navbar/NavUl.svelte.d.ts +1 -1
- package/dist/navbar/Navbar.svelte +1 -1
- package/dist/navbar/Navbar.svelte.d.ts +1 -1
- package/dist/pagination/Pagination.svelte +1 -1
- package/dist/pagination/Pagination.svelte.d.ts +1 -1
- package/dist/pagination/PaginationButton.svelte +1 -1
- package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
- package/dist/pagination/PaginationItem.svelte +1 -1
- package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
- package/dist/pagination/PaginationNav.svelte +1 -1
- package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
- package/dist/popover/Popover.svelte +1 -1
- package/dist/popover/Popover.svelte.d.ts +1 -1
- package/dist/progress/Progressbar.svelte +1 -1
- package/dist/progress/Progressbar.svelte.d.ts +1 -1
- package/dist/progress/Progressradial.svelte +1 -1
- package/dist/progress/Progressradial.svelte.d.ts +1 -1
- package/dist/rating/AdvancedRating.svelte +1 -1
- package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
- package/dist/rating/CustomIcon.svelte +1 -1
- package/dist/rating/CustomIcon.svelte.d.ts +1 -1
- package/dist/rating/Heart.svelte +1 -1
- package/dist/rating/Heart.svelte.d.ts +1 -1
- package/dist/rating/Rating.svelte +1 -1
- package/dist/rating/Rating.svelte.d.ts +1 -1
- package/dist/rating/RatingComment.svelte +1 -1
- package/dist/rating/RatingComment.svelte.d.ts +1 -1
- package/dist/rating/Review.svelte +1 -1
- package/dist/rating/Review.svelte.d.ts +1 -1
- package/dist/rating/ScoreRating.svelte +1 -1
- package/dist/rating/ScoreRating.svelte.d.ts +1 -1
- package/dist/rating/Star.svelte +1 -1
- package/dist/rating/Star.svelte.d.ts +1 -1
- package/dist/rating/Thumbup.svelte +1 -1
- package/dist/rating/Thumbup.svelte.d.ts +1 -1
- package/dist/scroll-spy/ScrollSpy.svelte +273 -0
- package/dist/scroll-spy/ScrollSpy.svelte.d.ts +23 -0
- package/dist/scroll-spy/index.d.ts +2 -0
- package/dist/scroll-spy/index.js +2 -0
- package/dist/scroll-spy/theme.d.ts +148 -0
- package/dist/scroll-spy/theme.js +66 -0
- package/dist/sidebar/Sidebar.svelte +1 -1
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarBrand.svelte +1 -1
- package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarButton.svelte +1 -1
- package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarCta.svelte +1 -1
- package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarGroup.svelte +1 -1
- package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarItem.svelte +1 -1
- package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +1 -1
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +1 -1
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/Skeleton.svelte +1 -1
- package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +1 -1
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.svelte +1 -1
- package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
- package/dist/spinner/Spinner.svelte +1 -1
- package/dist/spinner/Spinner.svelte.d.ts +1 -1
- package/dist/split-pane/Divider.svelte +4 -2
- package/dist/split-pane/Divider.svelte.d.ts +2 -1
- package/dist/split-pane/Pane.svelte +10 -2
- package/dist/split-pane/Pane.svelte.d.ts +1 -1
- package/dist/split-pane/SplitPane.svelte +80 -1
- package/dist/split-pane/SplitPane.svelte.d.ts +2 -1
- package/dist/step-indicator/StepIndicator.svelte +1 -1
- package/dist/step-indicator/StepIndicator.svelte.d.ts +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
- package/dist/stepper/DetailedStepper.svelte +1 -1
- package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
- package/dist/stepper/ProgressStepper.svelte +1 -1
- package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
- package/dist/stepper/Stepper.svelte +1 -1
- package/dist/stepper/Stepper.svelte.d.ts +1 -1
- package/dist/stepper/TimelineStepper.svelte +1 -1
- package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
- package/dist/stepper/VerticalStepper.svelte +1 -1
- package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
- package/dist/table/Table.svelte +1 -1
- package/dist/table/Table.svelte.d.ts +1 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBody.svelte.d.ts +1 -1
- package/dist/table/TableBodyCell.svelte +1 -1
- package/dist/table/TableBodyCell.svelte.d.ts +1 -1
- package/dist/table/TableBodyRow.svelte +1 -1
- package/dist/table/TableBodyRow.svelte.d.ts +1 -1
- package/dist/table/TableHead.svelte +1 -1
- package/dist/table/TableHead.svelte.d.ts +1 -1
- package/dist/table/TableHeadCell.svelte +1 -1
- package/dist/table/TableHeadCell.svelte.d.ts +1 -1
- package/dist/table/TableSearch.svelte +1 -1
- package/dist/table/TableSearch.svelte.d.ts +1 -1
- package/dist/tabs/TabItem.svelte +1 -1
- package/dist/tabs/TabItem.svelte.d.ts +1 -1
- package/dist/tabs/Tabs.svelte +1 -1
- package/dist/tabs/Tabs.svelte.d.ts +1 -1
- package/dist/theme/themes.d.ts +1 -0
- package/dist/theme/themes.js +1 -0
- package/dist/timeline/Activity.svelte +1 -1
- package/dist/timeline/Activity.svelte.d.ts +1 -1
- package/dist/timeline/ActivityItem.svelte +1 -1
- package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
- package/dist/timeline/Group.svelte +1 -1
- package/dist/timeline/Group.svelte.d.ts +1 -1
- package/dist/timeline/GroupItem.svelte +1 -1
- package/dist/timeline/GroupItem.svelte.d.ts +1 -1
- package/dist/timeline/Timeline.svelte +1 -1
- package/dist/timeline/Timeline.svelte.d.ts +1 -1
- package/dist/timeline/TimelineItem.svelte +1 -1
- package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
- package/dist/toast/Toast.svelte +1 -1
- package/dist/toast/Toast.svelte.d.ts +1 -1
- package/dist/toolbar/Toolbar.svelte +1 -1
- package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarButton.svelte +1 -1
- package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +1 -1
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
- package/dist/tooltip/Tooltip.svelte +1 -1
- package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
- package/dist/types.d.ts +31 -0
- package/dist/typography/a/A.svelte +1 -1
- package/dist/typography/a/A.svelte.d.ts +1 -1
- package/dist/typography/blockquote/Blockquote.svelte +1 -1
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
- package/dist/typography/heading/Heading.svelte +1 -1
- package/dist/typography/heading/Heading.svelte.d.ts +1 -1
- package/dist/typography/img/EnhancedImg.svelte +1 -1
- package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
- package/dist/typography/img/Img.svelte +1 -1
- package/dist/typography/img/Img.svelte.d.ts +1 -1
- package/dist/typography/layout/Layout.svelte +1 -1
- package/dist/typography/layout/Layout.svelte.d.ts +1 -1
- package/dist/typography/list/Li.svelte +1 -1
- package/dist/typography/list/Li.svelte.d.ts +1 -1
- package/dist/typography/list/List.svelte +1 -1
- package/dist/typography/list/List.svelte.d.ts +1 -1
- package/dist/typography/mark/Mark.svelte +1 -1
- package/dist/typography/mark/Mark.svelte.d.ts +1 -1
- package/dist/typography/paragraph/P.svelte +1 -1
- package/dist/typography/paragraph/P.svelte.d.ts +1 -1
- package/dist/typography/secondary/Secondary.svelte +1 -1
- package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
- package/dist/typography/span/Span.svelte +1 -1
- package/dist/typography/span/Span.svelte.d.ts +1 -1
- package/dist/utils/Arrow.svelte +1 -1
- package/dist/utils/Arrow.svelte.d.ts +1 -1
- package/dist/utils/CloseButton.svelte +1 -1
- package/dist/utils/CloseButton.svelte.d.ts +1 -1
- package/dist/utils/Popper.svelte +1 -1
- package/dist/utils/Popper.svelte.d.ts +1 -1
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +5 -1
|
@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop icon
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
@component
|
|
112
112
|
[Go to docs](https://flowbite-svelte.com/)
|
|
113
113
|
## Type
|
|
114
|
-
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
114
|
+
[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1432)
|
|
115
115
|
## Props
|
|
116
116
|
@prop children
|
|
117
117
|
@prop arrowup
|
|
@@ -2,7 +2,7 @@ import type { SidebarDropdownWrapperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1432)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop arrowup
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
@component
|
|
14
14
|
[Go to docs](https://flowbite-svelte.com/)
|
|
15
15
|
## Type
|
|
16
|
-
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
16
|
+
[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1449)
|
|
17
17
|
## Props
|
|
18
18
|
@prop children
|
|
19
19
|
@prop class: className = "space-y-2"
|
|
@@ -2,7 +2,7 @@ import type { SidebarGroupProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1449)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className = "space-y-2"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
@component
|
|
31
31
|
[Go to docs](https://flowbite-svelte.com/)
|
|
32
32
|
## Type
|
|
33
|
-
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
33
|
+
[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
|
|
34
34
|
## Props
|
|
35
35
|
@prop icon
|
|
36
36
|
@prop subtext
|
|
@@ -2,7 +2,7 @@ import type { SidebarItemProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop icon
|
|
8
8
|
* @prop subtext
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
@component
|
|
42
42
|
[Go to docs](https://flowbite-svelte.com/)
|
|
43
43
|
## Type
|
|
44
|
-
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
44
|
+
[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1467)
|
|
45
45
|
## Props
|
|
46
46
|
@prop size = "sm"
|
|
47
47
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { CardPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1467)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
@component
|
|
71
71
|
[Go to docs](https://flowbite-svelte.com/)
|
|
72
72
|
## Type
|
|
73
|
-
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
73
|
+
[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1471)
|
|
74
74
|
## Props
|
|
75
75
|
@prop size = "md"
|
|
76
76
|
@prop rounded
|
|
@@ -2,7 +2,7 @@ import type { ImagePlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1471)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "md"
|
|
8
8
|
* @prop rounded
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
@component
|
|
51
51
|
[Go to docs](https://flowbite-svelte.com/)
|
|
52
52
|
## Type
|
|
53
|
-
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
53
|
+
[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1477)
|
|
54
54
|
## Props
|
|
55
55
|
@prop itemNumber = 5
|
|
56
56
|
@prop size = "md"
|
|
@@ -2,7 +2,7 @@ import type { ListPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1477)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop itemNumber = 5
|
|
8
8
|
* @prop size = "md"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
@component
|
|
43
43
|
[Go to docs](https://flowbite-svelte.com/)
|
|
44
44
|
## Type
|
|
45
|
-
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
45
|
+
[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1483)
|
|
46
46
|
## Props
|
|
47
47
|
@prop size = "sm"
|
|
48
48
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { SkeletonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1483)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
@component
|
|
53
53
|
[Go to docs](https://flowbite-svelte.com/)
|
|
54
54
|
## Type
|
|
55
|
-
[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
55
|
+
[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
|
|
56
56
|
## Props
|
|
57
57
|
@prop class: className
|
|
58
58
|
@prop classes
|
|
@@ -2,7 +2,7 @@ import type { TestimonialPlaceholderProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop class: className
|
|
8
8
|
* @prop classes
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
@component
|
|
78
78
|
[Go to docs](https://flowbite-svelte.com/)
|
|
79
79
|
## Type
|
|
80
|
-
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
80
|
+
[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1489)
|
|
81
81
|
## Props
|
|
82
82
|
@prop size = "sm"
|
|
83
83
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { TextPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1489)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1493)
|
|
28
28
|
## Props
|
|
29
29
|
@prop size = "sm"
|
|
30
30
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { VideoPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1493)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "sm"
|
|
8
8
|
* @prop class: className
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
@component
|
|
31
31
|
[Go to docs](https://flowbite-svelte.com/)
|
|
32
32
|
## Type
|
|
33
|
-
[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
33
|
+
[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1497)
|
|
34
34
|
## Props
|
|
35
35
|
@prop class: className
|
|
36
36
|
@prop classes
|
|
@@ -2,7 +2,7 @@ import type { WidgetPlaceholderProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1497)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop class: className
|
|
8
8
|
* @prop classes
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@component
|
|
48
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
49
49
|
## Type
|
|
50
|
-
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1529)
|
|
51
51
|
## Props
|
|
52
52
|
@prop children
|
|
53
53
|
@prop popperClass
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1529)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop popperClass
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
@component
|
|
54
54
|
[Go to docs](https://flowbite-svelte.com/)
|
|
55
55
|
## Type
|
|
56
|
-
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
56
|
+
[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1544)
|
|
57
57
|
## Props
|
|
58
58
|
@prop children
|
|
59
59
|
@prop name = ""
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1544)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = ""
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1527)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop name = "Open actions menu"
|
|
@@ -2,7 +2,7 @@ import type { SpeedDialTriggerProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1527)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop name = "Open actions menu"
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@component
|
|
27
27
|
[Go to docs](https://flowbite-svelte.com/)
|
|
28
28
|
## Type
|
|
29
|
-
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
29
|
+
[SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1554)
|
|
30
30
|
## Props
|
|
31
31
|
@prop color = "primary"
|
|
32
32
|
@prop size = "8"
|
|
@@ -2,7 +2,7 @@ import type { SpinnerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1554)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop color = "primary"
|
|
8
8
|
* @prop size = "8"
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { getTheme } from "../theme/themeUtils";
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
|
|
7
|
-
let { direction, index, onMouseDown, onKeyDown, isDragging, currentSize, class: className = "" }: DividerProps = $props();
|
|
7
|
+
let { direction, index, onMouseDown, onTouchStart, onKeyDown, isDragging, currentSize, class: className = "" }: DividerProps = $props();
|
|
8
8
|
|
|
9
9
|
const themePane = getTheme("divider");
|
|
10
10
|
const themeDividerHitArea = getTheme("dividerHitArea");
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
aria-valuetext={`${roundedSize} percent`}
|
|
27
27
|
class={divider({ direction, isDragging, class: clsx(themePane, className) })}
|
|
28
28
|
onmousedown={(e) => onMouseDown(e, index)}
|
|
29
|
+
ontouchstart={(e) => onTouchStart(e, index)}
|
|
29
30
|
onkeydown={(e) => onKeyDown(e, index)}
|
|
30
31
|
>
|
|
31
32
|
<div class={dividerHitArea({ direction, class: clsx(themeDividerHitArea, className) })}></div>
|
|
@@ -35,11 +36,12 @@
|
|
|
35
36
|
@component
|
|
36
37
|
[Go to docs](https://flowbite-svelte.com/)
|
|
37
38
|
## Type
|
|
38
|
-
[DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
39
|
+
[DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2148)
|
|
39
40
|
## Props
|
|
40
41
|
@prop direction
|
|
41
42
|
@prop index
|
|
42
43
|
@prop onMouseDown
|
|
44
|
+
@prop onTouchStart
|
|
43
45
|
@prop onKeyDown
|
|
44
46
|
@prop isDragging
|
|
45
47
|
@prop currentSize
|
|
@@ -2,11 +2,12 @@ import type { DividerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2148)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop direction
|
|
8
8
|
* @prop index
|
|
9
9
|
* @prop onMouseDown
|
|
10
|
+
* @prop onTouchStart
|
|
10
11
|
* @prop onKeyDown
|
|
11
12
|
* @prop isDragging
|
|
12
13
|
* @prop currentSize
|
|
@@ -32,14 +32,22 @@
|
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
34
|
{#if showDivider && context}
|
|
35
|
-
<Divider
|
|
35
|
+
<Divider
|
|
36
|
+
{direction}
|
|
37
|
+
index={paneIndex}
|
|
38
|
+
{isDragging}
|
|
39
|
+
currentSize={context.getPaneSize(paneIndex)}
|
|
40
|
+
onMouseDown={context.onMouseDown}
|
|
41
|
+
onTouchStart={context.onTouchStart}
|
|
42
|
+
onKeyDown={context.onKeyDown}
|
|
43
|
+
/>
|
|
36
44
|
{/if}
|
|
37
45
|
|
|
38
46
|
<!--
|
|
39
47
|
@component
|
|
40
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
41
49
|
## Type
|
|
42
|
-
[PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
|
|
43
51
|
## Props
|
|
44
52
|
@prop children
|
|
45
53
|
@prop class: className = ""
|
|
@@ -2,7 +2,7 @@ import type { PaneProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className = ""
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
getDirection: () => "horizontal" | "vertical";
|
|
12
12
|
getIsDragging: () => boolean;
|
|
13
13
|
onMouseDown: (e: MouseEvent, index: number) => void;
|
|
14
|
+
onTouchStart: (e: TouchEvent, index: number) => void;
|
|
14
15
|
onKeyDown: (e: KeyboardEvent, index: number) => void;
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -106,6 +107,7 @@
|
|
|
106
107
|
getDirection: () => currentDirection,
|
|
107
108
|
getIsDragging: () => isDragging,
|
|
108
109
|
onMouseDown: startResize,
|
|
110
|
+
onTouchStart: startTouchResize,
|
|
109
111
|
onKeyDown: handleKeyResize
|
|
110
112
|
});
|
|
111
113
|
|
|
@@ -281,6 +283,34 @@
|
|
|
281
283
|
document.body.style.userSelect = "";
|
|
282
284
|
}
|
|
283
285
|
|
|
286
|
+
function startTouchResize(e: TouchEvent, index: number) {
|
|
287
|
+
e.preventDefault();
|
|
288
|
+
isDragging = true;
|
|
289
|
+
transition = false;
|
|
290
|
+
|
|
291
|
+
const touch = e.touches[0];
|
|
292
|
+
startPos = currentDirection === "horizontal" ? touch.clientX : touch.clientY;
|
|
293
|
+
|
|
294
|
+
const moveHandler = (ev: TouchEvent) => resizeTouch(ev, index);
|
|
295
|
+
const endHandler = () => stopTouchResize(moveHandler, endHandler);
|
|
296
|
+
|
|
297
|
+
window.addEventListener("touchmove", moveHandler, { passive: false });
|
|
298
|
+
window.addEventListener("touchend", endHandler);
|
|
299
|
+
window.addEventListener("touchcancel", endHandler);
|
|
300
|
+
|
|
301
|
+
document.body.style.userSelect = "none";
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
function stopTouchResize(moveHandler: (e: TouchEvent) => void, endHandler: () => void) {
|
|
305
|
+
isDragging = false;
|
|
306
|
+
transition = transitionProp;
|
|
307
|
+
window.removeEventListener("touchmove", moveHandler);
|
|
308
|
+
window.removeEventListener("touchend", endHandler);
|
|
309
|
+
window.removeEventListener("touchcancel", endHandler);
|
|
310
|
+
|
|
311
|
+
document.body.style.userSelect = "";
|
|
312
|
+
}
|
|
313
|
+
|
|
284
314
|
function resize(e: MouseEvent, index: number) {
|
|
285
315
|
if (!isDragging || !container) return;
|
|
286
316
|
if (index < 0 || index + 1 >= sizes.length) return;
|
|
@@ -327,6 +357,55 @@
|
|
|
327
357
|
}
|
|
328
358
|
}
|
|
329
359
|
|
|
360
|
+
function resizeTouch(e: TouchEvent, index: number) {
|
|
361
|
+
if (!isDragging || !container) return;
|
|
362
|
+
if (index < 0 || index + 1 >= sizes.length) return;
|
|
363
|
+
|
|
364
|
+
e.preventDefault(); // Prevent scrolling while dragging
|
|
365
|
+
|
|
366
|
+
const touch = e.touches[0];
|
|
367
|
+
const currentPos = currentDirection === "horizontal" ? touch.clientX : touch.clientY;
|
|
368
|
+
const delta = currentPos - startPos;
|
|
369
|
+
|
|
370
|
+
if (Math.abs(delta) < MIN_DELTA) return; // Ignore very small movements
|
|
371
|
+
|
|
372
|
+
const containerSize = currentDirection === "horizontal" ? container.offsetWidth : container.offsetHeight;
|
|
373
|
+
|
|
374
|
+
// Bail out if container has zero or near-zero dimensions
|
|
375
|
+
if (containerSize < 1) return;
|
|
376
|
+
|
|
377
|
+
const deltaPercent = (delta / containerSize) * 100;
|
|
378
|
+
|
|
379
|
+
// Calculate min as percentage based on current container size
|
|
380
|
+
const minPercent = (minSize / containerSize) * 100;
|
|
381
|
+
|
|
382
|
+
// Store original sizes
|
|
383
|
+
const oldSize1 = sizes[index];
|
|
384
|
+
const oldSize2 = sizes[index + 1];
|
|
385
|
+
const totalSize = oldSize1 + oldSize2;
|
|
386
|
+
|
|
387
|
+
// Calculate desired new sizes
|
|
388
|
+
let newSize1 = oldSize1 + deltaPercent;
|
|
389
|
+
let newSize2 = oldSize2 - deltaPercent;
|
|
390
|
+
|
|
391
|
+
// Apply minimum constraints - clamp to valid range
|
|
392
|
+
newSize1 = Math.max(minPercent, newSize1);
|
|
393
|
+
newSize2 = totalSize - newSize1;
|
|
394
|
+
|
|
395
|
+
// Check if second pane violates minimum constraint after first pane clamping
|
|
396
|
+
if (newSize2 < minPercent) {
|
|
397
|
+
newSize2 = minPercent;
|
|
398
|
+
newSize1 = totalSize - newSize2;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
// Only update if changed significantly
|
|
402
|
+
if (Math.abs(newSize1 - oldSize1) > MIN_CHANGE_THRESHOLD) {
|
|
403
|
+
sizes[index] = newSize1;
|
|
404
|
+
sizes[index + 1] = newSize2;
|
|
405
|
+
startPos = currentPos;
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
|
|
330
409
|
function handleKeyResize(e: KeyboardEvent, index: number) {
|
|
331
410
|
if (!container) return;
|
|
332
411
|
if (index < 0 || index + 1 >= sizes.length) return;
|
|
@@ -387,7 +466,7 @@
|
|
|
387
466
|
@component
|
|
388
467
|
[Go to docs](https://flowbite-svelte.com/)
|
|
389
468
|
## Type
|
|
390
|
-
[SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
469
|
+
[SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2128)
|
|
391
470
|
## Props
|
|
392
471
|
@prop direction = "horizontal"
|
|
393
472
|
@prop minSize = 100
|
|
@@ -6,6 +6,7 @@ interface SplitPaneContext {
|
|
|
6
6
|
getDirection: () => "horizontal" | "vertical";
|
|
7
7
|
getIsDragging: () => boolean;
|
|
8
8
|
onMouseDown: (e: MouseEvent, index: number) => void;
|
|
9
|
+
onTouchStart: (e: TouchEvent, index: number) => void;
|
|
9
10
|
onKeyDown: (e: KeyboardEvent, index: number) => void;
|
|
10
11
|
}
|
|
11
12
|
export declare function setSplitPaneContext(ctx: SplitPaneContext): void;
|
|
@@ -14,7 +15,7 @@ import type { SplitPaneProps } from "../types";
|
|
|
14
15
|
/**
|
|
15
16
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
16
17
|
* ## Type
|
|
17
|
-
* [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
18
|
+
* [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2128)
|
|
18
19
|
* ## Props
|
|
19
20
|
* @prop direction = "horizontal"
|
|
20
21
|
* @prop minSize = 100
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
@component
|
|
67
67
|
[Go to docs](https://flowbite-svelte.com/)
|
|
68
68
|
## Type
|
|
69
|
-
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
69
|
+
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1562)
|
|
70
70
|
## Props
|
|
71
71
|
@prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
72
72
|
@prop currentStep = 1
|
|
@@ -2,7 +2,7 @@ import type { StepIndicatorProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1562)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
8
8
|
* @prop currentStep = 1
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
@component
|
|
56
56
|
[Go to docs](https://flowbite-svelte.com/)
|
|
57
57
|
## Type
|
|
58
|
-
[BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
58
|
+
[BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1642)
|
|
59
59
|
## Props
|
|
60
60
|
@prop children
|
|
61
61
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import type { BreadcrumbStepperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1642)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
@component
|
|
43
43
|
[Go to docs](https://flowbite-svelte.com/)
|
|
44
44
|
## Type
|
|
45
|
-
[DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
45
|
+
[DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
|
|
46
46
|
## Props
|
|
47
47
|
@prop children
|
|
48
48
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import type { DetailedStepperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
@component
|
|
55
55
|
[Go to docs](https://flowbite-svelte.com/)
|
|
56
56
|
## Type
|
|
57
|
-
[ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
57
|
+
[ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1596)
|
|
58
58
|
## Props
|
|
59
59
|
@prop children
|
|
60
60
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import type { ProgressStepperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1596)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
@component
|
|
59
59
|
[Go to docs](https://flowbite-svelte.com/)
|
|
60
60
|
## Type
|
|
61
|
-
[StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
61
|
+
[StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
|
|
62
62
|
## Props
|
|
63
63
|
@prop children
|
|
64
64
|
@prop steps = []
|
|
@@ -2,7 +2,7 @@ import type { StepperProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop steps = []
|