flowbite-svelte 0.36.2 → 0.36.5
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 +2 -2
- package/dist/avatar/Placeholder.svelte +5 -10
- package/dist/banner/Banner.svelte +16 -16
- package/dist/banner/Banner.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNav.svelte +3 -4
- package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeader.svelte +6 -7
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte +3 -3
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavItem.svelte +8 -5
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/Breadcrumb.svelte +3 -3
- package/dist/buttongroups/ButtonGroup.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +10 -11
- package/dist/darkmode/DarkMode.svelte +3 -0
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/datepicker/Calender.svelte +9 -11
- package/dist/device-mockup/Android.svelte +12 -5
- package/dist/device-mockup/Android.svelte.d.ts +10 -13
- package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DefaultMockup.svelte +10 -0
- package/dist/device-mockup/DefaultMockup.svelte.d.ts +20 -0
- package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -0
- package/dist/device-mockup/DeviceMockup.svelte +85 -44
- package/dist/device-mockup/DeviceMockup.svelte.d.ts +42 -0
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Ios.svelte +10 -4
- package/dist/device-mockup/Ios.svelte.d.ts +9 -13
- package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Smartwatch.svelte +6 -0
- package/dist/device-mockup/Smartwatch.svelte.d.ts +18 -0
- package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -0
- package/dist/device-mockup/Tablet.svelte +10 -4
- package/dist/device-mockup/Tablet.svelte.d.ts +9 -13
- package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
- package/dist/dropdowns/Dropdown.svelte +1 -1
- package/dist/dropdowns/DropdownHeader.svelte +2 -2
- package/dist/dropdowns/DropdownItem.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLinkGroup.svelte +1 -1
- package/dist/forms/Dropzone.svelte +9 -1
- package/dist/forms/FloatingLabelInput.svelte +34 -37
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
- package/dist/forms/Helper.svelte +1 -1
- package/dist/forms/RadioInline.svelte +1 -1
- package/dist/forms/VoiceSearch.svelte +31 -45
- package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
- package/dist/gallery/Gallery.svelte +2 -2
- package/dist/kbd/ArrowKeyDown.svelte +8 -10
- package/dist/kbd/ArrowKeyLeft.svelte +8 -10
- package/dist/kbd/ArrowKeyRight.svelte +8 -10
- package/dist/kbd/ArrowKeyUp.svelte +8 -10
- package/dist/kbd/Kbd.svelte +1 -1
- package/dist/modals/Modal.svelte +4 -7
- package/dist/modals/Modal.svelte.d.ts +3 -1
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/navbar/Menu.svelte +11 -11
- package/dist/navbar/NavBrand.svelte +1 -1
- package/dist/navbar/NavHamburger.svelte +1 -1
- package/dist/navbar/NavSidebarHamburger.svelte +1 -1
- package/dist/navbar/SidebarMenu.svelte +11 -11
- package/dist/ratings/AdvancedRating.svelte +9 -9
- package/dist/ratings/Heart.svelte +7 -9
- package/dist/ratings/Rating.svelte +5 -5
- package/dist/ratings/RatingComment.svelte +3 -1
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/Review.svelte +52 -53
- package/dist/ratings/ScoreRating.svelte +42 -39
- package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +20 -20
- package/dist/ratings/Star.svelte.d.ts.map +1 -1
- package/dist/ratings/Thumbup.svelte +7 -9
- package/dist/sidebars/Sidebar.svelte +1 -1
- package/dist/sidebars/SidebarBrand.svelte +2 -2
- package/dist/sidebars/SidebarBrand.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarCta.svelte +8 -13
- package/dist/sidebars/SidebarGroup.svelte +1 -1
- package/dist/sidebars/SidebarWrapper.svelte +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +33 -37
- package/dist/skeleton/ImagePlaceholder.svelte +23 -26
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +36 -36
- package/dist/skeleton/Skeleton.svelte +8 -8
- package/dist/skeleton/TestimonialPlaceholder.svelte +17 -19
- package/dist/skeleton/TextPlaceholder.svelte +31 -31
- package/dist/skeleton/VideoPlaceholder.svelte +11 -13
- package/dist/skeleton/WidgetPlaceholder.svelte +12 -12
- package/dist/steps/StepIndicator.svelte +1 -5
- package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +11 -10
- package/dist/tables/TableHeadCell.svelte +12 -11
- package/dist/tables/TableSearch.svelte +25 -31
- package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
- package/dist/timeline/Activity.svelte +1 -1
- package/dist/timeline/ActivityItem.svelte +21 -24
- package/dist/timeline/Group.svelte +4 -4
- package/dist/timeline/Group.svelte.d.ts.map +1 -1
- package/dist/timeline/GroupItem.svelte +39 -44
- package/dist/timeline/TimelineItem.svelte +87 -87
- package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemHorizontal.svelte +38 -43
- package/dist/timeline/TimelineItemVertical.svelte +23 -24
- package/dist/toolbar/ToolbarGroup.svelte +2 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/typography/Img.svelte +1 -5
- package/dist/utils/ChevronDown.svelte +11 -11
- package/dist/utils/ChevronLeft.svelte +11 -11
- package/dist/utils/ChevronRight.svelte +11 -11
- package/dist/utils/ChevronUp.svelte +11 -11
- package/dist/utils/InformationCircle.svelte +11 -12
- package/dist/utils/UserCircle.svelte +11 -12
- package/dist/utils/clickOutside.d.ts.map +1 -1
- package/dist/utils/clickOutside.js +1 -1
- package/dist/utils/generateId.js +2 -2
- package/package.json +25 -25
- package/dist/device-mockup/Default.svelte +0 -4
- package/dist/device-mockup/Default.svelte.d.ts +0 -24
- package/dist/device-mockup/Default.svelte.d.ts.map +0 -1
- package/dist/device-mockup/SmartWatch.svelte +0 -2
- package/dist/device-mockup/SmartWatch.svelte.d.ts +0 -24
- package/dist/device-mockup/SmartWatch.svelte.d.ts.map +0 -1
|
@@ -3,40 +3,40 @@ export let divClass = 'p-4 space-y-4 max-w-md rounded border border-gray-200 div
|
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
5
|
<div role="status" class={classNames(divClass, $$props.class)}>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
6
|
+
<div class="flex justify-between items-center">
|
|
7
|
+
<div>
|
|
8
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
|
|
9
|
+
<div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
10
|
+
</div>
|
|
11
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
|
|
12
|
+
</div>
|
|
13
|
+
<div class="flex justify-between items-center pt-4">
|
|
14
|
+
<div>
|
|
15
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
|
|
16
|
+
<div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
17
|
+
</div>
|
|
18
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
|
|
19
|
+
</div>
|
|
20
|
+
<div class="flex justify-between items-center pt-4">
|
|
21
|
+
<div>
|
|
22
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
|
|
23
|
+
<div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
24
|
+
</div>
|
|
25
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
|
|
26
|
+
</div>
|
|
27
|
+
<div class="flex justify-between items-center pt-4">
|
|
28
|
+
<div>
|
|
29
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
|
|
30
|
+
<div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
31
|
+
</div>
|
|
32
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
|
|
33
|
+
</div>
|
|
34
|
+
<div class="flex justify-between items-center pt-4">
|
|
35
|
+
<div>
|
|
36
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
|
|
37
|
+
<div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
38
|
+
</div>
|
|
39
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
|
|
40
|
+
</div>
|
|
41
|
+
<span class="sr-only">Loading...</span>
|
|
42
42
|
</div>
|
|
@@ -12,12 +12,12 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
|
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
14
|
<div role="status" class={outDivclass}>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
|
|
16
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
|
|
17
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
|
|
18
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
|
|
19
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
|
|
20
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
|
|
21
|
+
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
|
|
22
|
+
<span class="sr-only">Loading...</span>
|
|
23
23
|
</div>
|
|
@@ -3,23 +3,21 @@ export let divClass = 'animate-pulse';
|
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
5
|
<div role="status" class={classNames(divClass, $$props.class)}>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
</div>
|
|
24
|
-
<span class="sr-only">Loading...</span>
|
|
6
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 max-w-[640px] mb-2.5 mx-auto" />
|
|
7
|
+
<div class="h-2.5 mx-auto bg-gray-300 rounded-full dark:bg-gray-700 max-w-[540px]" />
|
|
8
|
+
<div class="flex justify-center items-center mt-4">
|
|
9
|
+
<svg
|
|
10
|
+
class="mr-2 w-10 h-10 text-gray-200 dark:text-gray-700"
|
|
11
|
+
aria-hidden="true"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
viewBox="0 0 20 20"
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
><path
|
|
16
|
+
fill-rule="evenodd"
|
|
17
|
+
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
|
|
18
|
+
clip-rule="evenodd" /></svg>
|
|
19
|
+
<div class="w-20 h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 mr-3" />
|
|
20
|
+
<div class="w-24 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
21
|
+
</div>
|
|
22
|
+
<span class="sr-only">Loading...</span>
|
|
25
23
|
</div>
|
|
@@ -12,35 +12,35 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
|
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
14
|
<div role="status" class={outDivclass}>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
15
|
+
<div class="flex items-center space-x-2 w-full">
|
|
16
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32" />
|
|
17
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
|
|
18
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
19
|
+
</div>
|
|
20
|
+
<div class="flex items-center space-x-2 w-11/12">
|
|
21
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
|
|
22
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
23
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
|
|
24
|
+
</div>
|
|
25
|
+
<div class="flex items-center space-x-2 w-9/12">
|
|
26
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
27
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
|
|
28
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
29
|
+
</div>
|
|
30
|
+
<div class="flex items-center space-x-2 w-11/12">
|
|
31
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
|
|
32
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
33
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
|
|
34
|
+
</div>
|
|
35
|
+
<div class="flex items-center space-x-2 w-10/12">
|
|
36
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32" />
|
|
37
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
|
|
38
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
|
|
39
|
+
</div>
|
|
40
|
+
<div class="flex items-center space-x-2 w-8/12">
|
|
41
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
42
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
|
|
43
|
+
<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
|
|
44
|
+
</div>
|
|
45
|
+
<span class="sr-only">Loading...</span>
|
|
46
46
|
</div>
|
|
@@ -12,17 +12,15 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
|
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
14
|
<div role="status" class={outDivclass}>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
>
|
|
27
|
-
<span class="sr-only">Loading...</span>
|
|
15
|
+
<svg
|
|
16
|
+
width="48"
|
|
17
|
+
height="48"
|
|
18
|
+
class="text-gray-200 dark:text-gray-600"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
aria-hidden="true"
|
|
21
|
+
fill="currentColor"
|
|
22
|
+
viewBox="0 0 384 512"
|
|
23
|
+
><path
|
|
24
|
+
d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z" /></svg>
|
|
25
|
+
<span class="sr-only">Loading...</span>
|
|
28
26
|
</div>
|
|
@@ -3,16 +3,16 @@ export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animat
|
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
5
|
<div role="status" class={classNames(divClass, $$props.class)}>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
|
|
7
|
+
<div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
|
|
8
|
+
<div class="flex items-baseline mt-4 space-x-6">
|
|
9
|
+
<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
10
|
+
<div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
11
|
+
<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
12
|
+
<div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
13
|
+
<div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
14
|
+
<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
15
|
+
<div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
|
|
16
|
+
</div>
|
|
17
|
+
<span class="sr-only">Loading...</span>
|
|
18
18
|
</div>
|
|
@@ -35,11 +35,7 @@ const currentStepColors = {
|
|
|
35
35
|
{#each steps as step, i}
|
|
36
36
|
{#if i === currentStep - 1}
|
|
37
37
|
<div class="relative w-full h-full">
|
|
38
|
-
<div
|
|
39
|
-
class={classNames(
|
|
40
|
-
'relative w-full h-full rounded-sm',
|
|
41
|
-
currentStepColors[color]
|
|
42
|
-
)} />
|
|
38
|
+
<div class={classNames('relative w-full h-full rounded-sm', currentStepColors[color])} />
|
|
43
39
|
{#if glow}
|
|
44
40
|
<div
|
|
45
41
|
class={classNames(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/steps/StepIndicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"StepIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/steps/StepIndicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -9,15 +9,16 @@ $: tdClassfinal = classNames(tdClass, color === 'default'
|
|
|
9
9
|
: 'text-blue-50 whitespace-nowrap dark:text-blue-100', $$props.class);
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
-
<td
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
on:
|
|
16
|
-
on:
|
|
17
|
-
on:
|
|
18
|
-
on:
|
|
19
|
-
on:
|
|
20
|
-
on:
|
|
21
|
-
|
|
12
|
+
<td
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
class={tdClassfinal}
|
|
15
|
+
on:click
|
|
16
|
+
on:focus
|
|
17
|
+
on:keydown
|
|
18
|
+
on:keypress
|
|
19
|
+
on:keyup
|
|
20
|
+
on:mouseenter
|
|
21
|
+
on:mouseleave
|
|
22
|
+
on:mouseover>
|
|
22
23
|
<slot />
|
|
23
24
|
</td>
|
|
@@ -2,15 +2,16 @@
|
|
|
2
2
|
export let padding = 'px-6 py-3';
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
|
-
<th
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
on:
|
|
9
|
-
on:
|
|
10
|
-
on:
|
|
11
|
-
on:
|
|
12
|
-
on:
|
|
13
|
-
on:
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
<th
|
|
6
|
+
{...$$restProps}
|
|
7
|
+
class={classNames(padding, $$props.class)}
|
|
8
|
+
on:click
|
|
9
|
+
on:focus
|
|
10
|
+
on:keydown
|
|
11
|
+
on:keypress
|
|
12
|
+
on:keyup
|
|
13
|
+
on:mouseenter
|
|
14
|
+
on:mouseleave
|
|
15
|
+
on:mouseover>
|
|
16
|
+
<slot />
|
|
16
17
|
</th>
|
|
@@ -21,35 +21,29 @@ $: setContext('color', color);
|
|
|
21
21
|
</script>
|
|
22
22
|
|
|
23
23
|
<div class={divClass}>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
<table
|
|
50
|
-
{...$$restProps}
|
|
51
|
-
class={classNames('w-full text-left text-sm', colors[color], $$props.class)}
|
|
52
|
-
>
|
|
53
|
-
<slot />
|
|
54
|
-
</table>
|
|
24
|
+
<div class="p-4">
|
|
25
|
+
<label for="table-search" class="sr-only">Search</label>
|
|
26
|
+
<div class="relative mt-1">
|
|
27
|
+
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
|
|
28
|
+
<svg
|
|
29
|
+
class="w-5 h-5 text-gray-500 dark:text-gray-400"
|
|
30
|
+
fill="currentColor"
|
|
31
|
+
viewBox="0 0 20 20"
|
|
32
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
33
|
+
><path
|
|
34
|
+
fill-rule="evenodd"
|
|
35
|
+
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
|
36
|
+
clip-rule="evenodd" /></svg>
|
|
37
|
+
</div>
|
|
38
|
+
<input
|
|
39
|
+
bind:value={inputValue}
|
|
40
|
+
type="text"
|
|
41
|
+
id="table-search"
|
|
42
|
+
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
|
|
43
|
+
{placeholder} />
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<table {...$$restProps} class={classNames('w-full text-left text-sm', colors[color], $$props.class)}>
|
|
47
|
+
<slot />
|
|
48
|
+
</table>
|
|
55
49
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"TableSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
|
|
@@ -2,28 +2,25 @@
|
|
|
2
2
|
</script>
|
|
3
3
|
|
|
4
4
|
{#each activities as { title, date, src, alt, text }}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
{/if}
|
|
27
|
-
</div>
|
|
28
|
-
</li>
|
|
5
|
+
<li class="mb-10 ml-6">
|
|
6
|
+
<span
|
|
7
|
+
class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
8
|
+
<img class="rounded-full shadow-lg" {src} {alt} />
|
|
9
|
+
</span>
|
|
10
|
+
<div
|
|
11
|
+
class="p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600">
|
|
12
|
+
<div class="justify-between items-center mb-3 sm:flex">
|
|
13
|
+
<time class="mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0">{date}</time>
|
|
14
|
+
<div class="text-sm font-normal text-gray-500 lex dark:text-gray-300">
|
|
15
|
+
{@html title}
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
{#if text}
|
|
19
|
+
<div
|
|
20
|
+
class="p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300">
|
|
21
|
+
{@html text}
|
|
22
|
+
</div>
|
|
23
|
+
{/if}
|
|
24
|
+
</div>
|
|
25
|
+
</li>
|
|
29
26
|
{/each}
|
|
@@ -4,8 +4,8 @@ export let date;
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<div class={divClass}>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
<time class={timeClass}>{date}</time>
|
|
8
|
+
<ol class="mt-3 divide-y divider-gray-200 dark:divide-gray-700">
|
|
9
|
+
<slot />
|
|
10
|
+
</ol>
|
|
11
11
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Group.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Group.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;cAD2G,IAAI,GAAG,MAAM;;;;;;;;CAChF,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
|
|
@@ -2,48 +2,43 @@
|
|
|
2
2
|
</script>
|
|
3
3
|
|
|
4
4
|
{#each timelines as { title, src, alt, isPrivate, href, comment }}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
{/if}
|
|
45
|
-
</span>
|
|
46
|
-
</div>
|
|
47
|
-
</a>
|
|
48
|
-
</li>
|
|
5
|
+
<li>
|
|
6
|
+
<a {href} class="block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
7
|
+
<img class="mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0" {src} {alt} />
|
|
8
|
+
<div class="text-gray-600 dark:text-gray-400">
|
|
9
|
+
<div class="text-base font-normal">
|
|
10
|
+
{@html title}
|
|
11
|
+
</div>
|
|
12
|
+
{#if comment}
|
|
13
|
+
<div class="text-sm font-normal">{comment}</div>
|
|
14
|
+
{/if}
|
|
15
|
+
<span class="inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400">
|
|
16
|
+
{#if isPrivate}
|
|
17
|
+
<svg
|
|
18
|
+
class="mr-1 w-3 h-3"
|
|
19
|
+
fill="currentColor"
|
|
20
|
+
viewBox="0 0 20 20"
|
|
21
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
22
|
+
><path
|
|
23
|
+
fill-rule="evenodd"
|
|
24
|
+
d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z"
|
|
25
|
+
clip-rule="evenodd" /><path
|
|
26
|
+
d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z" /></svg>
|
|
27
|
+
Private
|
|
28
|
+
{:else}
|
|
29
|
+
<svg
|
|
30
|
+
class="mr-1 w-3 h-3"
|
|
31
|
+
fill="currentColor"
|
|
32
|
+
viewBox="0 0 20 20"
|
|
33
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
34
|
+
><path
|
|
35
|
+
fill-rule="evenodd"
|
|
36
|
+
d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z"
|
|
37
|
+
clip-rule="evenodd" /></svg>
|
|
38
|
+
Public
|
|
39
|
+
{/if}
|
|
40
|
+
</span>
|
|
41
|
+
</div>
|
|
42
|
+
</a>
|
|
43
|
+
</li>
|
|
49
44
|
{/each}
|