flowbite-svelte 1.16.0 → 1.17.0
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/forms/input-field/Input.svelte +4 -4
- package/dist/forms/input-field/theme.d.ts +6 -0
- package/dist/forms/input-field/theme.js +3 -2
- package/dist/modal/Modal.svelte +36 -95
- package/dist/modal/Modal.svelte.d.ts +25 -0
- 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/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/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/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 +0 -5
- 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/Popper.svelte +1 -1
- package/dist/utils/Popper.svelte.d.ts +1 -1
- package/dist/utils/countdown.svelte.d.ts +8 -0
- package/dist/utils/countdown.svelte.js +64 -0
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +1 -1
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
{@render left()}
|
|
226
226
|
</div>
|
|
227
227
|
{/if}
|
|
228
|
-
{@render inputContent()}
|
|
228
|
+
{@render inputContent(true)}
|
|
229
229
|
{#if right}
|
|
230
230
|
<div class={rightCls({ class: clsx(theme?.right, styling.right) })}>
|
|
231
231
|
{@render right()}
|
|
@@ -243,14 +243,14 @@
|
|
|
243
243
|
{/if}
|
|
244
244
|
</div>
|
|
245
245
|
{:else}
|
|
246
|
-
{@render inputContent()}
|
|
246
|
+
{@render inputContent(false)}
|
|
247
247
|
{/if}
|
|
248
248
|
|
|
249
|
-
{#snippet inputContent()}
|
|
249
|
+
{#snippet inputContent(wrapped: boolean)}
|
|
250
250
|
{#if children}
|
|
251
251
|
{@render children({ ...restProps, class: inputCls() })}
|
|
252
252
|
{:else}
|
|
253
|
-
<input {...restProps} bind:value bind:this={elementRef} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} class={inputCls({ class: clsx(theme?.input, className) })} />
|
|
253
|
+
<input {...restProps} bind:value bind:this={elementRef} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} class={[wrapped || base(), inputCls({ class: clsx(theme?.input, className) })]} />
|
|
254
254
|
{#if value !== undefined && value !== "" && clearable}
|
|
255
255
|
<CloseButton class={close({ class: clsx(theme?.close, styling.close) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(styling.svg)} />
|
|
256
256
|
{/if}
|
|
@@ -83,9 +83,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
|
|
|
83
83
|
};
|
|
84
84
|
grouped: {
|
|
85
85
|
false: {
|
|
86
|
+
base: string;
|
|
86
87
|
input: string;
|
|
87
88
|
};
|
|
88
89
|
true: {
|
|
90
|
+
base: string;
|
|
89
91
|
input: string;
|
|
90
92
|
};
|
|
91
93
|
};
|
|
@@ -181,9 +183,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
|
|
|
181
183
|
};
|
|
182
184
|
grouped: {
|
|
183
185
|
false: {
|
|
186
|
+
base: string;
|
|
184
187
|
input: string;
|
|
185
188
|
};
|
|
186
189
|
true: {
|
|
190
|
+
base: string;
|
|
187
191
|
input: string;
|
|
188
192
|
};
|
|
189
193
|
};
|
|
@@ -279,9 +283,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
|
|
|
279
283
|
};
|
|
280
284
|
grouped: {
|
|
281
285
|
false: {
|
|
286
|
+
base: string;
|
|
282
287
|
input: string;
|
|
283
288
|
};
|
|
284
289
|
true: {
|
|
290
|
+
base: string;
|
|
285
291
|
input: string;
|
|
286
292
|
};
|
|
287
293
|
};
|
|
@@ -86,9 +86,10 @@ export const input = tv({
|
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
88
|
grouped: {
|
|
89
|
-
false: { input: "rounded-lg" },
|
|
89
|
+
false: { base: "rounded-lg", input: "rounded-lg" },
|
|
90
90
|
true: {
|
|
91
|
-
|
|
91
|
+
base: "first:rounded-s-lg last:rounded-e-lg not-first:-ms-px group",
|
|
92
|
+
input: "group-first:rounded-s-lg group-last:rounded-e-lg group-not-first:-ms-px"
|
|
92
93
|
}
|
|
93
94
|
}
|
|
94
95
|
},
|
package/dist/modal/Modal.svelte
CHANGED
|
@@ -7,126 +7,67 @@
|
|
|
7
7
|
import { sineIn } from "svelte/easing";
|
|
8
8
|
import { fade } from "svelte/transition";
|
|
9
9
|
import { modal as modalStyle } from "./theme";
|
|
10
|
-
import { onMount } from "svelte";
|
|
11
10
|
|
|
12
|
-
let {
|
|
13
|
-
children,
|
|
14
|
-
header,
|
|
15
|
-
footer,
|
|
16
|
-
title,
|
|
17
|
-
open = $bindable(false),
|
|
18
|
-
permanent = false,
|
|
19
|
-
dismissable = true,
|
|
20
|
-
closeBtnClass,
|
|
21
|
-
headerClass,
|
|
22
|
-
bodyClass,
|
|
23
|
-
footerClass,
|
|
24
|
-
size = "md",
|
|
25
|
-
placement,
|
|
26
|
-
class: className,
|
|
27
|
-
classes,
|
|
28
|
-
transitionParams,
|
|
29
|
-
transition = fade,
|
|
30
|
-
fullscreen = false,
|
|
31
|
-
countdown: countdownConfig = {
|
|
32
|
-
number: 0,
|
|
33
|
-
text: "You can close this in {count} seconds"
|
|
34
|
-
},
|
|
35
|
-
...restProps
|
|
36
|
-
}: ModalProps = $props();
|
|
11
|
+
let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
|
|
37
12
|
|
|
13
|
+
// form, header, footer, body, close
|
|
38
14
|
warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
|
|
39
15
|
const styling = $derived(classes ?? { header: headerClass, body: bodyClass, footer: footerClass, close: closeBtnClass });
|
|
40
16
|
|
|
41
17
|
const theme = getTheme("modal");
|
|
18
|
+
|
|
42
19
|
const paramsDefault = { duration: 100, easing: sineIn };
|
|
43
20
|
const paramsOptions = $derived(transitionParams ?? paramsDefault);
|
|
44
|
-
const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
|
|
45
|
-
|
|
46
|
-
// Countdown logic
|
|
47
|
-
let countdownRemaining = $state(countdownConfig.number);
|
|
48
|
-
let countdownActive = $state(countdownConfig.number > 0);
|
|
49
|
-
let outsideclose = $derived(countdownRemaining > 0 ? false : true);
|
|
50
|
-
let countdownInterval: NodeJS.Timeout | null = null;
|
|
51
|
-
|
|
52
|
-
// Reset countdown when modal opens
|
|
53
|
-
$effect(() => {
|
|
54
|
-
if (open && countdownConfig.number > 0) {
|
|
55
|
-
countdownRemaining = countdownConfig.number;
|
|
56
|
-
countdownActive = true;
|
|
57
|
-
startCountdown();
|
|
58
|
-
} else if (!open) {
|
|
59
|
-
stopCountdown();
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
|
|
63
|
-
function startCountdown() {
|
|
64
|
-
stopCountdown(); // Clear any existing interval
|
|
65
|
-
countdownInterval = setInterval(() => {
|
|
66
|
-
countdownRemaining--;
|
|
67
|
-
if (countdownRemaining <= 0) {
|
|
68
|
-
countdownActive = false;
|
|
69
|
-
stopCountdown();
|
|
70
|
-
}
|
|
71
|
-
}, 1000);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function stopCountdown() {
|
|
75
|
-
if (countdownInterval) {
|
|
76
|
-
clearInterval(countdownInterval);
|
|
77
|
-
countdownInterval = null;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
21
|
|
|
81
|
-
|
|
82
|
-
onMount(() => {
|
|
83
|
-
return () => stopCountdown();
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
// Determine if close button should be shown
|
|
87
|
-
const shouldShowCloseButton = $derived(dismissable && !permanent && !countdownActive);
|
|
88
|
-
const shouldShowCountdownMessage = $derived(countdownActive && countdownRemaining > 0);
|
|
89
|
-
|
|
90
|
-
// Countdown display text
|
|
91
|
-
const displayCountdownText = $derived(() => {
|
|
92
|
-
if (typeof countdownConfig.text === "function") {
|
|
93
|
-
return countdownConfig.text(countdownRemaining);
|
|
94
|
-
} else {
|
|
95
|
-
return (countdownConfig.text ?? "").replace("{count}", countdownRemaining.toString());
|
|
96
|
-
}
|
|
97
|
-
});
|
|
22
|
+
const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
|
|
98
23
|
</script>
|
|
99
24
|
|
|
100
|
-
<Dialog bind:open {transition} dismissable={dismissable && !title && !permanent
|
|
25
|
+
<Dialog bind:open {transition} dismissable={dismissable && !title && !permanent} transitionParams={paramsOptions} {classes} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
|
|
101
26
|
{#if title || header}
|
|
102
27
|
<div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
|
|
103
28
|
{#if title}
|
|
104
|
-
<
|
|
105
|
-
|
|
106
|
-
<
|
|
107
|
-
|
|
108
|
-
<span class="text-sm text-gray-500 dark:text-gray-400">
|
|
109
|
-
{displayCountdownText()}
|
|
110
|
-
</span>
|
|
111
|
-
{/if}
|
|
112
|
-
{#if shouldShowCloseButton}
|
|
113
|
-
<CloseButton type="submit" formnovalidate class={clsx(styling.close)} />
|
|
114
|
-
{/if}
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
29
|
+
<h3>{title}</h3>
|
|
30
|
+
{#if dismissable && !permanent}
|
|
31
|
+
<CloseButton type="submit" formnovalidate class={clsx(styling.close)} />
|
|
32
|
+
{/if}
|
|
117
33
|
{:else if header}
|
|
118
34
|
{@render header()}
|
|
119
35
|
{/if}
|
|
120
36
|
</div>
|
|
121
37
|
{/if}
|
|
122
|
-
|
|
123
38
|
<div class={body({ class: clsx(theme?.body, styling.body) })}>
|
|
124
39
|
{@render children?.()}
|
|
125
40
|
</div>
|
|
126
|
-
|
|
127
41
|
{#if footer}
|
|
128
42
|
<div class={footerCls({ class: clsx(theme?.footer, styling.footer) })}>
|
|
129
43
|
{@render footer()}
|
|
130
44
|
</div>
|
|
131
45
|
{/if}
|
|
132
46
|
</Dialog>
|
|
47
|
+
|
|
48
|
+
<!--
|
|
49
|
+
@component
|
|
50
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
51
|
+
## Type
|
|
52
|
+
[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1060)
|
|
53
|
+
## Props
|
|
54
|
+
@prop children
|
|
55
|
+
@prop header
|
|
56
|
+
@prop footer
|
|
57
|
+
@prop title
|
|
58
|
+
@prop open = $bindable(false)
|
|
59
|
+
@prop permanent = false
|
|
60
|
+
@prop dismissable = true
|
|
61
|
+
@prop closeBtnClass
|
|
62
|
+
@prop headerClass
|
|
63
|
+
@prop bodyClass
|
|
64
|
+
@prop footerClass
|
|
65
|
+
@prop size = "md"
|
|
66
|
+
@prop placement
|
|
67
|
+
@prop class: className
|
|
68
|
+
@prop classes
|
|
69
|
+
@prop transitionParams
|
|
70
|
+
@prop transition = fade
|
|
71
|
+
@prop fullscreen = false
|
|
72
|
+
@prop ...restProps
|
|
73
|
+
-->
|
|
@@ -1,4 +1,29 @@
|
|
|
1
1
|
import type { ModalProps } from "..";
|
|
2
|
+
/**
|
|
3
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
|
+
* ## Type
|
|
5
|
+
* [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1060)
|
|
6
|
+
* ## Props
|
|
7
|
+
* @prop children
|
|
8
|
+
* @prop header
|
|
9
|
+
* @prop footer
|
|
10
|
+
* @prop title
|
|
11
|
+
* @prop open = $bindable(false)
|
|
12
|
+
* @prop permanent = false
|
|
13
|
+
* @prop dismissable = true
|
|
14
|
+
* @prop closeBtnClass
|
|
15
|
+
* @prop headerClass
|
|
16
|
+
* @prop bodyClass
|
|
17
|
+
* @prop footerClass
|
|
18
|
+
* @prop size = "md"
|
|
19
|
+
* @prop placement
|
|
20
|
+
* @prop class: className
|
|
21
|
+
* @prop classes
|
|
22
|
+
* @prop transitionParams
|
|
23
|
+
* @prop transition = fade
|
|
24
|
+
* @prop fullscreen = false
|
|
25
|
+
* @prop ...restProps
|
|
26
|
+
*/
|
|
2
27
|
declare const Modal: import("svelte").Component<ModalProps, {}, "open">;
|
|
3
28
|
type Modal = ReturnType<typeof Modal>;
|
|
4
29
|
export default Modal;
|
package/dist/navbar/Menu.svelte
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@component
|
|
34
34
|
[Go to docs](https://flowbite-svelte.com/)
|
|
35
35
|
## Type
|
|
36
|
-
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
36
|
+
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1071)
|
|
37
37
|
## Props
|
|
38
38
|
@prop size = "24"
|
|
39
39
|
@prop color = "currentColor"
|
|
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1071)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "24"
|
|
8
8
|
* @prop color = "currentColor"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop class: className
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
3
3
|
* ## Type
|
|
4
|
-
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
4
|
+
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
|
|
5
5
|
* ## Props
|
|
6
6
|
* @prop children
|
|
7
7
|
* @prop class: className
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
@component
|
|
32
32
|
[Go to docs](https://flowbite-svelte.com/)
|
|
33
33
|
## Type
|
|
34
|
-
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
34
|
+
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
|
|
35
35
|
## Props
|
|
36
36
|
@prop children
|
|
37
37
|
@prop onclick
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
3
3
|
* ## Type
|
|
4
|
-
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
4
|
+
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
|
|
5
5
|
* ## Props
|
|
6
6
|
* @prop children
|
|
7
7
|
* @prop onclick
|
package/dist/navbar/NavLi.svelte
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop onclick
|
|
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop onclick
|
package/dist/navbar/NavUl.svelte
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
@component
|
|
72
72
|
[Go to docs](https://flowbite-svelte.com/)
|
|
73
73
|
## Type
|
|
74
|
-
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
74
|
+
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
|
|
75
75
|
## Props
|
|
76
76
|
@prop children
|
|
77
77
|
@prop activeUrl = $bindable()
|
|
@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop activeUrl = $bindable()
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
@component
|
|
56
56
|
[Go to docs](https://flowbite-svelte.com/)
|
|
57
57
|
## Type
|
|
58
|
-
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
58
|
+
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1194)
|
|
59
59
|
## Props
|
|
60
60
|
@prop pages = []
|
|
61
61
|
@prop previous
|
|
@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1194)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop pages = []
|
|
8
8
|
* @prop previous
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
@component
|
|
64
64
|
[Go to docs](https://flowbite-svelte.com/)
|
|
65
65
|
## Type
|
|
66
|
-
[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
66
|
+
[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1158)
|
|
67
67
|
## Props
|
|
68
68
|
@prop children
|
|
69
69
|
@prop size
|
|
@@ -2,7 +2,7 @@ import type { PaginationButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1158)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop size
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1190)
|
|
36
36
|
## Props
|
|
37
37
|
@prop children
|
|
38
38
|
@prop size
|
|
@@ -2,7 +2,7 @@ import type { PaginationItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1190)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop size
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
@component
|
|
110
110
|
[Go to docs](https://flowbite-svelte.com/)
|
|
111
111
|
## Type
|
|
112
|
-
[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
112
|
+
[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
|
|
113
113
|
## Props
|
|
114
114
|
@prop currentPage = 1
|
|
115
115
|
@prop totalPages = 1
|
|
@@ -2,7 +2,7 @@ import type { PaginationNavProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop currentPage = 1
|
|
8
8
|
* @prop totalPages = 1
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@component
|
|
34
34
|
[Go to docs](https://flowbite-svelte.com/)
|
|
35
35
|
## Type
|
|
36
|
-
[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
36
|
+
[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1204)
|
|
37
37
|
## Props
|
|
38
38
|
@prop title: titleSlot
|
|
39
39
|
@prop color = "default"
|
|
@@ -2,7 +2,7 @@ import type { PopoverProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1204)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop title: titleSlot
|
|
8
8
|
* @prop color = "default"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
@component
|
|
54
54
|
[Go to docs](https://flowbite-svelte.com/)
|
|
55
55
|
## Type
|
|
56
|
-
[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
56
|
+
[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
|
|
57
57
|
## Props
|
|
58
58
|
@prop progress = "45"
|
|
59
59
|
@prop precision = 0
|
|
@@ -2,7 +2,7 @@ import type { ProgressbarProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop progress = "45"
|
|
8
8
|
* @prop precision = 0
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
@component
|
|
66
66
|
[Go to docs](https://flowbite-svelte.com/)
|
|
67
67
|
## Type
|
|
68
|
-
[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
68
|
+
[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
|
|
69
69
|
## Props
|
|
70
70
|
@prop progress = 45
|
|
71
71
|
@prop radius = 42
|
|
@@ -2,7 +2,7 @@ import type { ProgressradialProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop progress = 45
|
|
8
8
|
* @prop radius = 42
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
@component
|
|
42
42
|
[Go to docs](https://flowbite-svelte.com/)
|
|
43
43
|
## Type
|
|
44
|
-
[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
44
|
+
[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1242)
|
|
45
45
|
## Props
|
|
46
46
|
@prop rating
|
|
47
47
|
@prop globalText
|
|
@@ -2,7 +2,7 @@ import type { AdvancedRatingProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1242)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop rating
|
|
8
8
|
* @prop globalText
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@component
|
|
30
30
|
[Go to docs](https://flowbite-svelte.com/)
|
|
31
31
|
## Type
|
|
32
|
-
[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
32
|
+
[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
|
|
33
33
|
## Props
|
|
34
34
|
@prop fillPercent = 100
|
|
35
35
|
@prop fillColor = "#00ff00"
|
|
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop fillPercent = 100
|
|
8
8
|
* @prop fillColor = "#00ff00"
|
package/dist/rating/Heart.svelte
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@component
|
|
29
29
|
[Go to docs](https://flowbite-svelte.com/)
|
|
30
30
|
## Type
|
|
31
|
-
[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
31
|
+
[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
|
|
32
32
|
## Props
|
|
33
33
|
@prop fillPercent = 100
|
|
34
34
|
@prop fillColor = "#ff0000"
|
|
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop fillPercent = 100
|
|
8
8
|
* @prop fillColor = "#ff0000"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@component
|
|
48
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
49
49
|
## Type
|
|
50
|
-
[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
|
|
51
51
|
## Props
|
|
52
52
|
@prop children
|
|
53
53
|
@prop text
|
|
@@ -2,7 +2,7 @@ import type { RatingProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop text
|