flowbite-svelte 0.35.4 → 0.36.4
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/buttons/GradientButton.svelte +11 -1
- package/dist/buttons/GradientButton.svelte.d.ts +7 -0
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -1
- package/dist/darkmode/DarkMode.svelte +8 -3
- package/dist/darkmode/DarkMode.svelte.d.ts +1 -0
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Android.svelte +5 -0
- package/dist/device-mockup/Android.svelte.d.ts +24 -0
- package/dist/device-mockup/Android.svelte.d.ts.map +1 -0
- package/dist/device-mockup/Default.svelte +4 -0
- package/dist/device-mockup/Default.svelte.d.ts +24 -0
- package/dist/device-mockup/Default.svelte.d.ts.map +1 -0
- package/dist/device-mockup/DeviceMockup.svelte +69 -0
- package/dist/device-mockup/DeviceMockup.svelte.d.ts +19 -0
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -0
- package/dist/device-mockup/Ios.svelte +4 -0
- package/dist/device-mockup/Ios.svelte.d.ts +24 -0
- package/dist/device-mockup/Ios.svelte.d.ts.map +1 -0
- package/dist/device-mockup/SmartWatch.svelte +2 -0
- package/dist/device-mockup/SmartWatch.svelte.d.ts +24 -0
- package/dist/device-mockup/SmartWatch.svelte.d.ts.map +1 -0
- package/dist/device-mockup/Tablet.svelte +4 -0
- package/dist/device-mockup/Tablet.svelte.d.ts +24 -0
- package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/modals/Modal.svelte +14 -7
- package/dist/modals/Modal.svelte.d.ts +3 -1
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/ratings/Rating.svelte +2 -2
- package/package.json +41 -17
|
@@ -56,5 +56,15 @@ $: divClass = classNames('p-0.5', gradientClasses[color], shadow && 'shadow-lg',
|
|
|
56
56
|
<Button {...$$restProps} color="none" class={gradientOutlineClass}><slot /></Button>
|
|
57
57
|
</div>
|
|
58
58
|
{:else}
|
|
59
|
-
<Button
|
|
59
|
+
<Button
|
|
60
|
+
{...$$restProps}
|
|
61
|
+
color="none"
|
|
62
|
+
class={divClass}
|
|
63
|
+
on:click
|
|
64
|
+
on:change
|
|
65
|
+
on:keydown
|
|
66
|
+
on:keyup
|
|
67
|
+
on:mouseenter
|
|
68
|
+
on:mouseleave
|
|
69
|
+
><slot /></Button>
|
|
60
70
|
{/if}
|
|
@@ -6,6 +6,13 @@ declare const __propDef: {
|
|
|
6
6
|
shadow?: boolean | undefined;
|
|
7
7
|
};
|
|
8
8
|
events: {
|
|
9
|
+
click: MouseEvent;
|
|
10
|
+
change: Event;
|
|
11
|
+
keydown: KeyboardEvent;
|
|
12
|
+
keyup: KeyboardEvent;
|
|
13
|
+
mouseenter: MouseEvent;
|
|
14
|
+
mouseleave: MouseEvent;
|
|
15
|
+
} & {
|
|
9
16
|
[evt: string]: CustomEvent<any>;
|
|
10
17
|
};
|
|
11
18
|
slots: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8FD,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8FD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<script>import { onMount } from 'svelte';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
// declare initialTheme as a prop with a default value of 'light'
|
|
4
|
+
export let initialTheme = 'light';
|
|
3
5
|
export let btnClass = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5';
|
|
4
6
|
export let size = 'md';
|
|
5
7
|
const sizes = {
|
|
@@ -9,10 +11,13 @@ const sizes = {
|
|
|
9
11
|
};
|
|
10
12
|
let toggleTheme;
|
|
11
13
|
onMount(() => {
|
|
12
|
-
localStorage.getItem('color-theme')
|
|
14
|
+
if (localStorage.getItem('color-theme')) {
|
|
15
|
+
initialTheme = localStorage.getItem('color-theme') || 'light';
|
|
16
|
+
}
|
|
17
|
+
localStorage.getItem('color-theme') === initialTheme ||
|
|
13
18
|
(!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
|
|
14
|
-
? window.document.documentElement.classList.add(
|
|
15
|
-
: window.document.documentElement.classList.remove(
|
|
19
|
+
? window.document.documentElement.classList.add(initialTheme)
|
|
20
|
+
: window.document.documentElement.classList.remove(initialTheme);
|
|
16
21
|
toggleTheme = () => {
|
|
17
22
|
const isDark = window.document.documentElement.classList.toggle('dark');
|
|
18
23
|
localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<div class="w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute"></div>
|
|
2
|
+
<div class="h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div>
|
|
3
|
+
<div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
|
|
4
|
+
<div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
|
|
5
|
+
<div class="h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} AndroidProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} AndroidEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} AndroidSlots */
|
|
4
|
+
export default class Android extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> {
|
|
9
|
+
}
|
|
10
|
+
export type AndroidProps = typeof __propDef.props;
|
|
11
|
+
export type AndroidEvents = typeof __propDef.events;
|
|
12
|
+
export type AndroidSlots = typeof __propDef.slots;
|
|
13
|
+
import { SvelteComponentTyped } from "svelte";
|
|
14
|
+
declare const __propDef: {
|
|
15
|
+
props: {
|
|
16
|
+
[x: string]: never;
|
|
17
|
+
};
|
|
18
|
+
events: {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
};
|
|
21
|
+
slots: {};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Android.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Android.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Android.svelte.js"],"names":[],"mappings":"AAUA,sDAAsD;AACtD,wDAAwD;AACxD,sDAAsD;AAEtD;;;;;CACC;2BALa,OAAO,UAAU,KAAK;4BACtB,OAAO,UAAU,MAAM;2BACvB,OAAO,UAAU,KAAK;qCAZC,QAAQ;AAS7C;;;;;;;;EAA8E"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<div class="h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div>
|
|
2
|
+
<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
|
|
3
|
+
<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
|
|
4
|
+
<div class="h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} DefaultProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} DefaultEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} DefaultSlots */
|
|
4
|
+
export default class Default extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> {
|
|
9
|
+
}
|
|
10
|
+
export type DefaultProps = typeof __propDef.props;
|
|
11
|
+
export type DefaultEvents = typeof __propDef.events;
|
|
12
|
+
export type DefaultSlots = typeof __propDef.slots;
|
|
13
|
+
import { SvelteComponentTyped } from "svelte";
|
|
14
|
+
declare const __propDef: {
|
|
15
|
+
props: {
|
|
16
|
+
[x: string]: never;
|
|
17
|
+
};
|
|
18
|
+
events: {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
};
|
|
21
|
+
slots: {};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Default.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Default.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Default.svelte.js"],"names":[],"mappings":"AASA,sDAAsD;AACtD,wDAAwD;AACxD,sDAAsD;AAEtD;;;;;CACC;2BALa,OAAO,UAAU,KAAK;4BACtB,OAAO,UAAU,MAAM;2BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
<script>import Default from './Default.svelte';
|
|
2
|
+
import Ios from './Ios.svelte';
|
|
3
|
+
import Android from './Android.svelte';
|
|
4
|
+
import Tablet from './Tablet.svelte';
|
|
5
|
+
import SmartWatch from './SmartWatch.svelte';
|
|
6
|
+
export let device = 'default';
|
|
7
|
+
const divClasses = {
|
|
8
|
+
default: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]',
|
|
9
|
+
ios: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl',
|
|
10
|
+
android: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl',
|
|
11
|
+
tablet: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]',
|
|
12
|
+
laptop: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]',
|
|
13
|
+
desktop: 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]',
|
|
14
|
+
smartwatch: 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]'
|
|
15
|
+
};
|
|
16
|
+
const slotClasses = {
|
|
17
|
+
default: 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800',
|
|
18
|
+
ios: 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800',
|
|
19
|
+
android: 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800',
|
|
20
|
+
tablet: 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800',
|
|
21
|
+
laptop: 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800',
|
|
22
|
+
desktop: 'rounded-xl overflow-hidden h-[140px] md:h-[262px]',
|
|
23
|
+
smartwatch: 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]'
|
|
24
|
+
};
|
|
25
|
+
</script>
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
<div class="{divClasses[device]}">
|
|
29
|
+
{#if device === 'default'}
|
|
30
|
+
<Default />
|
|
31
|
+
{:else if device === 'ios'}
|
|
32
|
+
<Ios />
|
|
33
|
+
{:else if device === 'android'}
|
|
34
|
+
<Android />
|
|
35
|
+
{:else if device === 'tablet'}
|
|
36
|
+
<Tablet />
|
|
37
|
+
{/if}
|
|
38
|
+
{#if device === 'laptop' }
|
|
39
|
+
<div class="rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800">
|
|
40
|
+
<slot />
|
|
41
|
+
</div>
|
|
42
|
+
{:else if device === 'desktop'}
|
|
43
|
+
<div class="rounded-xl overflow-hidden h-[140px] md:h-[262px]">
|
|
44
|
+
<slot />
|
|
45
|
+
</div>
|
|
46
|
+
{:else if device === 'smartwatch'}
|
|
47
|
+
<!-- No code -->
|
|
48
|
+
{:else}
|
|
49
|
+
<div class="{slotClasses[device]}">
|
|
50
|
+
<slot />
|
|
51
|
+
</div>
|
|
52
|
+
{/if}
|
|
53
|
+
</div>
|
|
54
|
+
{#if device === 'laptop' }
|
|
55
|
+
<div class="relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]">
|
|
56
|
+
<div class="absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800"></div>
|
|
57
|
+
</div>
|
|
58
|
+
{:else if device === 'desktop'}
|
|
59
|
+
<div class="relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]"></div>
|
|
60
|
+
<div class="relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]"></div>
|
|
61
|
+
{:else if device === 'smartwatch'}
|
|
62
|
+
<div class="relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]">
|
|
63
|
+
<SmartWatch />
|
|
64
|
+
<div class="rounded-[2rem] overflow-hidden h-[193px] w-[188px]">
|
|
65
|
+
<slot />
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
<div class="relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]"></div>
|
|
69
|
+
{/if}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
device?: "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch" | undefined;
|
|
5
|
+
};
|
|
6
|
+
events: {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
};
|
|
9
|
+
slots: {
|
|
10
|
+
default: {};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type DeviceMockupProps = typeof __propDef.props;
|
|
14
|
+
export type DeviceMockupEvents = typeof __propDef.events;
|
|
15
|
+
export type DeviceMockupSlots = typeof __propDef.slots;
|
|
16
|
+
export default class DeviceMockup extends SvelteComponentTyped<DeviceMockupProps, DeviceMockupEvents, DeviceMockupSlots> {
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=DeviceMockup.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DeviceMockup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/DeviceMockup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoFD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<div class="w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute"></div>
|
|
2
|
+
<div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
|
|
3
|
+
<div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
|
|
4
|
+
<div class="h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} IosProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} IosEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} IosSlots */
|
|
4
|
+
export default class Ios extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> {
|
|
9
|
+
}
|
|
10
|
+
export type IosProps = typeof __propDef.props;
|
|
11
|
+
export type IosEvents = typeof __propDef.events;
|
|
12
|
+
export type IosSlots = typeof __propDef.slots;
|
|
13
|
+
import { SvelteComponentTyped } from "svelte";
|
|
14
|
+
declare const __propDef: {
|
|
15
|
+
props: {
|
|
16
|
+
[x: string]: never;
|
|
17
|
+
};
|
|
18
|
+
events: {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
};
|
|
21
|
+
slots: {};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Ios.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ios.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Ios.svelte.js"],"names":[],"mappings":"AASA,kDAAkD;AAClD,oDAAoD;AACpD,kDAAkD;AAElD;;;;;CACC;uBALa,OAAO,UAAU,KAAK;wBACtB,OAAO,UAAU,MAAM;uBACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} SmartWatchProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} SmartWatchEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} SmartWatchSlots */
|
|
4
|
+
export default class SmartWatch extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> {
|
|
9
|
+
}
|
|
10
|
+
export type SmartWatchProps = typeof __propDef.props;
|
|
11
|
+
export type SmartWatchEvents = typeof __propDef.events;
|
|
12
|
+
export type SmartWatchSlots = typeof __propDef.slots;
|
|
13
|
+
import { SvelteComponentTyped } from "svelte";
|
|
14
|
+
declare const __propDef: {
|
|
15
|
+
props: {
|
|
16
|
+
[x: string]: never;
|
|
17
|
+
};
|
|
18
|
+
events: {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
};
|
|
21
|
+
slots: {};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=SmartWatch.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmartWatch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/SmartWatch.svelte.js"],"names":[],"mappings":"AAOA,yDAAyD;AACzD,2DAA2D;AAC3D,yDAAyD;AAEzD;;;;;CACC;8BALa,OAAO,UAAU,KAAK;+BACtB,OAAO,UAAU,MAAM;8BACvB,OAAO,UAAU,KAAK;qCATC,QAAQ;AAM7C;;;;;;;;EAA8E"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<div class="h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div>
|
|
2
|
+
<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
|
|
3
|
+
<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
|
|
4
|
+
<div class="h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} TabletProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} TabletEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} TabletSlots */
|
|
4
|
+
export default class Tablet extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> {
|
|
9
|
+
}
|
|
10
|
+
export type TabletProps = typeof __propDef.props;
|
|
11
|
+
export type TabletEvents = typeof __propDef.events;
|
|
12
|
+
export type TabletSlots = typeof __propDef.slots;
|
|
13
|
+
import { SvelteComponentTyped } from "svelte";
|
|
14
|
+
declare const __propDef: {
|
|
15
|
+
props: {
|
|
16
|
+
[x: string]: never;
|
|
17
|
+
};
|
|
18
|
+
events: {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
};
|
|
21
|
+
slots: {};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Tablet.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tablet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Tablet.svelte.js"],"names":[],"mappings":"AASA,qDAAqD;AACrD,uDAAuD;AACvD,qDAAqD;AAErD;;;;;CACC;0BALa,OAAO,UAAU,KAAK;2BACtB,OAAO,UAAU,MAAM;0BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}
|
package/dist/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export { default as Carousel } from './carousels/Carousel.svelte';
|
|
|
18
18
|
export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
|
|
19
19
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
20
20
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
21
|
+
export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
|
|
21
22
|
export { default as Drawer } from './drawer/Drawer.svelte';
|
|
22
23
|
export { default as Dropdown } from './dropdowns/Dropdown.svelte';
|
|
23
24
|
export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAG5E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAGzF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAG5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAGtF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAG7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAG7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAGnF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGjF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAGzF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -31,6 +31,8 @@ export { default as CarouselTransition } from './carousels/CarouselTransition.sv
|
|
|
31
31
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
32
32
|
// Datepicker
|
|
33
33
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
34
|
+
// DeviceMockup
|
|
35
|
+
export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
|
|
34
36
|
// Drawer
|
|
35
37
|
export { default as Drawer } from './drawer/Drawer.svelte';
|
|
36
38
|
// Dropdown
|
package/dist/modals/Modal.svelte
CHANGED
|
@@ -11,6 +11,8 @@ export let autoclose = false;
|
|
|
11
11
|
export let permanent = false;
|
|
12
12
|
export let backdropClasses = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
|
|
13
13
|
export let defaultClass = 'relative flex flex-col mx-auto';
|
|
14
|
+
export let outsideclose = false;
|
|
15
|
+
export let id = "modal";
|
|
14
16
|
const dispatch = createEventDispatcher();
|
|
15
17
|
$: dispatch(open ? 'open' : 'hide');
|
|
16
18
|
function prepareFocus(node) {
|
|
@@ -69,33 +71,39 @@ const hide = (e) => {
|
|
|
69
71
|
e.preventDefault();
|
|
70
72
|
open = false;
|
|
71
73
|
};
|
|
74
|
+
function isHTMLElement(value) {
|
|
75
|
+
return value instanceof HTMLElement;
|
|
76
|
+
}
|
|
77
|
+
const hidebyOutside = (e) => {
|
|
78
|
+
if (isHTMLElement(e.target) && e.target.id === 'outerModal') {
|
|
79
|
+
open = false;
|
|
80
|
+
}
|
|
81
|
+
};
|
|
72
82
|
let frameClass;
|
|
73
83
|
$: frameClass = classNames(defaultClass, $$props.class);
|
|
74
84
|
const isScrollable = (e) => [
|
|
75
85
|
e.scrollWidth > e.clientWidth && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowX) >= 0,
|
|
76
86
|
e.scrollHeight > e.clientHeight && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowY) >= 0
|
|
77
87
|
];
|
|
78
|
-
function preventWheelDefault(e) {
|
|
79
|
-
// @ts-ignore
|
|
80
|
-
const [x, y] = isScrollable(this);
|
|
81
|
-
return x || y || e.preventDefault();
|
|
82
|
-
}
|
|
83
88
|
function handleKeys(e) {
|
|
84
89
|
if (e.key === 'Escape' && !permanent)
|
|
85
90
|
return hide(e);
|
|
86
91
|
}
|
|
87
92
|
</script>
|
|
88
93
|
|
|
94
|
+
|
|
89
95
|
{#if open}
|
|
90
96
|
<!-- backdrop -->
|
|
91
97
|
<div class={classNames('fixed inset-0 z-40', backdropClasses)} />
|
|
92
98
|
<!-- dialog -->
|
|
93
99
|
<div
|
|
100
|
+
id='outerModal'
|
|
94
101
|
on:keydown={handleKeys}
|
|
95
102
|
on:wheel|preventDefault|nonpassive
|
|
96
103
|
use:prepareFocus
|
|
97
104
|
use:focusTrap
|
|
98
105
|
on:click={autoclose ? onAutoClose : null}
|
|
106
|
+
on:click={outsideclose? hidebyOutside: null}
|
|
99
107
|
class={classNames(
|
|
100
108
|
'fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex',
|
|
101
109
|
...getPlacementClasses()
|
|
@@ -103,7 +111,7 @@ function handleKeys(e) {
|
|
|
103
111
|
tabindex="-1"
|
|
104
112
|
aria-modal="true"
|
|
105
113
|
role="dialog">
|
|
106
|
-
<div class="flex relative {sizes[size]} w-full max-h-full">
|
|
114
|
+
<div class="flex relative {sizes[size]} w-full max-h-full" {id} >
|
|
107
115
|
<!-- Modal content -->
|
|
108
116
|
<Frame rounded shadow {...$$restProps} class={frameClass}>
|
|
109
117
|
<!-- Modal header -->
|
|
@@ -126,7 +134,6 @@ function handleKeys(e) {
|
|
|
126
134
|
{/if}
|
|
127
135
|
<!-- Modal body -->
|
|
128
136
|
<div
|
|
129
|
-
id="modal"
|
|
130
137
|
class="p-6 space-y-6 flex-1 overflow-y-auto overscroll-contain"
|
|
131
138
|
on:keydown|stopPropagation={handleKeys}
|
|
132
139
|
on:wheel|stopPropagation|passive>
|
|
@@ -22,7 +22,7 @@ declare const __propDef: {
|
|
|
22
22
|
draggable?: import("svelte/elements").Booleanish | null | undefined;
|
|
23
23
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
|
|
24
24
|
hidden?: boolean | null | undefined;
|
|
25
|
-
id?: string |
|
|
25
|
+
id?: string | undefined;
|
|
26
26
|
lang?: string | null | undefined;
|
|
27
27
|
part?: string | null | undefined;
|
|
28
28
|
placeholder?: string | null | undefined;
|
|
@@ -249,6 +249,8 @@ declare const __propDef: {
|
|
|
249
249
|
autoclose?: boolean | undefined;
|
|
250
250
|
permanent?: boolean | undefined;
|
|
251
251
|
backdropClasses?: string | undefined;
|
|
252
|
+
defaultClass?: string | undefined;
|
|
253
|
+
outsideclose?: boolean | undefined;
|
|
252
254
|
};
|
|
253
255
|
events: {
|
|
254
256
|
wheel: WheelEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAgL3C,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"}
|
|
@@ -5,7 +5,7 @@ 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 = 'partialStar';
|
|
8
|
+
export let partialId = 'partialStar' + generateId();
|
|
9
9
|
export let icon = Star;
|
|
10
10
|
export let count = false;
|
|
11
11
|
// generate unique id for full star and gray star
|
|
@@ -28,7 +28,7 @@ let grayStars = total - (fullStars + Math.ceil(rateDiffence));
|
|
|
28
28
|
<svelte:component this={icon} {size} fillPercent={100} id="{fullStarId}"/>
|
|
29
29
|
{/each}
|
|
30
30
|
{#if percentRating }
|
|
31
|
-
<svelte:component this={icon} {size} fillPercent={percentRating} {partialId}/>
|
|
31
|
+
<svelte:component this={icon} {size} fillPercent={percentRating} id={partialId}/>
|
|
32
32
|
{/if}
|
|
33
33
|
{#each Array(grayStars) as star}
|
|
34
34
|
<svelte:component this={icon} {size} fillPercent={0} id="{grayStarId}"/>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.36.4",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"author": {
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
"svelte": "^3.55.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@playwright/test": "^1.
|
|
39
|
-
"@sveltejs/adapter-vercel": "^
|
|
40
|
-
"@sveltejs/kit": "^1.
|
|
38
|
+
"@playwright/test": "^1.34.0",
|
|
39
|
+
"@sveltejs/adapter-vercel": "^3.0.0",
|
|
40
|
+
"@sveltejs/kit": "^1.18.0",
|
|
41
41
|
"@sveltejs/package": "2.0.2",
|
|
42
|
-
"@typescript-eslint/eslint-plugin": "^5.59.
|
|
43
|
-
"@typescript-eslint/parser": "^5.59.
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "^5.59.6",
|
|
43
|
+
"@typescript-eslint/parser": "^5.59.6",
|
|
44
44
|
"autoprefixer": "^10.4.14",
|
|
45
45
|
"createprops": "^0.6.1",
|
|
46
|
-
"esbuild": "0.17.
|
|
47
|
-
"eslint": "^8.
|
|
46
|
+
"esbuild": "0.17.19",
|
|
47
|
+
"eslint": "^8.41.0",
|
|
48
48
|
"eslint-config-prettier": "^8.8.0",
|
|
49
49
|
"eslint-plugin-svelte3": "^4.0.0",
|
|
50
50
|
"mdsvex": "^0.10.6",
|
|
@@ -54,17 +54,17 @@
|
|
|
54
54
|
"prettier": "^2.8.8",
|
|
55
55
|
"prettier-plugin-svelte": "^2.10.0",
|
|
56
56
|
"prism-themes": "^1.9.0",
|
|
57
|
-
"publint": "^0.1.
|
|
58
|
-
"svelte": "^3.59.
|
|
59
|
-
"svelte-check": "^3.3.
|
|
60
|
-
"svelte-meta-tags": "^2.7.
|
|
57
|
+
"publint": "^0.1.12",
|
|
58
|
+
"svelte": "^3.59.1",
|
|
59
|
+
"svelte-check": "^3.3.2",
|
|
60
|
+
"svelte-meta-tags": "^2.7.2",
|
|
61
61
|
"svelte-preprocess": "^5.0.3",
|
|
62
|
-
"svelte2tsx": "^0.6.
|
|
62
|
+
"svelte2tsx": "^0.6.14",
|
|
63
63
|
"tailwindcss": "^3.3.2",
|
|
64
|
-
"tslib": "^2.5.
|
|
64
|
+
"tslib": "^2.5.2",
|
|
65
65
|
"typescript": "^5.0.4",
|
|
66
|
-
"vite": "^4.3.
|
|
67
|
-
"vitest": "^0.31.
|
|
66
|
+
"vite": "^4.3.8",
|
|
67
|
+
"vitest": "^0.31.1"
|
|
68
68
|
},
|
|
69
69
|
"type": "module",
|
|
70
70
|
"keywords": [
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"url": "https://github.com/themesberg/flowbite-svelte"
|
|
111
111
|
},
|
|
112
112
|
"dependencies": {
|
|
113
|
-
"@docsearch/js": "^3.3.
|
|
113
|
+
"@docsearch/js": "^3.3.5",
|
|
114
114
|
"@popperjs/core": "^2.11.7",
|
|
115
115
|
"classnames": "^2.3.2",
|
|
116
116
|
"flowbite": "^1.6.5"
|
|
@@ -224,6 +224,30 @@
|
|
|
224
224
|
"types": "./dist/datepicker/Datepicker.svelte.d.ts",
|
|
225
225
|
"svelte": "./dist/datepicker/Datepicker.svelte"
|
|
226
226
|
},
|
|
227
|
+
"./Android.svelte": {
|
|
228
|
+
"types": "./dist/device-mockup/Android.svelte.d.ts",
|
|
229
|
+
"svelte": "./dist/device-mockup/Android.svelte"
|
|
230
|
+
},
|
|
231
|
+
"./Default.svelte": {
|
|
232
|
+
"types": "./dist/device-mockup/Default.svelte.d.ts",
|
|
233
|
+
"svelte": "./dist/device-mockup/Default.svelte"
|
|
234
|
+
},
|
|
235
|
+
"./DeviceMockup.svelte": {
|
|
236
|
+
"types": "./dist/device-mockup/DeviceMockup.svelte.d.ts",
|
|
237
|
+
"svelte": "./dist/device-mockup/DeviceMockup.svelte"
|
|
238
|
+
},
|
|
239
|
+
"./Ios.svelte": {
|
|
240
|
+
"types": "./dist/device-mockup/Ios.svelte.d.ts",
|
|
241
|
+
"svelte": "./dist/device-mockup/Ios.svelte"
|
|
242
|
+
},
|
|
243
|
+
"./SmartWatch.svelte": {
|
|
244
|
+
"types": "./dist/device-mockup/SmartWatch.svelte.d.ts",
|
|
245
|
+
"svelte": "./dist/device-mockup/SmartWatch.svelte"
|
|
246
|
+
},
|
|
247
|
+
"./Tablet.svelte": {
|
|
248
|
+
"types": "./dist/device-mockup/Tablet.svelte.d.ts",
|
|
249
|
+
"svelte": "./dist/device-mockup/Tablet.svelte"
|
|
250
|
+
},
|
|
227
251
|
"./Drawer.svelte": {
|
|
228
252
|
"types": "./dist/drawer/Drawer.svelte.d.ts",
|
|
229
253
|
"svelte": "./dist/drawer/Drawer.svelte"
|