flowbite-svelte 0.25.14 → 0.25.15
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/CHANGELOG.md +7 -0
- package/index.d.ts +0 -1
- package/index.js +0 -2
- package/package.json +1 -2
- package/drawers/Drawer.svelte +0 -44
- package/drawers/Drawer.svelte.d.ts +0 -26
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.25.15](https://github.com/themesberg/flowbite-svelte/compare/v0.25.14...v0.25.15) (2022-08-25)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* removed drawer component and page from the main ([5cf77f0](https://github.com/themesberg/flowbite-svelte/commit/5cf77f008aff26e64bd210a3bdf60e5f25aebc89))
|
|
11
|
+
|
|
5
12
|
### [0.25.14](https://github.com/themesberg/flowbite-svelte/compare/v0.25.13...v0.25.14) (2022-08-25)
|
|
6
13
|
|
|
7
14
|
|
package/index.d.ts
CHANGED
|
@@ -12,7 +12,6 @@ export { default as Carousel } from './carousels/Carousel.svelte';
|
|
|
12
12
|
export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
|
|
13
13
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
14
14
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
15
|
-
export { default as Drawer } from './drawers/Drawer.svelte';
|
|
16
15
|
export { default as Dropdown } from './dropdowns/Dropdown.svelte';
|
|
17
16
|
export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
|
|
18
17
|
export { default as DropdownHeader } from './dropdowns/DropdownHeader.svelte';
|
package/index.js
CHANGED
|
@@ -23,8 +23,6 @@ export { default as CarouselTransition } from './carousels/CarouselTransition.sv
|
|
|
23
23
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
24
24
|
// Datepicker
|
|
25
25
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
26
|
-
// Drawer
|
|
27
|
-
export { default as Drawer } from './drawers/Drawer.svelte';
|
|
28
26
|
// Dropdown
|
|
29
27
|
export { default as Dropdown } from './dropdowns/Dropdown.svelte';
|
|
30
28
|
export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "0.25.
|
|
3
|
+
"version": "0.25.15",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": {
|
|
@@ -121,7 +121,6 @@
|
|
|
121
121
|
"./darkmode/DarkMode.svelte": "./darkmode/DarkMode.svelte",
|
|
122
122
|
"./datepicker/Calender.svelte": "./datepicker/Calender.svelte",
|
|
123
123
|
"./datepicker/Datepicker.svelte": "./datepicker/Datepicker.svelte",
|
|
124
|
-
"./drawers/Drawer.svelte": "./drawers/Drawer.svelte",
|
|
125
124
|
"./dropdowns/Dropdown.svelte": "./dropdowns/Dropdown.svelte",
|
|
126
125
|
"./dropdowns/DropdownDivider.svelte": "./dropdowns/DropdownDivider.svelte",
|
|
127
126
|
"./dropdowns/DropdownHeader.svelte": "./dropdowns/DropdownHeader.svelte",
|
package/drawers/Drawer.svelte
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<script>import classNames from 'classnames';
|
|
2
|
-
import { fly, slide, blur, fade } from 'svelte/transition';
|
|
3
|
-
import { clickOutside } from '../utils/clickOutside';
|
|
4
|
-
let drawerOpen = false;
|
|
5
|
-
export let id = 'drawer-example';
|
|
6
|
-
export let divClass = 'overflow-y-auto fixed z-40 p-4 w-80 h-screen bg-white dark:bg-gray-800';
|
|
7
|
-
export let transitionParams = {};
|
|
8
|
-
export let transitionType = 'fly';
|
|
9
|
-
function multiple(node, params) {
|
|
10
|
-
switch (transitionType) {
|
|
11
|
-
case 'slide':
|
|
12
|
-
return slide(node, params);
|
|
13
|
-
case 'blur':
|
|
14
|
-
return blur(node, params);
|
|
15
|
-
case 'fly':
|
|
16
|
-
return fly(node, params);
|
|
17
|
-
case 'fade':
|
|
18
|
-
return fade(node, params);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
let toggle = () => {
|
|
22
|
-
drawerOpen = !drawerOpen;
|
|
23
|
-
};
|
|
24
|
-
</script>
|
|
25
|
-
|
|
26
|
-
<div
|
|
27
|
-
use:clickOutside={() => {
|
|
28
|
-
if (drawerOpen) {
|
|
29
|
-
drawerOpen = false;
|
|
30
|
-
}
|
|
31
|
-
}}
|
|
32
|
-
>
|
|
33
|
-
{#if drawerOpen}
|
|
34
|
-
<div
|
|
35
|
-
{id}
|
|
36
|
-
{...$$restProps}
|
|
37
|
-
class={classNames(divClass, $$props.class)}
|
|
38
|
-
transition:multiple={transitionParams}
|
|
39
|
-
tabindex="-1"
|
|
40
|
-
>
|
|
41
|
-
<slot {drawerOpen} {toggle} />
|
|
42
|
-
</div>
|
|
43
|
-
{/if}
|
|
44
|
-
</div>
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { drawerTransitionParamTypes, drawerTransitionTypes } from '../types';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: {
|
|
5
|
-
[x: string]: any;
|
|
6
|
-
id?: string;
|
|
7
|
-
divClass?: string;
|
|
8
|
-
transitionParams?: drawerTransitionParamTypes;
|
|
9
|
-
transitionType?: drawerTransitionTypes;
|
|
10
|
-
};
|
|
11
|
-
events: {
|
|
12
|
-
[evt: string]: CustomEvent<any>;
|
|
13
|
-
};
|
|
14
|
-
slots: {
|
|
15
|
-
default: {
|
|
16
|
-
drawerOpen: boolean;
|
|
17
|
-
toggle: () => void;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export declare type DrawerProps = typeof __propDef.props;
|
|
22
|
-
export declare type DrawerEvents = typeof __propDef.events;
|
|
23
|
-
export declare type DrawerSlots = typeof __propDef.slots;
|
|
24
|
-
export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
|
|
25
|
-
}
|
|
26
|
-
export {};
|