flowbite-svelte 0.35.1 → 0.35.3
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/alerts/Alert.svelte.d.ts +2 -2
- package/dist/alerts/Alert.svelte.d.ts.map +1 -1
- package/dist/popover/Popover.svelte +1 -1
- package/dist/popover/Popover.svelte.d.ts +0 -2
- package/dist/popover/Popover.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +10 -1
- package/dist/tables/TableBodyCell.svelte.d.ts +7 -0
- package/dist/tables/TableBodyCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableHeadCell.svelte +10 -1
- package/dist/tables/TableHeadCell.svelte.d.ts +9 -0
- package/dist/tables/TableHeadCell.svelte.d.ts.map +1 -1
- package/dist/tooltips/Tooltip.svelte +1 -2
- package/dist/tooltips/Tooltip.svelte.d.ts +0 -2
- package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
- package/dist/utils/Popper.svelte +13 -1
- package/dist/utils/Popper.svelte.d.ts +0 -2
- package/dist/utils/Popper.svelte.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -242,8 +242,8 @@ declare const __propDef: {
|
|
|
242
242
|
node?: HTMLElement | undefined;
|
|
243
243
|
use?: import("svelte/action").Action<HTMLElement, any, Record<never, any>> | undefined;
|
|
244
244
|
options?: object | undefined;
|
|
245
|
-
dismissable
|
|
246
|
-
accent
|
|
245
|
+
dismissable?: boolean | undefined;
|
|
246
|
+
accent?: boolean | undefined;
|
|
247
247
|
};
|
|
248
248
|
events: {
|
|
249
249
|
click: MouseEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/alerts/Alert.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyDD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/alerts/Alert.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,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"}
|
|
@@ -3,7 +3,7 @@ export let title = '';
|
|
|
3
3
|
export let defaultClass = 'py-2 px-3';
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<Popper
|
|
6
|
+
<Popper activeContent border shadow rounded {...$$restProps} class={$$props.class} on:show>
|
|
7
7
|
{#if $$slots.title || title}
|
|
8
8
|
<div
|
|
9
9
|
class="py-2 px-3 bg-gray-100 rounded-t-lg border-b border-gray-200 dark:border-gray-600 dark:bg-gray-700">
|
|
@@ -251,8 +251,6 @@ declare const __propDef: {
|
|
|
251
251
|
strategy?: "fixed" | "absolute" | undefined;
|
|
252
252
|
open?: boolean | undefined;
|
|
253
253
|
yOnly?: boolean | undefined;
|
|
254
|
-
'data-tooltip'?: boolean | undefined;
|
|
255
|
-
'data-popover'?: boolean | undefined;
|
|
256
254
|
defaultClass?: string | undefined;
|
|
257
255
|
};
|
|
258
256
|
events: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
|
|
@@ -9,6 +9,15 @@ $: 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 {...$$restProps} class={tdClassfinal}
|
|
12
|
+
<td {...$$restProps} class={tdClassfinal}
|
|
13
|
+
on:click
|
|
14
|
+
on:focus
|
|
15
|
+
on:keydown
|
|
16
|
+
on:keypress
|
|
17
|
+
on:keyup
|
|
18
|
+
on:mouseenter
|
|
19
|
+
on:mouseleave
|
|
20
|
+
on:mouseover
|
|
21
|
+
>
|
|
13
22
|
<slot />
|
|
14
23
|
</td>
|
|
@@ -6,6 +6,13 @@ declare const __propDef: {
|
|
|
6
6
|
};
|
|
7
7
|
events: {
|
|
8
8
|
click: MouseEvent;
|
|
9
|
+
focus: FocusEvent;
|
|
10
|
+
keydown: KeyboardEvent;
|
|
11
|
+
keypress: KeyboardEvent;
|
|
12
|
+
keyup: KeyboardEvent;
|
|
13
|
+
mouseenter: MouseEvent;
|
|
14
|
+
mouseleave: MouseEvent;
|
|
15
|
+
mouseover: MouseEvent;
|
|
9
16
|
} & {
|
|
10
17
|
[evt: string]: CustomEvent<any>;
|
|
11
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBodyCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TableBodyCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,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"}
|
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
export let padding = 'px-6 py-3';
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
|
-
<th {...$$restProps} class={classNames(padding, $$props.class)}
|
|
5
|
+
<th {...$$restProps} class={classNames(padding, $$props.class)}
|
|
6
|
+
on:click
|
|
7
|
+
on:focus
|
|
8
|
+
on:keydown
|
|
9
|
+
on:keypress
|
|
10
|
+
on:keyup
|
|
11
|
+
on:mouseenter
|
|
12
|
+
on:mouseleave
|
|
13
|
+
on:mouseover
|
|
14
|
+
>
|
|
6
15
|
<slot />
|
|
7
16
|
</th>
|
|
@@ -5,6 +5,15 @@ declare const __propDef: {
|
|
|
5
5
|
padding?: string | undefined;
|
|
6
6
|
};
|
|
7
7
|
events: {
|
|
8
|
+
click: MouseEvent;
|
|
9
|
+
focus: FocusEvent;
|
|
10
|
+
keydown: KeyboardEvent;
|
|
11
|
+
keypress: KeyboardEvent;
|
|
12
|
+
keyup: KeyboardEvent;
|
|
13
|
+
mouseenter: MouseEvent;
|
|
14
|
+
mouseleave: MouseEvent;
|
|
15
|
+
mouseover: MouseEvent;
|
|
16
|
+
} & {
|
|
8
17
|
[evt: string]: CustomEvent<any>;
|
|
9
18
|
};
|
|
10
19
|
slots: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeadCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHeadCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TableHeadCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHeadCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
export let type = 'dark';
|
|
4
4
|
export let defaultClass = 'py-2 px-3 text-sm font-medium';
|
|
5
|
-
export let placement = 'top';
|
|
6
5
|
const types = {
|
|
7
6
|
dark: 'bg-gray-900 text-white dark:bg-gray-700',
|
|
8
7
|
light: 'border border-gray-200 bg-white text-gray-900',
|
|
@@ -19,6 +18,6 @@ $: {
|
|
|
19
18
|
}
|
|
20
19
|
</script>
|
|
21
20
|
|
|
22
|
-
<Popper
|
|
21
|
+
<Popper rounded shadow {...$$restProps} class={toolTipClass} on:show>
|
|
23
22
|
<slot />
|
|
24
23
|
</Popper>
|
|
@@ -251,8 +251,6 @@ declare const __propDef: {
|
|
|
251
251
|
strategy?: "fixed" | "absolute" | undefined;
|
|
252
252
|
open?: boolean | undefined;
|
|
253
253
|
yOnly?: boolean | undefined;
|
|
254
|
-
'data-tooltip'?: boolean | undefined;
|
|
255
|
-
'data-popover'?: boolean | undefined;
|
|
256
254
|
defaultClass?: string | undefined;
|
|
257
255
|
};
|
|
258
256
|
events: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
|
package/dist/utils/Popper.svelte
CHANGED
|
@@ -115,6 +115,12 @@ onMount(() => {
|
|
|
115
115
|
function optional(pred, func) {
|
|
116
116
|
return (pred && func) || null;
|
|
117
117
|
}
|
|
118
|
+
let placement_primary;
|
|
119
|
+
$: placement_primary = placement.split('-')[0];
|
|
120
|
+
let arrowClass = 'bottom';
|
|
121
|
+
$: arrowClass = classNames('absolute w-[9px] h-[9px] rotate-45 inset-0 m-auto bg-inherit', $$props.border && placement_primary === 'top' && 'border-b border-r', $$props.border && placement_primary === 'bottom' && 'border-t border-l', $$props.border && placement_primary === 'left' && 'border-t border-r', $$props.border && placement_primary === 'right' && 'border-b border-l');
|
|
122
|
+
let arrowOffset = '-4px';
|
|
123
|
+
$: arrowOffset = $$props.border ? '-5px' : '-4px';
|
|
118
124
|
</script>
|
|
119
125
|
|
|
120
126
|
{#if !triggerEl}
|
|
@@ -134,6 +140,12 @@ function optional(pred, func) {
|
|
|
134
140
|
{...$$restProps}
|
|
135
141
|
class={classNames('z-10 outline-none', $$props.class)}>
|
|
136
142
|
<slot />
|
|
137
|
-
{#if arrow}<div
|
|
143
|
+
{#if arrow}<div
|
|
144
|
+
class={arrowClass}
|
|
145
|
+
style:margin-left={placement_primary === 'right' ? arrowOffset : undefined}
|
|
146
|
+
style:margin-right={placement_primary === 'left' ? arrowOffset : undefined}
|
|
147
|
+
style:margin-top={placement_primary === 'bottom' ? arrowOffset : undefined}
|
|
148
|
+
style:margin-bottom={placement_primary === 'top' ? arrowOffset : undefined} />
|
|
149
|
+
{/if}
|
|
138
150
|
</Frame>
|
|
139
151
|
{/if}
|
|
@@ -252,8 +252,6 @@ declare const __propDef: {
|
|
|
252
252
|
strategy?: "fixed" | "absolute" | undefined;
|
|
253
253
|
open?: boolean | undefined;
|
|
254
254
|
yOnly?: boolean | undefined;
|
|
255
|
-
'data-tooltip'?: boolean | undefined;
|
|
256
|
-
'data-popover'?: boolean | undefined;
|
|
257
255
|
};
|
|
258
256
|
events: {
|
|
259
257
|
[evt: string]: CustomEvent<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AA8K1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
|