flowbite-svelte 0.35.3 → 0.36.2
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/accordion/Accordion.svelte.d.ts +5 -5
- package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/accordion/AccordionItem.svelte +6 -2
- package/dist/accordion/AccordionItem.svelte.d.ts +1 -0
- package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/buttons/Button.svelte +48 -66
- package/dist/buttons/Button.svelte.d.ts +3 -4
- package/dist/buttons/Button.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +70 -0
- package/dist/buttons/GradientButton.svelte.d.ts +28 -0
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -0
- package/dist/darkmode/DarkMode.svelte +5 -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 +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/ratings/Heart.svelte +41 -0
- package/dist/ratings/Heart.svelte.d.ts +25 -0
- package/dist/ratings/Heart.svelte.d.ts.map +1 -0
- package/dist/ratings/Rating.svelte +20 -16
- package/dist/ratings/Rating.svelte.d.ts +4 -6
- package/dist/ratings/Rating.svelte.d.ts.map +1 -1
- package/dist/ratings/RatingComment.svelte +4 -10
- package/dist/ratings/RatingComment.svelte.d.ts +0 -2
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +34 -33
- package/dist/ratings/Star.svelte.d.ts +5 -3
- package/dist/ratings/Star.svelte.d.ts.map +1 -1
- package/dist/ratings/Thumbup.svelte +41 -0
- package/dist/ratings/Thumbup.svelte.d.ts +25 -0
- package/dist/ratings/Thumbup.svelte.d.ts.map +1 -0
- package/dist/speed-dial/SpeedDial.svelte +42 -24
- package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -3
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +6 -12
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
- package/package.json +37 -1
|
@@ -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
|
@@ -11,12 +11,14 @@ export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem
|
|
|
11
11
|
export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
|
|
12
12
|
export { default as BreadcrumbItem } from './breadcrumbs/BreadcrumbItem.svelte';
|
|
13
13
|
export { default as Button } from './buttons/Button.svelte';
|
|
14
|
+
export { default as GradientButton } from './buttons/GradientButton.svelte';
|
|
14
15
|
export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
|
|
15
16
|
export { default as Card } from './cards/Card.svelte';
|
|
16
17
|
export { default as Carousel } from './carousels/Carousel.svelte';
|
|
17
18
|
export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
|
|
18
19
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
19
20
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
21
|
+
export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
|
|
20
22
|
export { default as Drawer } from './drawer/Drawer.svelte';
|
|
21
23
|
export { default as Dropdown } from './dropdowns/Dropdown.svelte';
|
|
22
24
|
export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
|
|
@@ -70,6 +72,9 @@ export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
|
|
|
70
72
|
export { default as ScoreRating } from './ratings/ScoreRating.svelte';
|
|
71
73
|
export { default as RatingComment } from './ratings/RatingComment.svelte';
|
|
72
74
|
export { default as Review } from './ratings/Review.svelte';
|
|
75
|
+
export { default as Star } from './ratings/Star.svelte';
|
|
76
|
+
export { default as Heart } from './ratings/Heart.svelte';
|
|
77
|
+
export { default as Thumbup } from './ratings/Thumbup.svelte';
|
|
73
78
|
export { default as Sidebar } from './sidebars/Sidebar.svelte';
|
|
74
79
|
export { default as SidebarItem } from './sidebars/SidebarItem.svelte';
|
|
75
80
|
export { default as SidebarBrand } from './sidebars/SidebarBrand.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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -19,6 +19,7 @@ export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
|
|
|
19
19
|
export { default as BreadcrumbItem } from './breadcrumbs/BreadcrumbItem.svelte';
|
|
20
20
|
// Buttons
|
|
21
21
|
export { default as Button } from './buttons/Button.svelte';
|
|
22
|
+
export { default as GradientButton } from './buttons/GradientButton.svelte';
|
|
22
23
|
// Buttongroups
|
|
23
24
|
export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
|
|
24
25
|
// Cards
|
|
@@ -30,6 +31,8 @@ export { default as CarouselTransition } from './carousels/CarouselTransition.sv
|
|
|
30
31
|
export { default as DarkMode } from './darkmode/DarkMode.svelte';
|
|
31
32
|
// Datepicker
|
|
32
33
|
export { default as Datepicker } from './datepicker/Datepicker.svelte';
|
|
34
|
+
// DeviceMockup
|
|
35
|
+
export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
|
|
33
36
|
// Drawer
|
|
34
37
|
export { default as Drawer } from './drawer/Drawer.svelte';
|
|
35
38
|
// Dropdown
|
|
@@ -98,6 +101,9 @@ export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
|
|
|
98
101
|
export { default as ScoreRating } from './ratings/ScoreRating.svelte';
|
|
99
102
|
export { default as RatingComment } from './ratings/RatingComment.svelte';
|
|
100
103
|
export { default as Review } from './ratings/Review.svelte';
|
|
104
|
+
export { default as Star } from './ratings/Star.svelte';
|
|
105
|
+
export { default as Heart } from './ratings/Heart.svelte';
|
|
106
|
+
export { default as Thumbup } from './ratings/Thumbup.svelte';
|
|
101
107
|
// Sidebar
|
|
102
108
|
export { default as Sidebar } from './sidebars/Sidebar.svelte';
|
|
103
109
|
export { default as SidebarItem } from './sidebars/SidebarItem.svelte';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script>export let fillPercent = 100;
|
|
2
|
+
export let fillColor = '#ff0000';
|
|
3
|
+
export let strokeColor = '#ff0000';
|
|
4
|
+
export let size = 24;
|
|
5
|
+
export let ariaLabel = 'heart';
|
|
6
|
+
export let id = 'heart';
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<svg
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
class={$$props.class}
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
aria-label={ariaLabel}
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
stroke-width="1.5"
|
|
17
|
+
stroke="currentColor"
|
|
18
|
+
fill="none"
|
|
19
|
+
on:click
|
|
20
|
+
>
|
|
21
|
+
<defs>
|
|
22
|
+
<linearGradient {id}>
|
|
23
|
+
{#if fillPercent !== 100}
|
|
24
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
25
|
+
<stop offset="{fillPercent}%" stop-color="{fillColor}" />
|
|
26
|
+
<stop offset="{fillPercent}%" stop-color="transparent" />
|
|
27
|
+
<stop offset="100%" stop-color="transparent" />
|
|
28
|
+
{:else}
|
|
29
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
30
|
+
<stop offset="100%" stop-color="{fillColor}" />
|
|
31
|
+
{/if}
|
|
32
|
+
</linearGradient>
|
|
33
|
+
</defs>
|
|
34
|
+
<path
|
|
35
|
+
fill="url(#{id})"
|
|
36
|
+
stroke="{strokeColor}"
|
|
37
|
+
stroke-linecap="round"
|
|
38
|
+
stroke-linejoin="round"
|
|
39
|
+
d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
|
|
40
|
+
/>
|
|
41
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
fillPercent?: number | undefined;
|
|
6
|
+
fillColor?: string | undefined;
|
|
7
|
+
strokeColor?: string | undefined;
|
|
8
|
+
size?: number | undefined;
|
|
9
|
+
ariaLabel?: string | undefined;
|
|
10
|
+
id?: string | undefined;
|
|
11
|
+
};
|
|
12
|
+
events: {
|
|
13
|
+
click: MouseEvent;
|
|
14
|
+
} & {
|
|
15
|
+
[evt: string]: CustomEvent<any>;
|
|
16
|
+
};
|
|
17
|
+
slots: {};
|
|
18
|
+
};
|
|
19
|
+
export type HeartProps = typeof __propDef.props;
|
|
20
|
+
export type HeartEvents = typeof __propDef.events;
|
|
21
|
+
export type HeartSlots = typeof __propDef.slots;
|
|
22
|
+
export default class Heart extends SvelteComponentTyped<HeartProps, HeartEvents, HeartSlots> {
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=Heart.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heart.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Heart.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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"}
|
|
@@ -1,33 +1,37 @@
|
|
|
1
1
|
<script>import Star from './Star.svelte';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import generateId from '../utils/generateId.js';
|
|
3
4
|
export let divClass = 'flex items-center';
|
|
4
|
-
export let size =
|
|
5
|
+
export let size = 24;
|
|
5
6
|
export let total = 5;
|
|
6
7
|
export let rating = 4;
|
|
7
|
-
|
|
8
|
-
export let
|
|
8
|
+
export let partialId = 'partialStar' + generateId();
|
|
9
|
+
export let icon = Star;
|
|
9
10
|
export let count = false;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
let
|
|
11
|
+
// generate unique id for full star and gray star
|
|
12
|
+
const fullStarId = generateId();
|
|
13
|
+
const grayStarId = generateId();
|
|
14
|
+
let fullStars = Math.floor(rating);
|
|
15
|
+
let rateDiffence = rating - fullStars;
|
|
16
|
+
let percentRating = Math.round(rateDiffence * 100);
|
|
17
|
+
let grayStars = total - (fullStars + Math.ceil(rateDiffence));
|
|
18
|
+
// console.log(fullStars, grayStars, rateDiffence, percentRating)
|
|
14
19
|
</script>
|
|
15
20
|
|
|
16
21
|
<div class={classNames(divClass, $$props.class)}>
|
|
17
22
|
{#if count}
|
|
18
|
-
|
|
23
|
+
<svelte:component this={icon} fillPercent={100} {size} />
|
|
19
24
|
<p class="ml-2 text-sm font-bold text-gray-900 dark:text-white">{rating}</p>
|
|
20
25
|
<slot />
|
|
21
26
|
{:else}
|
|
22
|
-
{#each Array(
|
|
23
|
-
<
|
|
24
|
-
<Star variation="solid" {size} class="{starUpClass}" />
|
|
25
|
-
</slot>
|
|
27
|
+
{#each Array(fullStars) as star}
|
|
28
|
+
<svelte:component this={icon} {size} fillPercent={100} id="{fullStarId}"/>
|
|
26
29
|
{/each}
|
|
27
|
-
{#
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
{#if percentRating }
|
|
31
|
+
<svelte:component this={icon} {size} fillPercent={percentRating} id={partialId}/>
|
|
32
|
+
{/if}
|
|
33
|
+
{#each Array(grayStars) as star}
|
|
34
|
+
<svelte:component this={icon} {size} fillPercent={0} id="{grayStarId}"/>
|
|
31
35
|
{/each}
|
|
32
36
|
{#if $$slots.text}
|
|
33
37
|
<slot name="text" />
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
import type { ComponentType } from 'svelte';
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
4
5
|
[x: string]: any;
|
|
5
6
|
divClass?: string | undefined;
|
|
6
|
-
size?:
|
|
7
|
+
size?: number | undefined;
|
|
7
8
|
total?: number | undefined;
|
|
8
9
|
rating?: number | undefined;
|
|
9
|
-
|
|
10
|
+
partialId?: string | undefined;
|
|
11
|
+
icon?: ComponentType | undefined;
|
|
10
12
|
count?: boolean | undefined;
|
|
11
|
-
starUpClass?: string | undefined;
|
|
12
|
-
starDownClass?: string | undefined;
|
|
13
13
|
};
|
|
14
14
|
events: {
|
|
15
15
|
[evt: string]: CustomEvent<any>;
|
|
16
16
|
};
|
|
17
17
|
slots: {
|
|
18
18
|
default: {};
|
|
19
|
-
ratingUp: {};
|
|
20
|
-
ratingDown: {};
|
|
21
19
|
text: {};
|
|
22
20
|
};
|
|
23
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Rating.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Rating.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Rating.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAiD5C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script>import Button from '../buttons/Button.svelte';
|
|
2
2
|
import Star from './Star.svelte';
|
|
3
|
+
import Rating from './Rating.svelte';
|
|
3
4
|
// default is floor
|
|
4
5
|
export let ceil = false;
|
|
5
6
|
export let helpfullink = '';
|
|
@@ -21,16 +22,9 @@ let grayStars = comment.total - roundedRating;
|
|
|
21
22
|
</div>
|
|
22
23
|
</div>
|
|
23
24
|
<div class="flex items-center mb-1">
|
|
24
|
-
{
|
|
25
|
-
<slot
|
|
26
|
-
|
|
27
|
-
</slot>
|
|
28
|
-
{/each}
|
|
29
|
-
{#each Array(grayStars) as _}
|
|
30
|
-
<slot name="ratingDown">
|
|
31
|
-
<Star size="24" class="px-0.5 text-gray-300 dark:text-gray-500" />
|
|
32
|
-
</slot>
|
|
33
|
-
{/each}
|
|
25
|
+
<Rating total={comment.total} rating={comment.rating}>
|
|
26
|
+
<p slot="text" class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">{comment.rating} out of {comment.total}</p>
|
|
27
|
+
</Rating>
|
|
34
28
|
{#if comment.heading}
|
|
35
29
|
<h3 class="ml-2 text-sm font-semibold text-gray-900 dark:text-white">
|
|
36
30
|
{comment.heading}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8FD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,MAAM,MAAM,CAAC;gBACb,GAAG,EAAE;oBACH,GAAG,EAAE,MAAM,CAAC;oBACZ,GAAG,EAAE,MAAM,CAAC;iBACb,CAAC;gBACF,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC;SAClB;;;;;;;;;CACoD,CAAC;AACxD,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"}
|
package/dist/ratings/Star.svelte
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
<script>export let
|
|
2
|
-
export let
|
|
3
|
-
export let
|
|
1
|
+
<script>export let fillPercent = 100;
|
|
2
|
+
export let fillColor = '#F5CA14';
|
|
3
|
+
export let strokeColor = '#F5CA14';
|
|
4
|
+
export let size = 24;
|
|
4
5
|
export let ariaLabel = 'star';
|
|
5
|
-
let
|
|
6
|
-
let svgpath;
|
|
7
|
-
let svgoutline = `<path d="M11.4806 3.49883C11.6728 3.03685 12.3272 3.03685 12.5193 3.49883L14.6453 8.61028C14.7263 8.80504 14.9095 8.93811 15.1197 8.95497L20.638 9.39736C21.1367 9.43735 21.339 10.0598 20.959 10.3853L16.7546 13.9867C16.5945 14.1239 16.5245 14.3392 16.5734 14.5444L17.8579 19.9293C17.974 20.416 17.4446 20.8007 17.0176 20.5398L12.2932 17.6542C12.1132 17.5443 11.8868 17.5443 11.7068 17.6542L6.98238 20.5398C6.55539 20.8007 6.02594 20.416 6.14203 19.9293L7.42652 14.5444C7.47546 14.3392 7.4055 14.1239 7.24531 13.9867L3.04099 10.3853C2.661 10.0598 2.86323 9.43735 3.36197 9.39736L8.88022 8.95497C9.09048 8.93811 9.27363 8.80504 9.35464 8.61028L11.4806 3.49883Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
|
|
8
|
-
let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.2108C11.2364 2.13286 12.7635 2.13286 13.2118 3.2108L15.2938 8.21652L20.6979 8.64976C21.8616 8.74306 22.3335 10.1953 21.4469 10.9549L17.3295 14.4818L18.5874 19.7553C18.8583 20.8909 17.6229 21.7884 16.6266 21.1799L11.9999 18.354L7.37329 21.1799C6.37697 21.7884 5.14158 20.8909 5.41246 19.7553L6.67038 14.4818L2.55303 10.9549C1.66639 10.1953 2.13826 8.74306 3.302 8.64976L8.70609 8.21652L10.7881 3.2108Z" fill="${color}"/> `;
|
|
9
|
-
$: switch (variation) {
|
|
10
|
-
case 'outline':
|
|
11
|
-
svgpath = svgoutline;
|
|
12
|
-
viewBox = '0 0 24 24';
|
|
13
|
-
break;
|
|
14
|
-
case 'solid':
|
|
15
|
-
svgpath = svgsolid;
|
|
16
|
-
viewBox = '0 0 24 24';
|
|
17
|
-
break;
|
|
18
|
-
default:
|
|
19
|
-
svgpath = svgoutline;
|
|
20
|
-
viewBox = '0 0 24 24';
|
|
21
|
-
}
|
|
6
|
+
export let id = "star";
|
|
22
7
|
</script>
|
|
23
8
|
|
|
24
|
-
<svg
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
9
|
+
<svg
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
class={$$props.class}
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
aria-label={ariaLabel}
|
|
15
|
+
viewBox="100 100 120 120"
|
|
16
|
+
on:click
|
|
17
|
+
>
|
|
18
|
+
<defs>
|
|
19
|
+
<linearGradient {id}>
|
|
20
|
+
{#if fillPercent !== 100}
|
|
21
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
22
|
+
<stop offset="{fillPercent}%" stop-color="{fillColor}" />
|
|
23
|
+
<stop offset="{fillPercent}%" stop-color="transparent" />
|
|
24
|
+
<stop offset="100%" stop-color="transparent" />
|
|
25
|
+
{:else}
|
|
26
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
27
|
+
<stop offset="100%" stop-color="{fillColor}" />
|
|
28
|
+
{/if}
|
|
29
|
+
</linearGradient>
|
|
30
|
+
</defs>
|
|
31
|
+
<g fill="url(#{id})" stroke="{strokeColor}" stroke-width="2">
|
|
32
|
+
<polygon points="165.000, 185.000, 188.511, 197.361, 184.021, 171.180,
|
|
33
|
+
203.042, 152.639, 176.756, 148.820, 165.000, 125.000,
|
|
34
|
+
153.244, 148.820, 126.958, 152.639, 145.979, 171.180,
|
|
35
|
+
141.489, 197.361, 165.000, 185.000"/>
|
|
36
|
+
</g>
|
|
37
|
+
</svg>
|
|
@@ -2,10 +2,12 @@ import { SvelteComponentTyped } from "svelte";
|
|
|
2
2
|
declare const __propDef: {
|
|
3
3
|
props: {
|
|
4
4
|
[x: string]: any;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
fillPercent?: number | undefined;
|
|
6
|
+
fillColor?: string | undefined;
|
|
7
|
+
strokeColor?: string | undefined;
|
|
8
|
+
size?: number | undefined;
|
|
8
9
|
ariaLabel?: string | undefined;
|
|
10
|
+
id?: string | undefined;
|
|
9
11
|
};
|
|
10
12
|
events: {
|
|
11
13
|
click: MouseEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Star.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Star.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Star.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Star.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script>export let fillPercent = 100;
|
|
2
|
+
export let fillColor = '#00b500';
|
|
3
|
+
export let strokeColor = '#00b500';
|
|
4
|
+
export let size = 24;
|
|
5
|
+
export let ariaLabel = 'thumbup';
|
|
6
|
+
export let id = 'thumbup';
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<svg
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
class={$$props.class}
|
|
13
|
+
{...$$restProps}
|
|
14
|
+
aria-label={ariaLabel}
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
stroke-width="1.5"
|
|
17
|
+
stroke="currentColor"
|
|
18
|
+
fill="none"
|
|
19
|
+
on:click
|
|
20
|
+
>
|
|
21
|
+
<defs>
|
|
22
|
+
<linearGradient {id}>
|
|
23
|
+
{#if fillPercent !== 100}
|
|
24
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
25
|
+
<stop offset="{fillPercent}%" stop-color="{fillColor}" />
|
|
26
|
+
<stop offset="{fillPercent}%" stop-color="transparent" />
|
|
27
|
+
<stop offset="100%" stop-color="transparent" />
|
|
28
|
+
{:else}
|
|
29
|
+
<stop offset="0%" stop-color="{fillColor}" />
|
|
30
|
+
<stop offset="100%" stop-color="{fillColor}" />
|
|
31
|
+
{/if}
|
|
32
|
+
</linearGradient>
|
|
33
|
+
</defs>
|
|
34
|
+
<path
|
|
35
|
+
fill="url(#{id})"
|
|
36
|
+
stroke="{strokeColor}"
|
|
37
|
+
stroke-linecap="round"
|
|
38
|
+
stroke-linejoin="round"
|
|
39
|
+
d="M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z"
|
|
40
|
+
/>
|
|
41
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
fillPercent?: number | undefined;
|
|
6
|
+
fillColor?: string | undefined;
|
|
7
|
+
strokeColor?: string | undefined;
|
|
8
|
+
size?: number | undefined;
|
|
9
|
+
ariaLabel?: string | undefined;
|
|
10
|
+
id?: string | undefined;
|
|
11
|
+
};
|
|
12
|
+
events: {
|
|
13
|
+
click: MouseEvent;
|
|
14
|
+
} & {
|
|
15
|
+
[evt: string]: CustomEvent<any>;
|
|
16
|
+
};
|
|
17
|
+
slots: {};
|
|
18
|
+
};
|
|
19
|
+
export type ThumbupProps = typeof __propDef.props;
|
|
20
|
+
export type ThumbupEvents = typeof __propDef.events;
|
|
21
|
+
export type ThumbupSlots = typeof __propDef.slots;
|
|
22
|
+
export default class Thumbup extends SvelteComponentTyped<ThumbupProps, ThumbupEvents, ThumbupSlots> {
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=Thumbup.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Thumbup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Thumbup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script context="module">export {};
|
|
2
2
|
</script>
|
|
3
3
|
|
|
4
|
-
<script>import
|
|
5
|
-
import classNames from 'classnames';
|
|
4
|
+
<script>import classNames from 'classnames';
|
|
6
5
|
import Button from '../buttons/Button.svelte';
|
|
7
6
|
import Popper from '../utils/Popper.svelte';
|
|
8
7
|
import { setContext } from 'svelte';
|
|
9
8
|
import generateId from '../utils/generateId';
|
|
9
|
+
import GradientButton from '../buttons/GradientButton.svelte';
|
|
10
10
|
export let defaultClass = 'fixed right-6 bottom-6';
|
|
11
11
|
export let popperDefaultClass = 'flex items-center mb-4 gap-2';
|
|
12
12
|
export let placement = 'top';
|
|
@@ -15,37 +15,55 @@ export let tooltip = 'left';
|
|
|
15
15
|
export let trigger = 'hover';
|
|
16
16
|
export let textOutside = false;
|
|
17
17
|
export let id = generateId();
|
|
18
|
-
export let
|
|
19
|
-
export let outline = false;
|
|
20
|
-
const group = getContext('group');
|
|
21
|
-
export let color = group ? (outline ? 'dark' : 'alternative') : 'blue';
|
|
18
|
+
export let name = 'Open actions menu';
|
|
22
19
|
export let gradient = false;
|
|
23
20
|
setContext('speed-dial', { pill, tooltip, textOutside });
|
|
24
21
|
let divClass;
|
|
25
22
|
$: divClass = classNames(defaultClass, 'group', $$props.class);
|
|
26
23
|
let poperClass;
|
|
27
24
|
$: poperClass = classNames(popperDefaultClass, ['top', 'bottom'].includes(placement) && 'flex-col');
|
|
25
|
+
let open = false;
|
|
28
26
|
</script>
|
|
29
27
|
|
|
30
28
|
<div class={divClass}>
|
|
31
|
-
|
|
32
|
-
<
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
29
|
+
{#if gradient}
|
|
30
|
+
<GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
|
|
31
|
+
<slot name="icon">
|
|
32
|
+
<svg
|
|
33
|
+
aria-hidden="true"
|
|
34
|
+
class="w-8 h-8 transition-transform group-hover:rotate-45"
|
|
35
|
+
fill="none"
|
|
36
|
+
stroke="currentColor"
|
|
37
|
+
viewBox="0 0 24 24"
|
|
38
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
39
|
+
><path
|
|
40
|
+
stroke-linecap="round"
|
|
41
|
+
stroke-linejoin="round"
|
|
42
|
+
stroke-width="2"
|
|
43
|
+
d="M12 6v6m0 0v6m0-6h6m-6 0H6" /></svg>
|
|
44
|
+
</slot>
|
|
45
|
+
<span class="sr-only">{name}</span>
|
|
46
|
+
</GradientButton>
|
|
47
|
+
{:else}
|
|
48
|
+
<Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
|
|
49
|
+
<slot name="icon">
|
|
50
|
+
<svg
|
|
51
|
+
aria-hidden="true"
|
|
52
|
+
class="w-8 h-8 transition-transform group-hover:rotate-45"
|
|
53
|
+
fill="none"
|
|
54
|
+
stroke="currentColor"
|
|
55
|
+
viewBox="0 0 24 24"
|
|
56
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
57
|
+
><path
|
|
58
|
+
stroke-linecap="round"
|
|
59
|
+
stroke-linejoin="round"
|
|
60
|
+
stroke-width="2"
|
|
61
|
+
d="M12 6v6m0 0v6m0-6h6m-6 0H6" /></svg>
|
|
62
|
+
</slot>
|
|
63
|
+
<span class="sr-only">{name}</span>
|
|
64
|
+
</Button>
|
|
65
|
+
{/if}
|
|
66
|
+
<Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass} bind:open>
|
|
49
67
|
<slot />
|
|
50
68
|
</Popper>
|
|
51
69
|
</div>
|
|
@@ -16,9 +16,7 @@ declare const __propDef: {
|
|
|
16
16
|
trigger?: "click" | "hover" | undefined;
|
|
17
17
|
textOutside?: boolean | undefined;
|
|
18
18
|
id?: string | undefined;
|
|
19
|
-
|
|
20
|
-
outline?: boolean | undefined;
|
|
21
|
-
color?: "red" | "yellow" | "green" | "purple" | "pink" | "blue" | "light" | "dark" | "primary" | "alternative" | "cyan" | "lime" | "teal" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
|
|
19
|
+
name?: string | undefined;
|
|
22
20
|
gradient?: boolean | undefined;
|
|
23
21
|
};
|
|
24
22
|
events: {
|