flowbite-svelte 0.46.1 → 0.46.2
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/README.md +0 -35
- package/dist/accordion/Accordion.svelte +12 -12
- package/dist/accordion/Accordion.svelte.d.ts +0 -1
- package/dist/accordion/AccordionItem.svelte +32 -42
- package/dist/accordion/AccordionItem.svelte.d.ts +0 -1
- package/dist/alert/Alert.svelte +5 -5
- package/dist/alert/Alert.svelte.d.ts +0 -1
- package/dist/avatar/Avatar.svelte +15 -15
- package/dist/avatar/Avatar.svelte.d.ts +0 -1
- package/dist/badge/Badge.svelte +48 -49
- package/dist/badge/Badge.svelte.d.ts +0 -1
- package/dist/banner/Banner.svelte +20 -20
- package/dist/banner/Banner.svelte.d.ts +0 -1
- package/dist/bottom-navigation/BottomNav.svelte +32 -34
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +0 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte +3 -3
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +0 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +4 -4
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +0 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +30 -31
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +0 -1
- package/dist/breadcrumb/Breadcrumb.svelte +5 -5
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +0 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +5 -5
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +0 -1
- package/dist/button-group/ButtonGroup.svelte +5 -5
- package/dist/button-group/ButtonGroup.svelte.d.ts +0 -1
- package/dist/buttons/Button.svelte +91 -71
- package/dist/buttons/Button.svelte.d.ts +1 -1
- package/dist/buttons/GradientButton.svelte +44 -38
- package/dist/buttons/GradientButton.svelte.d.ts +0 -1
- package/dist/cards/Card.svelte +24 -22
- package/dist/cards/Card.svelte.d.ts +1 -1
- package/dist/carousel/Carousel.svelte +97 -116
- package/dist/carousel/Carousel.svelte.d.ts +2 -1
- package/dist/carousel/CarouselSlide.d.ts +0 -1
- package/dist/carousel/ControlButton.svelte +2 -2
- package/dist/carousel/ControlButton.svelte.d.ts +0 -1
- package/dist/carousel/Controls.svelte +27 -28
- package/dist/carousel/Controls.svelte.d.ts +0 -1
- package/dist/carousel/Indicators.svelte +6 -6
- package/dist/carousel/Indicators.svelte.d.ts +0 -1
- package/dist/carousel/Slide.svelte +16 -16
- package/dist/carousel/Slide.svelte.d.ts +0 -1
- package/dist/carousel/Thumbnail.svelte +3 -3
- package/dist/carousel/Thumbnail.svelte.d.ts +0 -1
- package/dist/carousel/Thumbnails.svelte +15 -15
- package/dist/carousel/Thumbnails.svelte.d.ts +0 -1
- package/dist/charts/Chart.svelte +15 -15
- package/dist/charts/Chart.svelte.d.ts +0 -1
- package/dist/darkmode/DarkMode.svelte +11 -12
- package/dist/darkmode/DarkMode.svelte.d.ts +0 -1
- package/dist/datepicker/Calender.svelte.d.ts +0 -1
- package/dist/datepicker/Datepicker.svelte +10 -13
- package/dist/datepicker/Datepicker.svelte.d.ts +0 -1
- package/dist/device-mockups/Android.svelte +8 -8
- package/dist/device-mockups/Android.svelte.d.ts +0 -1
- package/dist/device-mockups/DefaultMockup.svelte +7 -7
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +0 -1
- package/dist/device-mockups/Desktop.svelte +5 -5
- package/dist/device-mockups/Desktop.svelte.d.ts +0 -1
- package/dist/device-mockups/DeviceMockup.svelte +15 -15
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +0 -1
- package/dist/device-mockups/Ios.svelte +7 -7
- package/dist/device-mockups/Ios.svelte.d.ts +0 -1
- package/dist/device-mockups/Laptop.svelte +5 -5
- package/dist/device-mockups/Laptop.svelte.d.ts +0 -1
- package/dist/device-mockups/Smartwatch.svelte +7 -7
- package/dist/device-mockups/Smartwatch.svelte.d.ts +0 -1
- package/dist/device-mockups/Tablet.svelte +7 -7
- package/dist/device-mockups/Tablet.svelte.d.ts +0 -1
- package/dist/drawer/Drawer.svelte +32 -32
- package/dist/drawer/Drawer.svelte.d.ts +0 -1
- package/dist/dropdown/Dropdown.svelte +24 -26
- package/dist/dropdown/Dropdown.svelte.d.ts +0 -1
- package/dist/dropdown/DropdownDivider.svelte +2 -2
- package/dist/dropdown/DropdownDivider.svelte.d.ts +0 -1
- package/dist/dropdown/DropdownHeader.svelte +3 -3
- package/dist/dropdown/DropdownHeader.svelte.d.ts +0 -1
- package/dist/dropdown/DropdownItem.svelte +12 -17
- package/dist/dropdown/DropdownItem.svelte.d.ts +0 -1
- package/dist/footer/Footer.svelte +3 -3
- package/dist/footer/Footer.svelte.d.ts +0 -1
- package/dist/footer/FooterBrand.svelte +9 -9
- package/dist/footer/FooterBrand.svelte.d.ts +0 -1
- package/dist/footer/FooterCopyright.svelte +8 -8
- package/dist/footer/FooterCopyright.svelte.d.ts +0 -1
- package/dist/footer/FooterIcon.svelte +5 -5
- package/dist/footer/FooterIcon.svelte.d.ts +0 -1
- package/dist/footer/FooterLink.svelte +5 -5
- package/dist/footer/FooterLink.svelte.d.ts +0 -1
- package/dist/footer/FooterLinkGroup.svelte +2 -2
- package/dist/footer/FooterLinkGroup.svelte.d.ts +0 -1
- package/dist/forms/Checkbox.svelte +27 -36
- package/dist/forms/Checkbox.svelte.d.ts +0 -1
- package/dist/forms/CheckboxButton.svelte +25 -33
- package/dist/forms/CheckboxButton.svelte.d.ts +0 -1
- package/dist/forms/Dropzone.svelte +10 -10
- package/dist/forms/Dropzone.svelte.d.ts +0 -1
- package/dist/forms/Fileupload.svelte +5 -5
- package/dist/forms/Fileupload.svelte.d.ts +0 -1
- package/dist/forms/FloatingLabelInput.svelte +46 -46
- package/dist/forms/FloatingLabelInput.svelte.d.ts +0 -1
- package/dist/forms/Helper.svelte +7 -7
- package/dist/forms/Helper.svelte.d.ts +0 -1
- package/dist/forms/Input.svelte +30 -31
- package/dist/forms/Input.svelte.d.ts +0 -1
- package/dist/forms/InputAddon.svelte +16 -19
- package/dist/forms/InputAddon.svelte.d.ts +0 -1
- package/dist/forms/Label.svelte +9 -10
- package/dist/forms/Label.svelte.d.ts +0 -1
- package/dist/forms/MultiSelect.svelte +69 -92
- package/dist/forms/MultiSelect.svelte.d.ts +1 -2
- package/dist/forms/NumberInput.svelte +1 -1
- package/dist/forms/NumberInput.svelte.d.ts +0 -1
- package/dist/forms/Radio.svelte +19 -21
- package/dist/forms/Radio.svelte.d.ts +0 -1
- package/dist/forms/RadioButton.svelte +7 -8
- package/dist/forms/RadioButton.svelte.d.ts +0 -1
- package/dist/forms/Range.svelte +6 -6
- package/dist/forms/Range.svelte.d.ts +0 -1
- package/dist/forms/Search.svelte +8 -8
- package/dist/forms/Search.svelte.d.ts +0 -1
- package/dist/forms/Select.svelte +14 -14
- package/dist/forms/Select.svelte.d.ts +0 -1
- package/dist/forms/Textarea.svelte +14 -14
- package/dist/forms/Textarea.svelte.d.ts +3 -3
- package/dist/forms/Toggle.svelte +22 -23
- package/dist/forms/Toggle.svelte.d.ts +0 -1
- package/dist/gallery/Gallery.svelte +4 -5
- package/dist/gallery/Gallery.svelte.d.ts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/indicators/Indicator.svelte +45 -45
- package/dist/indicators/Indicator.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyDown.svelte +2 -2
- package/dist/kbd/ArrowKeyDown.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyLeft.svelte +2 -2
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyRight.svelte +2 -2
- package/dist/kbd/ArrowKeyRight.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyUp.svelte +2 -2
- package/dist/kbd/ArrowKeyUp.svelte.d.ts +0 -1
- package/dist/kbd/Kbd.svelte +2 -2
- package/dist/kbd/Kbd.svelte.d.ts +0 -1
- package/dist/list-group/Listgroup.svelte +6 -6
- package/dist/list-group/Listgroup.svelte.d.ts +0 -1
- package/dist/list-group/ListgroupItem.svelte +16 -16
- package/dist/list-group/ListgroupItem.svelte.d.ts +0 -1
- package/dist/marquee/Marquee.svelte +15 -18
- package/dist/marquee/Marquee.svelte.d.ts +0 -1
- package/dist/mega-menu/MegaMenu.svelte +5 -5
- package/dist/mega-menu/MegaMenu.svelte.d.ts +0 -1
- package/dist/modal/Modal.svelte +67 -74
- package/dist/modal/Modal.svelte.d.ts +0 -1
- package/dist/navbar/Menu.svelte +15 -15
- package/dist/navbar/Menu.svelte.d.ts +0 -1
- package/dist/navbar/NavBrand.svelte +2 -2
- package/dist/navbar/NavBrand.svelte.d.ts +0 -1
- package/dist/navbar/NavContainer.svelte +1 -1
- package/dist/navbar/NavContainer.svelte.d.ts +0 -1
- package/dist/navbar/NavHamburger.svelte +9 -9
- package/dist/navbar/NavHamburger.svelte.d.ts +0 -1
- package/dist/navbar/NavLi.svelte +10 -11
- package/dist/navbar/NavLi.svelte.d.ts +0 -1
- package/dist/navbar/NavUl.svelte +23 -22
- package/dist/navbar/NavUl.svelte.d.ts +0 -1
- package/dist/navbar/Navbar.svelte +8 -9
- package/dist/navbar/Navbar.svelte.d.ts +0 -1
- package/dist/pagination/Pagination.svelte +11 -11
- package/dist/pagination/Pagination.svelte.d.ts +0 -1
- package/dist/pagination/PaginationItem.svelte +16 -10
- package/dist/pagination/PaginationItem.svelte.d.ts +0 -1
- package/dist/popover/Popover.svelte +3 -3
- package/dist/popover/Popover.svelte.d.ts +0 -1
- package/dist/progress/Progressbar.svelte +19 -20
- package/dist/progress/Progressbar.svelte.d.ts +0 -1
- package/dist/rating/AdvancedRating.svelte +7 -7
- package/dist/rating/AdvancedRating.svelte.d.ts +0 -1
- package/dist/rating/Heart.svelte +5 -5
- package/dist/rating/Heart.svelte.d.ts +0 -1
- package/dist/rating/Rating.svelte +5 -7
- package/dist/rating/Rating.svelte.d.ts +0 -1
- package/dist/rating/RatingComment.svelte +4 -5
- package/dist/rating/RatingComment.svelte.d.ts +0 -1
- package/dist/rating/Review.svelte +6 -6
- package/dist/rating/Review.svelte.d.ts +0 -1
- package/dist/rating/ScoreRating.svelte +6 -6
- package/dist/rating/ScoreRating.svelte.d.ts +0 -1
- package/dist/rating/Star.svelte +5 -5
- package/dist/rating/Star.svelte.d.ts +0 -1
- package/dist/rating/Thumbup.svelte +5 -5
- package/dist/rating/Thumbup.svelte.d.ts +0 -1
- package/dist/sidebar/Sidebar.svelte +13 -14
- package/dist/sidebar/Sidebar.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarBrand.svelte +4 -4
- package/dist/sidebar/SidebarBrand.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarCta.svelte +5 -5
- package/dist/sidebar/SidebarCta.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarDropdownItem.svelte +5 -5
- package/dist/sidebar/SidebarDropdownItem.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +18 -19
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarGroup.svelte +4 -4
- package/dist/sidebar/SidebarGroup.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarItem.svelte +11 -16
- package/dist/sidebar/SidebarItem.svelte.d.ts +0 -1
- package/dist/sidebar/SidebarWrapper.svelte +2 -2
- package/dist/sidebar/SidebarWrapper.svelte.d.ts +0 -1
- package/dist/skeleton/CardPlaceholder.svelte +8 -8
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/ImagePlaceholder.svelte +4 -4
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/ListPlaceholder.svelte +2 -2
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/Skeleton.svelte +8 -8
- package/dist/skeleton/Skeleton.svelte.d.ts +0 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +2 -2
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/TextPlaceholder.svelte +8 -8
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/VideoPlaceholder.svelte +8 -8
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +0 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +2 -2
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +0 -1
- package/dist/speed-dial/SpeedDial.svelte +16 -17
- package/dist/speed-dial/SpeedDial.svelte.d.ts +0 -1
- package/dist/speed-dial/SpeedDialButton.svelte +10 -10
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +0 -1
- package/dist/spinner/Spinner.svelte +20 -21
- package/dist/spinner/Spinner.svelte.d.ts +0 -1
- package/dist/steps/StepIndicator.svelte +28 -28
- package/dist/steps/StepIndicator.svelte.d.ts +0 -1
- package/dist/table/Table.svelte +18 -18
- package/dist/table/Table.svelte.d.ts +0 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBody.svelte.d.ts +0 -1
- package/dist/table/TableBodyCell.svelte +6 -6
- package/dist/table/TableBodyCell.svelte.d.ts +0 -1
- package/dist/table/TableBodyRow.svelte +25 -25
- package/dist/table/TableBodyRow.svelte.d.ts +0 -1
- package/dist/table/TableHead.svelte +16 -16
- package/dist/table/TableHead.svelte.d.ts +0 -1
- package/dist/table/TableHeadCell.svelte +2 -2
- package/dist/table/TableHeadCell.svelte.d.ts +0 -1
- package/dist/table/TableSearch.svelte +22 -22
- package/dist/table/TableSearch.svelte.d.ts +0 -1
- package/dist/tabs/TabItem.svelte +20 -18
- package/dist/tabs/TabItem.svelte.d.ts +0 -1
- package/dist/tabs/Tabs.svelte +26 -28
- package/dist/tabs/Tabs.svelte.d.ts +0 -1
- package/dist/timeline/Activity.svelte +2 -2
- package/dist/timeline/Activity.svelte.d.ts +0 -1
- package/dist/timeline/ActivityItem.svelte +9 -9
- package/dist/timeline/ActivityItem.svelte.d.ts +0 -1
- package/dist/timeline/Group.svelte +4 -4
- package/dist/timeline/Group.svelte.d.ts +0 -1
- package/dist/timeline/GroupItem.svelte +6 -6
- package/dist/timeline/GroupItem.svelte.d.ts +0 -1
- package/dist/timeline/Timeline.svelte +9 -9
- package/dist/timeline/Timeline.svelte.d.ts +0 -1
- package/dist/timeline/TimelineItem.svelte +23 -23
- package/dist/timeline/TimelineItem.svelte.d.ts +0 -1
- package/dist/toast/Toast.svelte +27 -27
- package/dist/toast/Toast.svelte.d.ts +0 -1
- package/dist/toolbar/Toolbar.svelte +8 -8
- package/dist/toolbar/Toolbar.svelte.d.ts +0 -1
- package/dist/toolbar/ToolbarButton.svelte +28 -28
- package/dist/toolbar/ToolbarButton.svelte.d.ts +0 -1
- package/dist/toolbar/ToolbarGroup.svelte +5 -6
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +0 -1
- package/dist/tooltip/Tooltip.svelte +12 -15
- package/dist/tooltip/Tooltip.svelte.d.ts +0 -1
- package/dist/types.d.ts +0 -1
- package/dist/typography/A.svelte +4 -4
- package/dist/typography/A.svelte.d.ts +0 -1
- package/dist/typography/Blockquote.svelte +22 -22
- package/dist/typography/Blockquote.svelte.d.ts +0 -1
- package/dist/typography/DescriptionList.svelte +4 -4
- package/dist/typography/DescriptionList.svelte.d.ts +0 -1
- package/dist/typography/Heading.svelte +10 -10
- package/dist/typography/Heading.svelte.d.ts +0 -1
- package/dist/typography/Hr.svelte +7 -7
- package/dist/typography/Hr.svelte.d.ts +0 -1
- package/dist/typography/Img.svelte +11 -11
- package/dist/typography/Img.svelte.d.ts +0 -1
- package/dist/typography/Layout.svelte +4 -4
- package/dist/typography/Layout.svelte.d.ts +0 -1
- package/dist/typography/Li.svelte +3 -3
- package/dist/typography/Li.svelte.d.ts +0 -1
- package/dist/typography/List.svelte +10 -10
- package/dist/typography/List.svelte.d.ts +0 -1
- package/dist/typography/Mark.svelte +4 -4
- package/dist/typography/Mark.svelte.d.ts +0 -1
- package/dist/typography/P.svelte +51 -55
- package/dist/typography/P.svelte.d.ts +0 -1
- package/dist/typography/Secondary.svelte +3 -3
- package/dist/typography/Secondary.svelte.d.ts +0 -1
- package/dist/typography/Span.svelte +6 -6
- package/dist/typography/Span.svelte.d.ts +0 -1
- package/dist/utils/CloseButton.svelte +3 -3
- package/dist/utils/CloseButton.svelte.d.ts +0 -1
- package/dist/utils/Frame.svelte +70 -74
- package/dist/utils/Frame.svelte.d.ts +0 -1
- package/dist/utils/Popper.svelte +99 -116
- package/dist/utils/Popper.svelte.d.ts +0 -1
- package/dist/utils/TransitionFrame.svelte +5 -8
- package/dist/utils/TransitionFrame.svelte.d.ts +0 -1
- package/dist/utils/Wrapper.svelte +3 -2
- package/dist/utils/Wrapper.svelte.d.ts +0 -1
- package/dist/utils/backdrop.d.ts +0 -1
- package/dist/utils/clickOutside.d.ts +0 -1
- package/dist/utils/focusTrap.d.ts +0 -1
- package/dist/utils/generateId.d.ts +0 -1
- package/dist/video/Video.svelte +5 -5
- package/dist/video/Video.svelte.d.ts +0 -1
- package/package.json +32 -31
- package/dist/accordion/Accordion.svelte.d.ts.map +0 -1
- package/dist/accordion/AccordionItem.svelte.d.ts.map +0 -1
- package/dist/alert/Alert.svelte.d.ts.map +0 -1
- package/dist/avatar/Avatar.svelte.d.ts.map +0 -1
- package/dist/badge/Badge.svelte.d.ts.map +0 -1
- package/dist/banner/Banner.svelte.d.ts.map +0 -1
- package/dist/bottom-navigation/BottomNav.svelte.d.ts.map +0 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts.map +0 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts.map +0 -1
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts.map +0 -1
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts.map +0 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts.map +0 -1
- package/dist/button-group/ButtonGroup.svelte.d.ts.map +0 -1
- package/dist/buttons/Button.svelte.d.ts.map +0 -1
- package/dist/buttons/GradientButton.svelte.d.ts.map +0 -1
- package/dist/cards/Card.svelte.d.ts.map +0 -1
- package/dist/carousel/Carousel.svelte.d.ts.map +0 -1
- package/dist/carousel/CarouselSlide.d.ts.map +0 -1
- package/dist/carousel/ControlButton.svelte.d.ts.map +0 -1
- package/dist/carousel/Controls.svelte.d.ts.map +0 -1
- package/dist/carousel/Indicators.svelte.d.ts.map +0 -1
- package/dist/carousel/Slide.svelte.d.ts.map +0 -1
- package/dist/carousel/Thumbnail.svelte.d.ts.map +0 -1
- package/dist/carousel/Thumbnails.svelte.d.ts.map +0 -1
- package/dist/charts/Chart.svelte.d.ts.map +0 -1
- package/dist/darkmode/DarkMode.svelte.d.ts.map +0 -1
- package/dist/datepicker/Calender.svelte.d.ts.map +0 -1
- package/dist/datepicker/Datepicker.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Android.svelte.d.ts.map +0 -1
- package/dist/device-mockups/DefaultMockup.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Desktop.svelte.d.ts.map +0 -1
- package/dist/device-mockups/DeviceMockup.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Ios.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Laptop.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Smartwatch.svelte.d.ts.map +0 -1
- package/dist/device-mockups/Tablet.svelte.d.ts.map +0 -1
- package/dist/drawer/Drawer.svelte.d.ts.map +0 -1
- package/dist/dropdown/Dropdown.svelte.d.ts.map +0 -1
- package/dist/dropdown/DropdownDivider.svelte.d.ts.map +0 -1
- package/dist/dropdown/DropdownHeader.svelte.d.ts.map +0 -1
- package/dist/dropdown/DropdownItem.svelte.d.ts.map +0 -1
- package/dist/footer/Footer.svelte.d.ts.map +0 -1
- package/dist/footer/FooterBrand.svelte.d.ts.map +0 -1
- package/dist/footer/FooterCopyright.svelte.d.ts.map +0 -1
- package/dist/footer/FooterIcon.svelte.d.ts.map +0 -1
- package/dist/footer/FooterLink.svelte.d.ts.map +0 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts.map +0 -1
- package/dist/forms/Checkbox.svelte.d.ts.map +0 -1
- package/dist/forms/CheckboxButton.svelte.d.ts.map +0 -1
- package/dist/forms/Dropzone.svelte.d.ts.map +0 -1
- package/dist/forms/Fileupload.svelte.d.ts.map +0 -1
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +0 -1
- package/dist/forms/Helper.svelte.d.ts.map +0 -1
- package/dist/forms/Input.svelte.d.ts.map +0 -1
- package/dist/forms/InputAddon.svelte.d.ts.map +0 -1
- package/dist/forms/Label.svelte.d.ts.map +0 -1
- package/dist/forms/MultiSelect.svelte.d.ts.map +0 -1
- package/dist/forms/NumberInput.svelte.d.ts.map +0 -1
- package/dist/forms/Radio.svelte.d.ts.map +0 -1
- package/dist/forms/RadioButton.svelte.d.ts.map +0 -1
- package/dist/forms/Range.svelte.d.ts.map +0 -1
- package/dist/forms/Search.svelte.d.ts.map +0 -1
- package/dist/forms/Select.svelte.d.ts.map +0 -1
- package/dist/forms/Textarea.svelte.d.ts.map +0 -1
- package/dist/forms/Toggle.svelte.d.ts.map +0 -1
- package/dist/gallery/Gallery.svelte.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/indicators/Indicator.svelte.d.ts.map +0 -1
- package/dist/kbd/ArrowKeyDown.svelte.d.ts.map +0 -1
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts.map +0 -1
- package/dist/kbd/ArrowKeyRight.svelte.d.ts.map +0 -1
- package/dist/kbd/ArrowKeyUp.svelte.d.ts.map +0 -1
- package/dist/kbd/Kbd.svelte.d.ts.map +0 -1
- package/dist/list-group/Listgroup.svelte.d.ts.map +0 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts.map +0 -1
- package/dist/marquee/Marquee.svelte.d.ts.map +0 -1
- package/dist/mega-menu/MegaMenu.svelte.d.ts.map +0 -1
- package/dist/modal/Modal.svelte.d.ts.map +0 -1
- package/dist/navbar/Menu.svelte.d.ts.map +0 -1
- package/dist/navbar/NavBrand.svelte.d.ts.map +0 -1
- package/dist/navbar/NavContainer.svelte.d.ts.map +0 -1
- package/dist/navbar/NavHamburger.svelte.d.ts.map +0 -1
- package/dist/navbar/NavLi.svelte.d.ts.map +0 -1
- package/dist/navbar/NavUl.svelte.d.ts.map +0 -1
- package/dist/navbar/Navbar.svelte.d.ts.map +0 -1
- package/dist/pagination/Pagination.svelte.d.ts.map +0 -1
- package/dist/pagination/PaginationItem.svelte.d.ts.map +0 -1
- package/dist/popover/Popover.svelte.d.ts.map +0 -1
- package/dist/progress/Progressbar.svelte.d.ts.map +0 -1
- package/dist/rating/AdvancedRating.svelte.d.ts.map +0 -1
- package/dist/rating/Heart.svelte.d.ts.map +0 -1
- package/dist/rating/Rating.svelte.d.ts.map +0 -1
- package/dist/rating/RatingComment.svelte.d.ts.map +0 -1
- package/dist/rating/Review.svelte.d.ts.map +0 -1
- package/dist/rating/ScoreRating.svelte.d.ts.map +0 -1
- package/dist/rating/Star.svelte.d.ts.map +0 -1
- package/dist/rating/Thumbup.svelte.d.ts.map +0 -1
- package/dist/sidebar/Sidebar.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarBrand.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarCta.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarDropdownItem.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarGroup.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarItem.svelte.d.ts.map +0 -1
- package/dist/sidebar/SidebarWrapper.svelte.d.ts.map +0 -1
- package/dist/skeleton/CardPlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/ListPlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/Skeleton.svelte.d.ts.map +0 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/TextPlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map +0 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map +0 -1
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +0 -1
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +0 -1
- package/dist/spinner/Spinner.svelte.d.ts.map +0 -1
- package/dist/steps/StepIndicator.svelte.d.ts.map +0 -1
- package/dist/table/Table.svelte.d.ts.map +0 -1
- package/dist/table/TableBody.svelte.d.ts.map +0 -1
- package/dist/table/TableBodyCell.svelte.d.ts.map +0 -1
- package/dist/table/TableBodyRow.svelte.d.ts.map +0 -1
- package/dist/table/TableHead.svelte.d.ts.map +0 -1
- package/dist/table/TableHeadCell.svelte.d.ts.map +0 -1
- package/dist/table/TableSearch.svelte.d.ts.map +0 -1
- package/dist/tabs/TabItem.svelte.d.ts.map +0 -1
- package/dist/tabs/Tabs.svelte.d.ts.map +0 -1
- package/dist/timeline/Activity.svelte.d.ts.map +0 -1
- package/dist/timeline/ActivityItem.svelte.d.ts.map +0 -1
- package/dist/timeline/Group.svelte.d.ts.map +0 -1
- package/dist/timeline/GroupItem.svelte.d.ts.map +0 -1
- package/dist/timeline/Timeline.svelte.d.ts.map +0 -1
- package/dist/timeline/TimelineItem.svelte.d.ts.map +0 -1
- package/dist/toast/Toast.svelte.d.ts.map +0 -1
- package/dist/toolbar/Toolbar.svelte.d.ts.map +0 -1
- package/dist/toolbar/ToolbarButton.svelte.d.ts.map +0 -1
- package/dist/toolbar/ToolbarGroup.svelte.d.ts.map +0 -1
- package/dist/tooltip/Tooltip.svelte.d.ts.map +0 -1
- package/dist/types.d.ts.map +0 -1
- package/dist/typography/A.svelte.d.ts.map +0 -1
- package/dist/typography/Blockquote.svelte.d.ts.map +0 -1
- package/dist/typography/DescriptionList.svelte.d.ts.map +0 -1
- package/dist/typography/Heading.svelte.d.ts.map +0 -1
- package/dist/typography/Hr.svelte.d.ts.map +0 -1
- package/dist/typography/Img.svelte.d.ts.map +0 -1
- package/dist/typography/Layout.svelte.d.ts.map +0 -1
- package/dist/typography/Li.svelte.d.ts.map +0 -1
- package/dist/typography/List.svelte.d.ts.map +0 -1
- package/dist/typography/Mark.svelte.d.ts.map +0 -1
- package/dist/typography/P.svelte.d.ts.map +0 -1
- package/dist/typography/Secondary.svelte.d.ts.map +0 -1
- package/dist/typography/Span.svelte.d.ts.map +0 -1
- package/dist/utils/CloseButton.svelte.d.ts.map +0 -1
- package/dist/utils/Frame.svelte.d.ts.map +0 -1
- package/dist/utils/Popper.svelte.d.ts.map +0 -1
- package/dist/utils/TransitionFrame.svelte.d.ts.map +0 -1
- package/dist/utils/Wrapper.svelte.d.ts.map +0 -1
- package/dist/utils/backdrop.d.ts.map +0 -1
- package/dist/utils/clickOutside.d.ts.map +0 -1
- package/dist/utils/focusTrap.d.ts.map +0 -1
- package/dist/utils/generateId.d.ts.map +0 -1
- package/dist/video/Video.svelte.d.ts.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<script>import { getContext } from
|
|
2
|
-
import { writable } from
|
|
3
|
-
import { twMerge } from
|
|
4
|
-
import ToolbarButton from
|
|
5
|
-
import Menu from
|
|
6
|
-
export let menuClass =
|
|
7
|
-
export let onClick =
|
|
8
|
-
let btnClass =
|
|
9
|
-
let hiddenStore = getContext(
|
|
1
|
+
<script>import { getContext } from "svelte";
|
|
2
|
+
import { writable } from "svelte/store";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import ToolbarButton from "../toolbar/ToolbarButton.svelte";
|
|
5
|
+
import Menu from "./Menu.svelte";
|
|
6
|
+
export let menuClass = "h-6 w-6 shrink-0";
|
|
7
|
+
export let onClick = void 0;
|
|
8
|
+
let btnClass = "ms-3 md:hidden";
|
|
9
|
+
let hiddenStore = getContext("navHidden") ?? writable(true);
|
|
10
10
|
const toggle = (ev) => hiddenStore.update((h) => !h);
|
|
11
11
|
</script>
|
|
12
12
|
|
package/dist/navbar/NavLi.svelte
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
<script>import { getContext } from
|
|
2
|
-
import { twMerge } from
|
|
3
|
-
export let href =
|
|
4
|
-
export let activeClass =
|
|
5
|
-
export let nonActiveClass =
|
|
6
|
-
const context = getContext(
|
|
7
|
-
const activeUrlStore = getContext(
|
|
8
|
-
let navUrl =
|
|
1
|
+
<script>import { getContext } from "svelte";
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
|
+
export let href = "";
|
|
4
|
+
export let activeClass = void 0;
|
|
5
|
+
export let nonActiveClass = void 0;
|
|
6
|
+
const context = getContext("navbarContext") ?? {};
|
|
7
|
+
const activeUrlStore = getContext("activeUrl");
|
|
8
|
+
let navUrl = "";
|
|
9
9
|
activeUrlStore.subscribe((value) => {
|
|
10
|
-
|
|
10
|
+
navUrl = value;
|
|
11
11
|
});
|
|
12
12
|
$: active = navUrl ? href === navUrl : false;
|
|
13
|
-
$: liClass = twMerge(
|
|
14
|
-
// $: console.log()
|
|
13
|
+
$: liClass = twMerge("block py-2 pe-4 ps-3 md:p-0 rounded md:border-0", active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
|
|
15
14
|
</script>
|
|
16
15
|
|
|
17
16
|
<li>
|
package/dist/navbar/NavUl.svelte
CHANGED
|
@@ -1,34 +1,35 @@
|
|
|
1
|
-
<script context="module">
|
|
2
|
-
</script>
|
|
1
|
+
<script context="module"></script>
|
|
3
2
|
|
|
4
|
-
<script>import { getContext, setContext } from
|
|
5
|
-
import { quintOut } from
|
|
6
|
-
import { writable } from
|
|
7
|
-
import { slide } from
|
|
8
|
-
import { twMerge } from
|
|
9
|
-
import Frame from
|
|
10
|
-
const activeUrlStore = writable(
|
|
11
|
-
export let activeUrl =
|
|
12
|
-
export let divClass =
|
|
13
|
-
export let ulClass =
|
|
14
|
-
export let hidden =
|
|
3
|
+
<script>import { getContext, setContext } from "svelte";
|
|
4
|
+
import { quintOut } from "svelte/easing";
|
|
5
|
+
import { writable } from "svelte/store";
|
|
6
|
+
import { slide } from "svelte/transition";
|
|
7
|
+
import { twMerge } from "tailwind-merge";
|
|
8
|
+
import Frame from "../utils/Frame.svelte";
|
|
9
|
+
const activeUrlStore = writable("");
|
|
10
|
+
export let activeUrl = "";
|
|
11
|
+
export let divClass = "w-full md:block md:w-auto";
|
|
12
|
+
export let ulClass = "flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium";
|
|
13
|
+
export let hidden = void 0;
|
|
15
14
|
export let slideParams = { delay: 250, duration: 500, easing: quintOut };
|
|
16
|
-
export let activeClass =
|
|
17
|
-
export let nonActiveClass =
|
|
18
|
-
setContext(
|
|
15
|
+
export let activeClass = "text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent";
|
|
16
|
+
export let nonActiveClass = "text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent";
|
|
17
|
+
setContext("navbarContext", { activeClass, nonActiveClass });
|
|
19
18
|
$: {
|
|
20
|
-
|
|
19
|
+
activeUrlStore.set(activeUrl);
|
|
21
20
|
}
|
|
22
|
-
setContext(
|
|
23
|
-
let hiddenStore = getContext(
|
|
21
|
+
setContext("activeUrl", activeUrlStore);
|
|
22
|
+
let hiddenStore = getContext("navHidden");
|
|
24
23
|
let _hidden;
|
|
25
24
|
$: _hidden = hidden ?? $hiddenStore ?? true;
|
|
26
25
|
let _divClass;
|
|
27
26
|
$: _divClass = twMerge(divClass, $$props.class);
|
|
28
27
|
let _ulClass;
|
|
29
|
-
$: _ulClass = twMerge(
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
$: _ulClass = twMerge(
|
|
29
|
+
ulClass,
|
|
30
|
+
// 'divide-y md:divide-y-0 divide-gray-100 dark:divide-gray-700',
|
|
31
|
+
$$props.classUl
|
|
32
|
+
);
|
|
32
33
|
</script>
|
|
33
34
|
|
|
34
35
|
{#if !_hidden}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
<script>import { setContext } from
|
|
2
|
-
import Frame from
|
|
3
|
-
import { twMerge } from
|
|
4
|
-
import NavContainer from
|
|
5
|
-
import { writable } from
|
|
1
|
+
<script>import { setContext } from "svelte";
|
|
2
|
+
import Frame from "../utils/Frame.svelte";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import NavContainer from "./NavContainer.svelte";
|
|
5
|
+
import { writable } from "svelte/store";
|
|
6
6
|
export let fluid = false;
|
|
7
7
|
let hidden = writable(true);
|
|
8
|
-
setContext(
|
|
8
|
+
setContext("navHidden", hidden);
|
|
9
9
|
$: {
|
|
10
|
-
|
|
11
|
-
$$restProps.color = $$restProps.color ?? 'navbar';
|
|
10
|
+
$$restProps.color = $$restProps.color ?? "navbar";
|
|
12
11
|
}
|
|
13
|
-
let toggle = () => hidden.update((
|
|
12
|
+
let toggle = () => hidden.update((hidden2) => !hidden2);
|
|
14
13
|
</script>
|
|
15
14
|
|
|
16
15
|
<Frame tag="nav" {...$$restProps} class={twMerge('px-2 sm:px-4 py-2.5 w-full', $$props.class)}>
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
<script>import { twMerge, twJoin } from
|
|
2
|
-
import { createEventDispatcher, setContext } from
|
|
3
|
-
import PaginationItem from
|
|
1
|
+
<script>import { twMerge, twJoin } from "tailwind-merge";
|
|
2
|
+
import { createEventDispatcher, setContext } from "svelte";
|
|
3
|
+
import PaginationItem from "./PaginationItem.svelte";
|
|
4
4
|
export let pages = [];
|
|
5
|
-
export let activeClass =
|
|
6
|
-
export let normalClass =
|
|
7
|
-
export let ulClass =
|
|
5
|
+
export let activeClass = "text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white";
|
|
6
|
+
export let normalClass = "text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white";
|
|
7
|
+
export let ulClass = "inline-flex -space-x-px rtl:space-x-reverse items-center";
|
|
8
8
|
export let table = false;
|
|
9
9
|
export let large = false;
|
|
10
|
-
export let ariaLabel =
|
|
10
|
+
export let ariaLabel = "Page navigation";
|
|
11
11
|
const dispatch = createEventDispatcher();
|
|
12
|
-
setContext(
|
|
13
|
-
setContext(
|
|
12
|
+
setContext("group", true);
|
|
13
|
+
setContext("table", table);
|
|
14
14
|
const previous = () => {
|
|
15
|
-
|
|
15
|
+
dispatch("previous");
|
|
16
16
|
};
|
|
17
17
|
const next = () => {
|
|
18
|
-
|
|
18
|
+
dispatch("next");
|
|
19
19
|
};
|
|
20
20
|
</script>
|
|
21
21
|
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
<script>import { twMerge } from
|
|
2
|
-
import { getContext } from
|
|
3
|
-
export let href =
|
|
1
|
+
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
+
import { getContext } from "svelte";
|
|
3
|
+
export let href = void 0;
|
|
4
4
|
export let active = false;
|
|
5
|
-
export let activeClass =
|
|
6
|
-
export let normalClass =
|
|
5
|
+
export let activeClass = "text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white";
|
|
6
|
+
export let normalClass = "text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white";
|
|
7
7
|
export let large = false;
|
|
8
|
-
const group = getContext(
|
|
9
|
-
const table = getContext(
|
|
8
|
+
const group = getContext("group");
|
|
9
|
+
const table = getContext("table");
|
|
10
10
|
let defaultClass;
|
|
11
|
-
$: defaultClass = twMerge(
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
$: defaultClass = twMerge(
|
|
12
|
+
"flex items-center font-medium",
|
|
13
|
+
large ? "h-10 px-4 text-base" : "h-8 px-3 text-sm",
|
|
14
|
+
group ? "" : table ? "rounded" : "rounded-lg",
|
|
15
|
+
// table || 'border border-gray-300 dark:border-gray-700 dark:bg-gray-800',
|
|
16
|
+
table ? "" : "border",
|
|
17
|
+
active ? activeClass : normalClass,
|
|
18
|
+
$$props.class
|
|
19
|
+
);
|
|
14
20
|
</script>
|
|
15
21
|
|
|
16
22
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<script>import Popper from
|
|
2
|
-
export let title =
|
|
3
|
-
export let defaultClass =
|
|
1
|
+
<script>import Popper from "../utils/Popper.svelte";
|
|
2
|
+
export let title = "";
|
|
3
|
+
export let defaultClass = "py-2 px-3";
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<Popper activeContent border shadow rounded {...$$restProps} class="dark:!border-gray-600 {$$props.class}" on:show>
|
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
<script>import { cubicOut } from
|
|
2
|
-
import { tweened } from
|
|
3
|
-
import { twMerge, twJoin } from
|
|
4
|
-
export let progress =
|
|
1
|
+
<script>import { cubicOut } from "svelte/easing";
|
|
2
|
+
import { tweened } from "svelte/motion";
|
|
3
|
+
import { twMerge, twJoin } from "tailwind-merge";
|
|
4
|
+
export let progress = "45";
|
|
5
5
|
export let precision = 0;
|
|
6
6
|
export let tweenDuration = 400;
|
|
7
7
|
export let animate = false;
|
|
8
|
-
export let size =
|
|
8
|
+
export let size = "h-2.5";
|
|
9
9
|
export let labelInside = false;
|
|
10
|
-
export let labelOutside =
|
|
10
|
+
export let labelOutside = "";
|
|
11
11
|
export let easing = cubicOut;
|
|
12
|
-
export let color =
|
|
13
|
-
export let labelInsideClass =
|
|
14
|
-
export let divClass =
|
|
12
|
+
export let color = "primary";
|
|
13
|
+
export let labelInsideClass = "text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full";
|
|
14
|
+
export let divClass = "w-full bg-gray-200 rounded-full dark:bg-gray-700";
|
|
15
15
|
const _progress = tweened(0, {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
duration: animate ? tweenDuration : 0,
|
|
17
|
+
easing
|
|
18
18
|
});
|
|
19
|
-
// let barColor: string;
|
|
20
19
|
const barColors = {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
primary: "bg-primary-600",
|
|
21
|
+
blue: "bg-blue-600",
|
|
22
|
+
gray: "bg-gray-600 dark:bg-gray-300",
|
|
23
|
+
red: "bg-red-600 dark:bg-red-500",
|
|
24
|
+
green: "bg-green-600 dark:bg-green-500",
|
|
25
|
+
yellow: "bg-yellow-400",
|
|
26
|
+
purple: "bg-purple-600 dark:bg-purple-500",
|
|
27
|
+
indigo: "bg-indigo-600 dark:bg-indigo-500"
|
|
29
28
|
};
|
|
30
29
|
$: _progress.set(Number(progress));
|
|
31
30
|
</script>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<script>import { twMerge } from
|
|
1
|
+
<script>import { twMerge } from "tailwind-merge";
|
|
2
2
|
export let ratings = [];
|
|
3
|
-
export let divClass =
|
|
4
|
-
export let labelClass =
|
|
5
|
-
export let ratingDivClass =
|
|
6
|
-
export let ratingClass =
|
|
7
|
-
export let rightLabelClass =
|
|
8
|
-
export let unit =
|
|
3
|
+
export let divClass = "flex items-center mt-4";
|
|
4
|
+
export let labelClass = "text-sm font-medium text-gray-600 dark:text-gray-500";
|
|
5
|
+
export let ratingDivClass = "mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700";
|
|
6
|
+
export let ratingClass = "h-5 bg-yellow-400 rounded";
|
|
7
|
+
export let rightLabelClass = "text-sm font-medium text-gray-600 dark:text-gray-500";
|
|
8
|
+
export let unit = "%";
|
|
9
9
|
let divCls = twMerge(divClass, $$props.classDiv);
|
|
10
10
|
let labelCls = twMerge(labelClass, $$props.classLabel);
|
|
11
11
|
let ratingDivCls = twMerge(ratingDivClass, $$props.classRatingDiv);
|
package/dist/rating/Heart.svelte
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script>export let fillPercent = 100;
|
|
2
|
-
export let fillColor =
|
|
3
|
-
export let strokeColor =
|
|
2
|
+
export let fillColor = "#ff0000";
|
|
3
|
+
export let strokeColor = "#ff0000";
|
|
4
4
|
export let size = 24;
|
|
5
|
-
export let ariaLabel =
|
|
6
|
-
export let id =
|
|
7
|
-
export let role =
|
|
5
|
+
export let ariaLabel = "heart";
|
|
6
|
+
export let id = "heart";
|
|
7
|
+
export let role = "img";
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<svg width={size} height={size} class={$$props.class} {...$$restProps} aria-label={ariaLabel} viewBox="0 0 24 24" {role} stroke-width="1.5" stroke="currentColor" fill="none" on:click>
|
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
<script>import Star from
|
|
2
|
-
import { twMerge } from
|
|
3
|
-
import generateId from
|
|
4
|
-
export let divClass =
|
|
1
|
+
<script>import Star from "./Star.svelte";
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
|
+
import generateId from "../utils/generateId.js";
|
|
4
|
+
export let divClass = "flex items-center";
|
|
5
5
|
export let size = 24;
|
|
6
6
|
export let total = 5;
|
|
7
7
|
export let rating = 4;
|
|
8
|
-
export let partialId =
|
|
8
|
+
export let partialId = "partialStar" + generateId();
|
|
9
9
|
export let icon = Star;
|
|
10
10
|
export let count = false;
|
|
11
|
-
// generate unique id for full star and gray star
|
|
12
11
|
const fullStarId = generateId();
|
|
13
12
|
const grayStarId = generateId();
|
|
14
13
|
let fullStars = Math.floor(rating);
|
|
15
14
|
let rateDiffence = rating - fullStars;
|
|
16
15
|
let percentRating = Math.round(rateDiffence * 100);
|
|
17
16
|
let grayStars = total - (fullStars + Math.ceil(rateDiffence));
|
|
18
|
-
// console.log(fullStars, grayStars, rateDiffence, percentRating)
|
|
19
17
|
</script>
|
|
20
18
|
|
|
21
19
|
<div class={twMerge(divClass, $$props.class)}>
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
<script>import Button from
|
|
2
|
-
import Rating from
|
|
3
|
-
// default is floor
|
|
1
|
+
<script>import Button from "../buttons/Button.svelte";
|
|
2
|
+
import Rating from "./Rating.svelte";
|
|
4
3
|
export let ceil = false;
|
|
5
|
-
export let helpfullink =
|
|
6
|
-
export let abuselink =
|
|
4
|
+
export let helpfullink = "";
|
|
5
|
+
export let abuselink = "";
|
|
7
6
|
export let comment;
|
|
8
7
|
let roundedRating = ceil ? Math.ceil(comment.rating) : Math.floor(comment.rating);
|
|
9
8
|
let grayStars = comment.total - roundedRating;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<script>import { twMerge } from
|
|
1
|
+
<script>import { twMerge } from "tailwind-merge";
|
|
2
2
|
export let review;
|
|
3
|
-
export let articleClass =
|
|
4
|
-
export let divClass =
|
|
5
|
-
export let imgClass =
|
|
6
|
-
export let ulClass =
|
|
7
|
-
export let liClass =
|
|
3
|
+
export let articleClass = "md:gap-8 md:grid md:grid-cols-3";
|
|
4
|
+
export let divClass = "flex items-center mb-6 space-x-4 rtl:space-x-reverse";
|
|
5
|
+
export let imgClass = "w-10 h-10 rounded-full";
|
|
6
|
+
export let ulClass = "space-y-4 text-sm text-gray-500 dark:text-gray-400";
|
|
7
|
+
export let liClass = "flex items-center";
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<article class={twMerge(articleClass, $$props.classArticle)}>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script>export let ratings = [];
|
|
2
2
|
export let ratings2 = [];
|
|
3
3
|
export let headerLabel;
|
|
4
|
-
export let desc1Class =
|
|
5
|
-
export let desc2Class =
|
|
6
|
-
export let desc3spanClass =
|
|
7
|
-
export let desc3pClass =
|
|
8
|
-
export let linkClass =
|
|
9
|
-
export let barColor =
|
|
4
|
+
export let desc1Class = "bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800";
|
|
5
|
+
export let desc2Class = "ms-2 w-24 font-medium text-gray-900 dark:text-white";
|
|
6
|
+
export let desc3spanClass = "mx-2 w-1 h-1 bg-gray-900 rounded-full dark:bg-gray-500";
|
|
7
|
+
export let desc3pClass = "text-sm w-24 font-medium text-gray-500 dark:text-gray-400";
|
|
8
|
+
export let linkClass = "ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500";
|
|
9
|
+
export let barColor = "bg-primary-600 h-2.5 rounded dark:bg-primary-500";
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
12
|
<div class="flex items-center mb-5">
|
package/dist/rating/Star.svelte
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<script>import generateId from
|
|
1
|
+
<script>import generateId from "../utils/generateId";
|
|
2
2
|
export let fillPercent = 100;
|
|
3
|
-
export let fillColor =
|
|
4
|
-
export let strokeColor =
|
|
3
|
+
export let fillColor = "#F5CA14";
|
|
4
|
+
export let strokeColor = "#F5CA14";
|
|
5
5
|
export let size = 24;
|
|
6
|
-
export let ariaLabel =
|
|
6
|
+
export let ariaLabel = "star";
|
|
7
7
|
export let id = generateId();
|
|
8
|
-
export let role =
|
|
8
|
+
export let role = "img";
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<svg width={size} height={size} {...$$restProps} class={$$props.class} aria-label={ariaLabel} viewBox="100 100 120 120" {role} on:click>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script>export let fillPercent = 100;
|
|
2
|
-
export let fillColor =
|
|
3
|
-
export let strokeColor =
|
|
2
|
+
export let fillColor = "#00b500";
|
|
3
|
+
export let strokeColor = "#00b500";
|
|
4
4
|
export let size = 24;
|
|
5
|
-
export let ariaLabel =
|
|
6
|
-
export let id =
|
|
7
|
-
export let role =
|
|
5
|
+
export let ariaLabel = "thumbup";
|
|
6
|
+
export let id = "thumbup";
|
|
7
|
+
export let role = "img";
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<svg width={size} height={size} {...$$restProps} class={$$props.class} aria-label={ariaLabel} viewBox="0 0 24 24" {role} stroke-width="1.5" stroke="currentColor" fill="none" on:click>
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
<script context="module">
|
|
2
|
-
</script>
|
|
1
|
+
<script context="module"></script>
|
|
3
2
|
|
|
4
|
-
<script>import { setContext } from
|
|
5
|
-
import { twMerge } from
|
|
6
|
-
import { writable } from
|
|
7
|
-
const activeUrlStore = writable(
|
|
8
|
-
export let activeUrl =
|
|
9
|
-
export let asideClass =
|
|
10
|
-
export let nonActiveClass =
|
|
11
|
-
export let activeClass =
|
|
12
|
-
export let ariaLabel =
|
|
13
|
-
setContext(
|
|
3
|
+
<script>import { setContext } from "svelte";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { writable } from "svelte/store";
|
|
6
|
+
const activeUrlStore = writable("");
|
|
7
|
+
export let activeUrl = "";
|
|
8
|
+
export let asideClass = "w-64";
|
|
9
|
+
export let nonActiveClass = "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
|
|
10
|
+
export let activeClass = "flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
|
|
11
|
+
export let ariaLabel = "Sidebar";
|
|
12
|
+
setContext("sidebarContext", { activeClass, nonActiveClass });
|
|
14
13
|
$: {
|
|
15
|
-
|
|
14
|
+
activeUrlStore.set(activeUrl);
|
|
16
15
|
}
|
|
17
|
-
setContext(
|
|
16
|
+
setContext("activeUrl", activeUrlStore);
|
|
18
17
|
</script>
|
|
19
18
|
|
|
20
19
|
<aside {...$$restProps} class={twMerge(asideClass, $$props.class)} aria-label={ariaLabel}>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<script>import { twMerge } from
|
|
1
|
+
<script>import { twMerge } from "tailwind-merge";
|
|
2
2
|
export let site;
|
|
3
|
-
export let aClass =
|
|
4
|
-
export let imgClass =
|
|
5
|
-
export let spanClass =
|
|
3
|
+
export let aClass = "flex items-center ps-2.5 mb-5";
|
|
4
|
+
export let imgClass = "h-6 me-3 sm:h-7";
|
|
5
|
+
export let spanClass = "self-center text-xl font-semibold whitespace-nowrap dark:text-white";
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<a {...$$restProps} href={site.href} class={twMerge(aClass, $$props.class)}>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<script>import { twMerge } from
|
|
2
|
-
export let divWrapperClass =
|
|
3
|
-
export let divClass =
|
|
4
|
-
export let spanClass =
|
|
5
|
-
export let label =
|
|
1
|
+
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
+
export let divWrapperClass = "p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900";
|
|
3
|
+
export let divClass = "flex items-center mb-3";
|
|
4
|
+
export let spanClass = "bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900";
|
|
5
|
+
export let label = "";
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<div {...$$restProps} id="dropdown-cta" class={twMerge(divWrapperClass, $$props.class)} role="alert">
|