flowbite-svelte 0.44.23 → 0.45.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.
Files changed (55) hide show
  1. package/dist/accordion/Accordion.svelte.d.ts +3 -0
  2. package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
  3. package/dist/alert/Alert.svelte.d.ts +2 -2
  4. package/dist/badge/Badge.svelte.d.ts +2 -2
  5. package/dist/cards/Card.svelte.d.ts +3 -0
  6. package/dist/cards/Card.svelte.d.ts.map +1 -1
  7. package/dist/carousel/CarouselSlide.d.ts +1 -1
  8. package/dist/carousel/CarouselSlide.d.ts.map +1 -1
  9. package/dist/datepicker/Calender.svelte.d.ts.map +1 -1
  10. package/dist/dropdown/Dropdown.svelte +13 -5
  11. package/dist/dropdown/Dropdown.svelte.d.ts +14 -3
  12. package/dist/dropdown/Dropdown.svelte.d.ts.map +1 -1
  13. package/dist/forms/Checkbox.svelte +3 -3
  14. package/dist/forms/Checkbox.svelte.d.ts +1 -1
  15. package/dist/forms/Dropzone.svelte +9 -5
  16. package/dist/forms/Dropzone.svelte.d.ts.map +1 -1
  17. package/dist/forms/Radio.svelte +4 -4
  18. package/dist/forms/Radio.svelte.d.ts +3 -3
  19. package/dist/forms/Radio.svelte.d.ts.map +1 -1
  20. package/dist/forms/Textarea.svelte +1 -1
  21. package/dist/list-group/Listgroup.svelte.d.ts +3 -0
  22. package/dist/list-group/Listgroup.svelte.d.ts.map +1 -1
  23. package/dist/mega-menu/MegaMenu.svelte.d.ts +4 -1
  24. package/dist/mega-menu/MegaMenu.svelte.d.ts.map +1 -1
  25. package/dist/modal/Modal.svelte +37 -17
  26. package/dist/modal/Modal.svelte.d.ts +22 -5
  27. package/dist/modal/Modal.svelte.d.ts.map +1 -1
  28. package/dist/navbar/Navbar.svelte.d.ts +3 -0
  29. package/dist/navbar/Navbar.svelte.d.ts.map +1 -1
  30. package/dist/popover/Popover.svelte.d.ts +4 -1
  31. package/dist/popover/Popover.svelte.d.ts.map +1 -1
  32. package/dist/rating/RatingComment.svelte.d.ts.map +1 -1
  33. package/dist/speed-dial/SpeedDial.svelte +22 -20
  34. package/dist/speed-dial/SpeedDial.svelte.d.ts +3 -2
  35. package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
  36. package/dist/toast/Toast.svelte +1 -1
  37. package/dist/toast/Toast.svelte.d.ts +2 -3
  38. package/dist/toast/Toast.svelte.d.ts.map +1 -1
  39. package/dist/toolbar/Toolbar.svelte.d.ts +3 -0
  40. package/dist/toolbar/Toolbar.svelte.d.ts.map +1 -1
  41. package/dist/toolbar/ToolbarButton.svelte +2 -2
  42. package/dist/tooltip/Tooltip.svelte.d.ts +4 -1
  43. package/dist/tooltip/Tooltip.svelte.d.ts.map +1 -1
  44. package/dist/utils/Frame.svelte +22 -4
  45. package/dist/utils/Frame.svelte.d.ts +8 -0
  46. package/dist/utils/Frame.svelte.d.ts.map +1 -1
  47. package/dist/utils/Popper.svelte +8 -6
  48. package/dist/utils/Popper.svelte.d.ts +5 -2
  49. package/dist/utils/Popper.svelte.d.ts.map +1 -1
  50. package/dist/utils/TransitionFrame.svelte +3 -15
  51. package/dist/utils/TransitionFrame.svelte.d.ts +5 -4
  52. package/dist/utils/TransitionFrame.svelte.d.ts.map +1 -1
  53. package/dist/utils/focusTrap.d.ts +1 -1
  54. package/dist/utils/focusTrap.d.ts.map +1 -1
  55. package/package.json +56 -53
@@ -20,6 +20,9 @@ declare const __propDef: {
20
20
  options?: object | undefined;
21
21
  class?: string | undefined;
22
22
  role?: string | undefined;
23
+ open?: boolean | undefined;
24
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
25
+ params?: any;
23
26
  } & {
24
27
  multiple?: boolean | undefined;
25
28
  flush?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
1
+ {"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
@@ -11,10 +11,10 @@ declare const __propDef: {
11
11
  options?: object | undefined;
12
12
  class?: string | undefined;
13
13
  role?: string | undefined;
14
- } & import("..").Dismissable & {
14
+ open?: boolean | undefined;
15
15
  transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
16
16
  params?: any;
17
- } & {
17
+ } & import("..").Dismissable & {
18
18
  defaultClass?: string | undefined;
19
19
  };
20
20
  events: {
@@ -11,10 +11,10 @@ declare const __propDef: {
11
11
  options?: object | undefined;
12
12
  class?: string | undefined;
13
13
  role?: string | undefined;
14
- } & import("..").Dismissable & {
14
+ open?: boolean | undefined;
15
15
  transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
16
16
  params?: any;
17
- }, "color"> & {
17
+ } & import("..").Dismissable, "color"> & {
18
18
  color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
19
19
  large?: boolean | undefined;
20
20
  };
@@ -12,6 +12,9 @@ declare const __propDef: {
12
12
  options?: object | undefined;
13
13
  class?: string | undefined;
14
14
  role?: string | undefined;
15
+ open?: boolean | undefined;
16
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
17
+ params?: any;
15
18
  } & {
16
19
  horizontal?: boolean | undefined;
17
20
  reverse?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAsE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CAClF"}
1
+ {"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAsE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CAClF"}
@@ -1,6 +1,6 @@
1
1
  export declare const canChangeSlide: ({ lastSlideChange, slideDuration, slideDurationRatio }: {
2
2
  lastSlideChange: Date;
3
3
  slideDuration: number;
4
- slideDurationRatio?: number | undefined;
4
+ slideDurationRatio?: number;
5
5
  }) => boolean;
6
6
  //# sourceMappingURL=CarouselSlide.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/CarouselSlide.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;qBAKR,IAAI;mBACN,MAAM;;aAStB,CAAC"}
1
+ {"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/CarouselSlide.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2DAIxB;IACD,eAAe,EAAE,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,YAOA,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"AASA,uDAAuD;AACvD,yDAAyD;AACzD,uDAAuD;AAEvD;;;;;CACC;4BALa,OAAO,UAAU,KAAK;6BACtB,OAAO,UAAU,MAAM;4BACvB,OAAO,UAAU,KAAK;gCAXJ,QAAQ;AAQxC;;;;;;;;EAA8E"}
1
+ {"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"AASA,uDAAuD;AACvD,yDAAyD;AACzD,uDAAuD;AAEvD;;;;;CACC;4BALa,OAAO,SAAS,CAAC,KAAK;6BACtB,OAAO,SAAS,CAAC,MAAM;4BACvB,OAAO,SAAS,CAAC,KAAK;gCAXJ,QAAQ;AAQxC;;;;;;;;EAA8E"}
@@ -9,17 +9,21 @@ const activeUrlStore = writable('');
9
9
  export let activeUrl = '';
10
10
  export let open = false;
11
11
  export let containerClass = 'divide-y z-50';
12
+ export let classContainer = undefined;
12
13
  export let headerClass = 'py-1 overflow-hidden rounded-t-lg';
14
+ export let classHeader = undefined;
13
15
  export let footerClass = 'py-1 overflow-hidden rounded-b-lg';
16
+ export let classFooter = undefined;
14
17
  export let activeClass = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
15
- let activeCls = twMerge(activeClass, $$props.classActive);
18
+ export let classActive = undefined;
19
+ let activeCls = twMerge(activeClass, classActive);
16
20
  setContext('DropdownType', { activeClass: activeCls });
17
21
  $: activeUrlStore.set(activeUrl);
18
22
  setContext('activeUrl', activeUrlStore);
19
- let containerCls = twMerge(containerClass, $$props.classContainer);
20
- let headerCls = twMerge(headerClass, $$props.classHeader);
21
- let ulCls = twMerge('py-1', $$props.class);
22
- let footerCls = twMerge(footerClass, $$props.classFooter);
23
+ $: containerCls = twMerge(containerClass, classContainer);
24
+ $: headerCls = twMerge(headerClass, classHeader);
25
+ $: ulCls = twMerge('py-1', $$props.class);
26
+ $: footerCls = twMerge(footerClass, classFooter);
23
27
  $: {
24
28
  // set default values
25
29
  $$restProps.arrow = $$restProps.arrow ?? false;
@@ -54,7 +58,11 @@ $: {
54
58
  @prop export let activeUrl: string = '';
55
59
  @prop export let open: boolean = false;
56
60
  @prop export let containerClass: string = 'divide-y z-50';
61
+ @prop export let classContainer: string | undefined = undefined;
57
62
  @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
63
+ @prop export let classHeader: string | undefined = undefined;
58
64
  @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
65
+ @prop export let classFooter: string | undefined = undefined;
59
66
  @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
67
+ @prop export let classActive: string | undefined = undefined;
60
68
  -->
@@ -14,23 +14,30 @@ declare const __propDef: {
14
14
  options?: object | undefined;
15
15
  class?: string | undefined;
16
16
  role?: string | undefined;
17
+ open?: boolean | undefined;
18
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
19
+ params?: any;
17
20
  } & {
18
21
  activeContent?: boolean | undefined;
19
22
  arrow?: boolean | undefined;
20
23
  offset?: number | undefined;
21
24
  placement?: import("@floating-ui/dom").Placement | undefined;
22
- trigger?: "click" | "hover" | undefined;
25
+ trigger?: "click" | "focus" | "hover" | undefined;
23
26
  triggeredBy?: string | undefined;
24
27
  reference?: string | undefined;
25
28
  strategy?: "fixed" | "absolute" | undefined;
26
29
  open?: boolean | undefined;
27
30
  yOnly?: boolean | undefined;
28
31
  } & {
29
- open?: boolean | undefined;
32
+ activeUrl?: string | undefined;
30
33
  containerClass?: string | undefined;
34
+ classContainer?: string | undefined;
31
35
  headerClass?: string | undefined;
36
+ classHeader?: string | undefined;
32
37
  footerClass?: string | undefined;
33
- activeUrl?: string | undefined;
38
+ classFooter?: string | undefined;
39
+ activeClass?: string | undefined;
40
+ classActive?: string | undefined;
34
41
  };
35
42
  events: {
36
43
  show: CustomEvent<any>;
@@ -52,9 +59,13 @@ export type DropdownSlots = typeof __propDef.slots;
52
59
  * @prop export let activeUrl: string = '';
53
60
  * @prop export let open: boolean = false;
54
61
  * @prop export let containerClass: string = 'divide-y z-50';
62
+ * @prop export let classContainer: string | undefined = undefined;
55
63
  * @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
64
+ * @prop export let classHeader: string | undefined = undefined;
56
65
  * @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
66
+ * @prop export let classFooter: string | undefined = undefined;
57
67
  * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
68
+ * @prop export let classActive: string | undefined = undefined;
58
69
  */
59
70
  export default class Dropdown extends SvelteComponent<DropdownProps, DropdownEvents, DropdownSlots> {
60
71
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/dropdown/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AA+EJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
1
+ {"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/dropdown/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuFJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
@@ -9,7 +9,7 @@ export let inline = false;
9
9
  export let group = [];
10
10
  export let value = 'on';
11
11
  export let checked = undefined;
12
- export let spacing = 'me-2';
12
+ export let spacing = $$slots.default ? 'me-2' : '';
13
13
  // tinted if put in component having its own background
14
14
  let background = getContext('background');
15
15
  // react on external group changes
@@ -46,7 +46,7 @@ function onChange() {
46
46
  </script>
47
47
 
48
48
  <Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
49
- <input use:init={group} type="checkbox" bind:checked on:keyup on:keydown on:keypress on:focus on:blur on:click on:mouseover on:mouseenter on:mouseleave on:paste on:change={onChange} on:change {value} {...$$restProps} class={twMerge(spacing, inputClass(custom, color, true, background, $$slots.default || $$props.class))} />
49
+ <input use:init={group} type="checkbox" bind:checked on:keyup on:keydown on:keypress on:focus on:blur on:click on:mouseover on:mouseenter on:mouseleave on:paste on:change={onChange} on:change {value} {...$$restProps} class={inputClass(custom, color, true, background, spacing, $$slots.default || $$props.class)} />
50
50
  <slot />
51
51
  </Label>
52
52
 
@@ -60,5 +60,5 @@ function onChange() {
60
60
  @prop export let group: (string | number)[] = [];
61
61
  @prop export let value: string | number = 'on';
62
62
  @prop export let checked: boolean | undefined = undefined;
63
- @prop export let spacing: string = 'me-2';
63
+ @prop export let spacing: string = $$slots.default ? 'me-2' : '';
64
64
  -->
@@ -42,7 +42,7 @@ export type CheckboxSlots = typeof __propDef.slots;
42
42
  * @prop export let group: (string | number)[] = [];
43
43
  * @prop export let value: string | number = 'on';
44
44
  * @prop export let checked: boolean | undefined = undefined;
45
- * @prop export let spacing: string = 'me-2';
45
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
46
46
  */
47
47
  export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
48
48
  }
@@ -9,14 +9,18 @@ function keydown(ev) {
9
9
  input.click();
10
10
  }
11
11
  }
12
+ function onClick(event) {
13
+ event.preventDefault();
14
+ input.click();
15
+ }
12
16
  </script>
13
17
 
14
- <button class={twMerge(defaultClass, $$props.class)} on:keydown={keydown} on:focus on:blur on:mouseenter on:mouseleave on:mouseover on:dragenter on:dragleave on:dragover on:drop type="button">
15
- <label class="flex flex-col items-center" tabIndex="0">
16
- <slot />
17
- <input {...$$restProps} bind:value bind:files bind:this={input} on:change on:click type="file" class="hidden" />
18
- </label>
18
+ <button class={twMerge(defaultClass, $$props.class)} on:keydown={keydown} on:click={onClick} on:focus on:blur on:mouseenter on:mouseleave on:mouseover on:dragenter on:dragleave on:dragover on:drop type="button">
19
+ <slot />
19
20
  </button>
21
+ <label class="hidden">
22
+ <input {...$$restProps} bind:value bind:files bind:this={input} on:change on:click type="file" />
23
+ </label>
20
24
 
21
25
  <!--
22
26
  @component
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Dropzone.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA+BD,QAAA,MAAM,SAAS;;;;gBADwF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAC7C,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
1
+ {"version":3,"file":"Dropzone.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Dropzone.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAoCD,QAAA,MAAM,SAAS;;;;gBADwF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAC7C,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
@@ -12,8 +12,7 @@ const colorClasses = {
12
12
  blue: 'text-blue-600 focus:ring-blue-500 dark:focus:ring-blue-600'
13
13
  };
14
14
  export const labelClass = (inline, extraClass) => twMerge(inline ? 'inline-flex' : 'flex', 'items-center', extraClass);
15
- export let spacing = 'me-2';
16
- export const inputClass = (custom, color, rounded, tinted, extraClass) => twMerge('w-4 h-4 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2', spacing, tinted ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', custom && 'sr-only peer', rounded && 'rounded', colorClasses[color], extraClass);
15
+ export const inputClass = (custom, color, rounded, tinted, spacing, extraClass) => twMerge('w-4 h-4 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2', spacing, tinted ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', custom && 'sr-only peer', rounded && 'rounded', colorClasses[color], extraClass);
17
16
  </script>
18
17
 
19
18
  <script>import { getContext } from 'svelte';
@@ -23,12 +22,13 @@ export let custom = false;
23
22
  export let inline = false;
24
23
  export let group = undefined;
25
24
  export let value = '';
25
+ export let spacing = $$slots.default ? 'me-2' : '';
26
26
  // tinted if put in component having its own background
27
27
  let background = getContext('background');
28
28
  </script>
29
29
 
30
30
  <Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
31
- <input type="radio" bind:group on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {value} {...$$restProps} class={inputClass(custom, color, false, background, $$slots.default || $$props.class)} />
31
+ <input type="radio" bind:group on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {value} {...$$restProps} class={inputClass(custom, color, false, background, spacing, $$slots.default || $$props.class)} />
32
32
  <slot />
33
33
  </Label>
34
34
 
@@ -36,10 +36,10 @@ let background = getContext('background');
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Props
39
- @prop export let spacing: string = 'me-2';
40
39
  @prop export let color: FormColorType = 'primary';
41
40
  @prop export let custom: boolean = false;
42
41
  @prop export let inline: boolean = false;
43
42
  @prop export let group: number | string | undefined = undefined;
44
43
  @prop export let value: number | string = '';
44
+ @prop export let spacing: string = $$slots.default ? 'me-2' : '';
45
45
  -->
@@ -1,7 +1,6 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  export declare const labelClass: (inline: boolean, extraClass: string) => string;
3
- export declare let spacing: string;
4
- export declare const inputClass: (custom: boolean, color: FormColorType, rounded: boolean, tinted: boolean, extraClass: string) => string;
3
+ export declare const inputClass: (custom: boolean, color: FormColorType, rounded: boolean, tinted: boolean, spacing: string, extraClass: string) => string;
5
4
  import type { FormColorType } from '../types';
6
5
  declare const __propDef: {
7
6
  props: {
@@ -11,6 +10,7 @@ declare const __propDef: {
11
10
  inline?: boolean | undefined;
12
11
  group?: number | string | undefined;
13
12
  value?: string | number | undefined;
13
+ spacing?: string | undefined;
14
14
  };
15
15
  events: {
16
16
  blur: FocusEvent;
@@ -37,12 +37,12 @@ export type RadioSlots = typeof __propDef.slots;
37
37
  /**
38
38
  * [Go to docs](https://flowbite-svelte.com/)
39
39
  * ## Props
40
- * @prop export let spacing: string = 'me-2';
41
40
  * @prop export let color: FormColorType = 'primary';
42
41
  * @prop export let custom: boolean = false;
43
42
  * @prop export let inline: boolean = false;
44
43
  * @prop export let group: number | string | undefined = undefined;
45
44
  * @prop export let value: number | string = '';
45
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
46
46
  */
47
47
  export default class Radio extends SvelteComponent<RadioProps, RadioEvents, RadioSlots> {
48
48
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AACxI,eAAO,IAAI,OAAO,EAAE,MAAe,CAAC;AAEpC,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,cAAc,MAAM,WAAgR,CAAC;AAI1Y,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6B9C,QAAA,MAAM,SAAS;;;;;;gBADuJ,MAAM,GAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACnH,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
1
+ {"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AAExI,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,WAAW,MAAM,cAAc,MAAM,WAAgR,CAAC;AAI3Z,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA8B9C,QAAA,MAAM,SAAS;;;;;;gBAD0K,MAAM,GAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;CACtI,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
@@ -9,7 +9,7 @@ export let innerWrappedClass = 'py-2 px-4 bg-white dark:bg-gray-800';
9
9
  let wrapped;
10
10
  $: wrapped = $$slots.header || $$slots.footer;
11
11
  let wrapperClass;
12
- $: wrapperClass = twMerge('w-full rounded-lg', background ? 'bg-white dark:bg-gray-800' : 'bg-gray-50 dark:bg-gray-700', 'text-gray-900 dark:placeholder-gray-400 dark:text-white ', 'border border-gray-200 dark:border-gray-600', $$props.class);
12
+ $: wrapperClass = twMerge('w-full rounded-lg bg-gray-50', background ? 'dark:bg-gray-800' : 'dark:bg-gray-700', 'text-gray-900 dark:placeholder-gray-400 dark:text-white ', 'border border-gray-200 dark:border-gray-600', $$props.class);
13
13
  let textareaClass;
14
14
  $: textareaClass = wrapped ? wrappedClass : twMerge(wrapperClass, unWrappedClass);
15
15
  const headerClass = (header) => twMerge(header ? 'border-b' : 'border-t', 'py-2 px-3 border-gray-200 dark:border-gray-600');
@@ -12,6 +12,9 @@ declare const __propDef: {
12
12
  options?: object | undefined;
13
13
  class?: string | undefined;
14
14
  role?: string | undefined;
15
+ open?: boolean | undefined;
16
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
17
+ params?: any;
15
18
  } & {
16
19
  items?: string[] | ListGroupItemType[] | undefined;
17
20
  active?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
1
+ {"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
@@ -12,12 +12,15 @@ declare const __propDef: {
12
12
  options?: object | undefined;
13
13
  class?: string | undefined;
14
14
  role?: string | undefined;
15
+ open?: boolean | undefined;
16
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
17
+ params?: any;
15
18
  } & {
16
19
  activeContent?: boolean | undefined;
17
20
  arrow?: boolean | undefined;
18
21
  offset?: number | undefined;
19
22
  placement?: import("@floating-ui/dom").Placement | undefined;
20
- trigger?: "click" | "hover" | undefined;
23
+ trigger?: "click" | "focus" | "hover" | undefined;
21
24
  triggeredBy?: string | undefined;
22
25
  reference?: string | undefined;
23
26
  strategy?: "fixed" | "absolute" | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
1
+ {"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
@@ -6,13 +6,22 @@ import focusTrap from '../utils/focusTrap';
6
6
  export let open = false;
7
7
  export let title = '';
8
8
  export let size = 'md';
9
+ export let color = 'default';
9
10
  export let placement = 'center';
10
11
  export let autoclose = false;
12
+ export let outsideclose = false;
11
13
  export let dismissable = true;
12
14
  export let backdropClass = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
13
- export let defaultClass = 'relative flex flex-col mx-auto';
14
- export let outsideclose = false;
15
+ export let classBackdrop = undefined;
15
16
  export let dialogClass = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
17
+ export let classDialog = undefined;
18
+ export let defaultClass = 'relative flex flex-col mx-auto';
19
+ export let headerClass = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
20
+ export let classHeader = undefined;
21
+ export let bodyClass = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
22
+ export let classBody = undefined;
23
+ export let footerClass = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
24
+ export let classFooter = undefined;
16
25
  const dispatch = createEventDispatcher();
17
26
  $: dispatch(open ? 'open' : 'close');
18
27
  function prepareFocus(node) {
@@ -28,7 +37,7 @@ function prepareFocus(node) {
28
37
  }
29
38
  node.focus();
30
39
  }
31
- const getPlacementClasses = () => {
40
+ const getPlacementClasses = (placement) => {
32
41
  switch (placement) {
33
42
  // top
34
43
  case 'top-left':
@@ -76,14 +85,17 @@ const hide = (e) => {
76
85
  e.preventDefault();
77
86
  open = false;
78
87
  };
79
- let frameClass;
80
- $: frameClass = twMerge(defaultClass, 'w-full divide-y', $$props.class);
81
88
  const isScrollable = (e) => [e.scrollWidth > e.clientWidth && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowX) >= 0, e.scrollHeight > e.clientHeight && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowY) >= 0];
82
- let backdropCls = twMerge(backdropClass, $$props.classBackdrop);
83
89
  function handleKeys(e) {
84
90
  if (e.key === 'Escape' && dismissable)
85
91
  return hide(e);
86
92
  }
93
+ $: backdropCls = twMerge(backdropClass, classBackdrop);
94
+ $: dialogCls = twMerge(dialogClass, classDialog, getPlacementClasses(placement));
95
+ $: frameCls = twMerge(defaultClass, 'w-full divide-y', $$props.class);
96
+ $: headerCls = twMerge(headerClass, classHeader);
97
+ $: bodyCls = twMerge(bodyClass, classBody);
98
+ $: footerCls = twMerge(footerClass, classFooter);
87
99
  </script>
88
100
 
89
101
  {#if open}
@@ -91,32 +103,31 @@ function handleKeys(e) {
91
103
  <div class={backdropCls} />
92
104
  <!-- dialog -->
93
105
  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
94
- <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} on:mousedown={onOutsideClose} class={twMerge(dialogClass, $$props.classDialog, ...getPlacementClasses())} tabindex="-1" aria-modal="true" role="dialog">
106
+ <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} on:mousedown={onOutsideClose} class={dialogCls} tabindex="-1" aria-modal="true" role="dialog">
95
107
  <div class="flex relative {sizes[size]} w-full max-h-full">
96
108
  <!-- Modal content -->
97
-
98
- <Frame rounded shadow {...$$restProps} class={frameClass}>
109
+ <Frame rounded shadow {...$$restProps} class={frameCls} {color}>
99
110
  <!-- Modal header -->
100
111
  {#if $$slots.header || title}
101
- <Frame color={$$restProps.color} class="flex justify-between items-center p-4 rounded-t-lg">
112
+ <Frame class={headerCls} {color}>
102
113
  <slot name="header">
103
- <h3 class="text-xl font-semibold {$$restProps.color ? '' : 'text-gray-900 dark:text-white'} p-0">
114
+ <h3 class="text-xl font-semibold {color === 'default' ? '' : 'text-gray-900 dark:text-white'} p-0">
104
115
  {title}
105
116
  </h3>
106
117
  </slot>
107
- {#if dismissable}<CloseButton name="Close modal" on:click={hide} color={$$restProps.color} />{/if}
118
+ {#if dismissable}<CloseButton name="Close modal" {color} on:click={hide} />{/if}
108
119
  </Frame>
109
120
  {/if}
110
121
  <!-- Modal body -->
111
- <div class={twMerge('p-6 space-y-6 flex-1 overflow-y-auto overscroll-contain', $$props.bodyClass)} on:keydown|stopPropagation={handleKeys} role="document" on:wheel|stopPropagation|passive>
122
+ <div class={bodyCls} role="document" on:keydown|stopPropagation={handleKeys} on:wheel|stopPropagation|passive>
112
123
  {#if dismissable && !$$slots.header && !title}
113
- <CloseButton name="Close modal" class="absolute top-3 end-2.5" on:click={hide} color={$$restProps.color} />
124
+ <CloseButton name="Close modal" class="absolute top-3 end-2.5" {color} on:click={hide} />
114
125
  {/if}
115
126
  <slot />
116
127
  </div>
117
128
  <!-- Modal footer -->
118
129
  {#if $$slots.footer}
119
- <Frame color={$$restProps.color} class="flex items-center p-6 space-x-2 rtl:space-x-reverse rounded-b-lg">
130
+ <Frame class={footerCls} {color}>
120
131
  <slot name="footer" />
121
132
  </Frame>
122
133
  {/if}
@@ -132,11 +143,20 @@ function handleKeys(e) {
132
143
  @prop export let open: boolean = false;
133
144
  @prop export let title: string = '';
134
145
  @prop export let size: SizeType = 'md';
146
+ @prop export let color: ComponentProps<Frame>['color'] = 'default';
135
147
  @prop export let placement: ModalPlacementType = 'center';
136
148
  @prop export let autoclose: boolean = false;
149
+ @prop export let outsideclose: boolean = false;
137
150
  @prop export let dismissable: boolean = true;
138
151
  @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
139
- @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
140
- @prop export let outsideclose: boolean = false;
152
+ @prop export let classBackdrop: string | undefined = undefined;
141
153
  @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
154
+ @prop export let classDialog: string | undefined = undefined;
155
+ @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
156
+ @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
157
+ @prop export let classHeader: string | undefined = undefined;
158
+ @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
159
+ @prop export let classBody: string | undefined = undefined;
160
+ @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
161
+ @prop export let classFooter: string | undefined = undefined;
142
162
  -->
@@ -13,19 +13,27 @@ declare const __propDef: {
13
13
  options?: object | undefined;
14
14
  class?: string | undefined;
15
15
  role?: string | undefined;
16
+ open?: boolean | undefined;
17
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
18
+ params?: any;
16
19
  } & Dismissable & {
17
20
  open?: boolean | undefined;
18
21
  title?: string | undefined;
19
22
  size?: SizeType | undefined;
20
23
  placement?: ModalPlacementType | undefined;
21
24
  autoclose?: boolean | undefined;
25
+ outsideclose?: boolean | undefined;
22
26
  backdropClass?: string | undefined;
23
- bodyClass?: string | undefined;
24
27
  classBackdrop?: string | undefined;
28
+ dialogClass?: string | undefined;
25
29
  classDialog?: string | undefined;
26
30
  defaultClass?: string | undefined;
27
- outsideclose?: boolean | undefined;
28
- dialogClass?: string | undefined;
31
+ headerClass?: string | undefined;
32
+ classHeader?: string | undefined;
33
+ bodyClass?: string | undefined;
34
+ classBody?: string | undefined;
35
+ footerClass?: string | undefined;
36
+ classFooter?: string | undefined;
29
37
  };
30
38
  events: {
31
39
  wheel: WheelEvent;
@@ -47,13 +55,22 @@ export type ModalSlots = typeof __propDef.slots;
47
55
  * @prop export let open: boolean = false;
48
56
  * @prop export let title: string = '';
49
57
  * @prop export let size: SizeType = 'md';
58
+ * @prop export let color: ComponentProps<Frame>['color'] = 'default';
50
59
  * @prop export let placement: ModalPlacementType = 'center';
51
60
  * @prop export let autoclose: boolean = false;
61
+ * @prop export let outsideclose: boolean = false;
52
62
  * @prop export let dismissable: boolean = true;
53
63
  * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
54
- * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
55
- * @prop export let outsideclose: boolean = false;
64
+ * @prop export let classBackdrop: string | undefined = undefined;
56
65
  * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
66
+ * @prop export let classDialog: string | undefined = undefined;
67
+ * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
68
+ * @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
69
+ * @prop export let classHeader: string | undefined = undefined;
70
+ * @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
71
+ * @prop export let classBody: string | undefined = undefined;
72
+ * @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
73
+ * @prop export let classFooter: string | undefined = undefined;
57
74
  */
58
75
  export default class Modal extends SvelteComponent<ModalProps, ModalEvents, ModalSlots> {
59
76
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modal/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAMD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAmKnD,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
1
+ {"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modal/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAMD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAkLnD,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
@@ -12,6 +12,9 @@ declare const __propDef: {
12
12
  options?: object | undefined;
13
13
  class?: string | undefined;
14
14
  role?: string | undefined;
15
+ open?: boolean | undefined;
16
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
17
+ params?: any;
15
18
  } & {
16
19
  fluid?: boolean | undefined;
17
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAsCjD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
1
+ {"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAsCjD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
@@ -11,12 +11,15 @@ declare const __propDef: {
11
11
  options?: object | undefined;
12
12
  class?: string | undefined;
13
13
  role?: string | undefined;
14
+ open?: boolean | undefined;
15
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
16
+ params?: any;
14
17
  } & {
15
18
  activeContent?: boolean | undefined;
16
19
  arrow?: boolean | undefined;
17
20
  offset?: number | undefined;
18
21
  placement?: import("@floating-ui/dom").Placement | undefined;
19
- trigger?: "click" | "hover" | undefined;
22
+ trigger?: "click" | "focus" | "hover" | undefined;
20
23
  triggeredBy?: string | undefined;
21
24
  reference?: string | undefined;
22
25
  strategy?: "fixed" | "absolute" | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAmCD,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
1
+ {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAmCD,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
@@ -1 +1 @@
1
- {"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/rating/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkGD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,eAAe,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CACtH"}
1
+ {"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/rating/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkGD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,IAAI,EAAE,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,eAAe,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CACtH"}