flowbite-svelte 0.39.3 → 0.40.1

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 (19) hide show
  1. package/dist/accordion/Accordion.svelte +2 -1
  2. package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
  3. package/dist/dropdowns/Dropdown.svelte.d.ts +1 -1
  4. package/dist/megamenu/MegaMenu.svelte.d.ts +241 -6
  5. package/dist/megamenu/MegaMenu.svelte.d.ts.map +1 -1
  6. package/dist/popover/Popover.svelte.d.ts +1 -1
  7. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  8. package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
  9. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  10. package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
  11. package/dist/tooltips/Tooltip.svelte +4 -2
  12. package/dist/tooltips/Tooltip.svelte.d.ts +1 -1
  13. package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
  14. package/dist/utils/Chevron.svelte.d.ts +1 -1
  15. package/dist/utils/Chevron.svelte.d.ts.map +1 -1
  16. package/dist/utils/Popper.svelte +58 -48
  17. package/dist/utils/Popper.svelte.d.ts +1 -1
  18. package/dist/utils/Popper.svelte.d.ts.map +1 -1
  19. package/package.json +2 -2
package/dist/accordion/Accordion.svelte CHANGED
@@ -16,7 +16,8 @@ const ctx = {
16
16
  selected: multiple ? undefined : writable()
17
17
  };
18
18
  setContext('ctx', ctx);
19
- let frameClass = twMerge(defaultClass, $$props.class);
19
+ let frameClass;
20
+ $: frameClass = twMerge(defaultClass, $$props.class);
20
21
  </script>
21
22
 
22
23
  <Frame {...$$restProps} class={frameClass} color="none">
package/dist/accordion/Accordion.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;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;AAoDH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
1
+ {"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;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;AAqDH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
package/dist/dropdowns/Dropdown.svelte.d.ts CHANGED
@@ -232,7 +232,7 @@ declare const __propDef: {
232
232
  activeContent?: boolean | undefined;
233
233
  arrow?: boolean | undefined;
234
234
  offset?: number | undefined;
235
- placement?: import("@popperjs/core").Placement | undefined;
235
+ placement?: import("@floating-ui/dom").Placement | undefined;
236
236
  trigger?: "click" | "hover" | undefined;
237
237
  triggeredBy?: string | undefined;
238
238
  strategy?: "fixed" | "absolute" | undefined;
package/dist/megamenu/MegaMenu.svelte.d.ts CHANGED
@@ -2,13 +2,248 @@ import { SvelteComponentTyped } from "svelte";
2
2
  import type { LinkType } from '../types';
3
3
  declare const __propDef: {
4
4
  props: {
5
- [x: string]: any;
6
- items?: (LinkType & {
7
- [propName: string]: any;
8
- })[] | undefined;
9
- full?: boolean | undefined;
5
+ download?: any;
6
+ href?: string | null | undefined;
7
+ hreflang?: string | null | undefined;
8
+ media?: string | null | undefined;
9
+ ping?: string | null | undefined;
10
+ rel?: string | null | undefined;
11
+ target?: import("svelte/elements").HTMLAttributeAnchorTarget | null | undefined;
12
+ type?: string | null | undefined;
13
+ referrerpolicy?: ReferrerPolicy | null | undefined;
14
+ 'sapper:noscroll'?: true | null | undefined;
15
+ 'sapper:prefetch'?: true | null | undefined;
16
+ accesskey?: string | null | undefined;
17
+ autofocus?: boolean | null | undefined;
18
+ class?: string | undefined;
19
+ contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
20
+ contextmenu?: string | null | undefined;
21
+ dir?: string | null | undefined;
22
+ draggable?: import("svelte/elements").Booleanish | null | undefined;
23
+ enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
24
+ hidden?: boolean | null | undefined;
25
+ id?: string | null | undefined;
26
+ lang?: string | null | undefined;
27
+ part?: string | null | undefined;
28
+ placeholder?: string | null | undefined;
29
+ slot?: string | null | undefined;
30
+ spellcheck?: import("svelte/elements").Booleanish | null | undefined;
31
+ style?: string | null | undefined;
32
+ tabindex?: number | null | undefined;
33
+ title?: string | null | undefined;
34
+ translate?: "" | "yes" | "no" | null | undefined;
35
+ inert?: boolean | null | undefined;
36
+ radiogroup?: string | null | undefined;
37
+ role?: string | undefined;
38
+ about?: string | null | undefined;
39
+ datatype?: string | null | undefined;
40
+ inlist?: any;
41
+ prefix?: string | null | undefined;
42
+ property?: string | null | undefined;
43
+ resource?: string | null | undefined;
44
+ typeof?: string | null | undefined;
45
+ vocab?: string | null | undefined;
46
+ autocapitalize?: string | null | undefined;
47
+ autocorrect?: string | null | undefined;
48
+ autosave?: string | null | undefined;
49
+ color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "light" | "dark" | "default" | "dropdown" | "navbar" | "navbarUl" | "form" | "primary" | "orange" | "none" | undefined;
50
+ itemprop?: string | null | undefined;
51
+ itemscope?: boolean | null | undefined;
52
+ itemtype?: string | null | undefined;
53
+ itemid?: string | null | undefined;
54
+ itemref?: string | null | undefined;
55
+ results?: number | null | undefined;
56
+ security?: string | null | undefined;
57
+ unselectable?: "on" | "off" | null | undefined;
58
+ inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
59
+ is?: string | null | undefined;
60
+ 'bind:innerHTML'?: string | null | undefined;
61
+ 'bind:textContent'?: string | null | undefined;
62
+ 'bind:innerText'?: string | null | undefined;
63
+ 'bind:contentRect'?: DOMRectReadOnly | null | undefined;
64
+ 'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
65
+ 'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
66
+ 'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
67
+ 'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
68
+ 'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
69
+ 'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
70
+ 'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
71
+ 'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
72
+ 'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
73
+ 'aria-activedescendant'?: string | null | undefined;
74
+ 'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
75
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
76
+ 'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
77
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
78
+ 'aria-colcount'?: number | null | undefined;
79
+ 'aria-colindex'?: number | null | undefined;
80
+ 'aria-colspan'?: number | null | undefined;
81
+ 'aria-controls'?: string | null | undefined;
82
+ 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
83
+ 'aria-describedby'?: string | null | undefined;
84
+ 'aria-details'?: string | null | undefined;
85
+ 'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
86
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | null | undefined;
87
+ 'aria-errormessage'?: string | null | undefined;
88
+ 'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
89
+ 'aria-flowto'?: string | null | undefined;
90
+ 'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
91
+ 'aria-haspopup'?: "dialog" | "grid" | "listbox" | "menu" | "tree" | import("svelte/elements").Booleanish | null | undefined;
92
+ 'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
93
+ 'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
94
+ 'aria-keyshortcuts'?: string | null | undefined;
95
+ 'aria-label'?: string | null | undefined;
96
+ 'aria-labelledby'?: string | null | undefined;
97
+ 'aria-level'?: number | null | undefined;
98
+ 'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
99
+ 'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
100
+ 'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
101
+ 'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
102
+ 'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
103
+ 'aria-owns'?: string | null | undefined;
104
+ 'aria-placeholder'?: string | null | undefined;
105
+ 'aria-posinset'?: number | null | undefined;
106
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
107
+ 'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
108
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
109
+ 'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
110
+ 'aria-roledescription'?: string | null | undefined;
111
+ 'aria-rowcount'?: number | null | undefined;
112
+ 'aria-rowindex'?: number | null | undefined;
113
+ 'aria-rowspan'?: number | null | undefined;
114
+ 'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
115
+ 'aria-setsize'?: number | null | undefined;
116
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
117
+ 'aria-valuemax'?: number | null | undefined;
118
+ 'aria-valuemin'?: number | null | undefined;
119
+ 'aria-valuenow'?: number | null | undefined;
120
+ 'aria-valuetext'?: string | null | undefined;
121
+ 'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
122
+ 'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
123
+ 'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
124
+ 'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
125
+ 'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
126
+ 'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
127
+ 'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
128
+ 'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
129
+ 'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
130
+ 'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
131
+ 'on:change'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
132
+ 'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLAnchorElement> | null | undefined;
133
+ 'on:input'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
134
+ 'on:reset'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
135
+ 'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLAnchorElement> | null | undefined;
136
+ 'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
137
+ 'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLAnchorElement> | null | undefined;
138
+ 'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
139
+ 'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
140
+ 'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
141
+ 'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
142
+ 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
143
+ 'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
144
+ 'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
145
+ 'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
146
+ 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
147
+ 'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
148
+ 'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
149
+ 'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
150
+ 'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
151
+ 'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
152
+ 'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
153
+ 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
154
+ 'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
155
+ 'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
156
+ 'on:play'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
157
+ 'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
158
+ 'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
159
+ 'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
160
+ 'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
161
+ 'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
162
+ 'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
163
+ 'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
164
+ 'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
165
+ 'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
166
+ 'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
167
+ 'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
168
+ 'on:click'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
169
+ 'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
170
+ 'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
171
+ 'on:drag'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
172
+ 'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
173
+ 'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
174
+ 'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
175
+ 'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
176
+ 'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
177
+ 'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
178
+ 'on:drop'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
179
+ 'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
180
+ 'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
181
+ 'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
182
+ 'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
183
+ 'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
184
+ 'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
185
+ 'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
186
+ 'on:select'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
187
+ 'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
188
+ 'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
189
+ 'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
190
+ 'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
191
+ 'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
192
+ 'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
193
+ 'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
194
+ 'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
195
+ 'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
196
+ 'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
197
+ 'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
198
+ 'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
199
+ 'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
200
+ 'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
201
+ 'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
202
+ 'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
203
+ 'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
204
+ 'on:resize'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
205
+ 'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLAnchorElement> | null | undefined;
206
+ 'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
207
+ 'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
208
+ 'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
209
+ 'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
210
+ 'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
211
+ 'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
212
+ 'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
213
+ 'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
214
+ 'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
215
+ 'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
216
+ 'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
217
+ 'on:message'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
218
+ 'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
219
+ 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
220
+ 'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
221
+ 'on:close'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
222
+ 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
223
+ 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
224
+ tag?: string | undefined;
225
+ rounded?: boolean | undefined;
226
+ border?: boolean | undefined;
227
+ shadow?: boolean | undefined;
228
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
229
+ params?: object | undefined;
230
+ node?: HTMLElement | undefined;
231
+ use?: import("svelte/action").Action<HTMLElement, any, Record<never, any>> | undefined;
232
+ options?: object | undefined;
233
+ activeContent?: boolean | undefined;
234
+ arrow?: boolean | undefined;
235
+ offset?: number | undefined;
236
+ placement?: import("@floating-ui/dom").Placement | undefined;
237
+ trigger?: "click" | "hover" | undefined;
238
+ triggeredBy?: string | undefined;
239
+ strategy?: "fixed" | "absolute" | undefined;
10
240
  open?: boolean | undefined;
11
- ulClass?: string | undefined;
241
+ yOnly?: boolean | undefined;
242
+ items: (LinkType & {
243
+ [propName: string]: any;
244
+ })[];
245
+ full: boolean;
246
+ ulClass: string;
12
247
  };
13
248
  events: {
14
249
  show: CustomEvent<any>;
package/dist/megamenu/MegaMenu.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAiDzC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
1
+ {"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAyDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA7CL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CA4CoC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
package/dist/popover/Popover.svelte.d.ts CHANGED
@@ -232,7 +232,7 @@ declare const __propDef: {
232
232
  activeContent?: boolean | undefined;
233
233
  arrow?: boolean | undefined;
234
234
  offset?: number | undefined;
235
- placement?: import("@popperjs/core").Placement | undefined;
235
+ placement?: import("@floating-ui/dom").Placement | undefined;
236
236
  trigger?: "click" | "hover" | undefined;
237
237
  triggeredBy?: string | undefined;
238
238
  strategy?: "fixed" | "absolute" | undefined;
package/dist/speed-dial/SpeedDial.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import type { Placement } from '@popperjs/core';
2
+ import type { Placement } from '@floating-ui/dom';
3
3
  export interface SpeedCtxType {
4
4
  pill: boolean;
5
5
  tooltip: Placement | 'none';
package/dist/speed-dial/SpeedDial.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAmEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
1
+ {"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAmEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
package/dist/speed-dial/SpeedDialButton.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import type { Placement } from '@popperjs/core';
2
+ import type { Placement } from '@floating-ui/dom';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  [x: string]: any;
package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAoDhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
1
+ {"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoDlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
package/dist/tooltips/Tooltip.svelte CHANGED
@@ -4,8 +4,8 @@ export let type = 'dark';
4
4
  export let defaultClass = 'py-2 px-3 text-sm font-medium';
5
5
  const types = {
6
6
  dark: 'bg-gray-900 text-white dark:bg-gray-700',
7
- light: 'border border-gray-200 bg-white text-gray-900',
8
- auto: ' bg-white text-gray-900 dark:bg-gray-700 dark:text-white border border-gray-200 dark:border-0',
7
+ light: 'border-gray-200 bg-white text-gray-900',
8
+ auto: ' bg-white text-gray-900 dark:bg-gray-700 dark:text-white border-gray-200 dark:border-gray-700',
9
9
  custom: ''
10
10
  };
11
11
  let toolTipClass;
@@ -14,6 +14,8 @@ $: {
14
14
  type = 'custom';
15
15
  else
16
16
  $$restProps.color = 'none';
17
+ if (['light', 'auto'].includes(type))
18
+ $$restProps.border = true;
17
19
  toolTipClass = twMerge('tooltip', defaultClass, types[type], $$props.class);
18
20
  }
19
21
  </script>
package/dist/tooltips/Tooltip.svelte.d.ts CHANGED
@@ -232,7 +232,7 @@ declare const __propDef: {
232
232
  activeContent?: boolean | undefined;
233
233
  arrow?: boolean | undefined;
234
234
  offset?: number | undefined;
235
- placement?: import("@popperjs/core").Placement | undefined;
235
+ placement?: import("@floating-ui/dom").Placement | undefined;
236
236
  trigger?: "click" | "hover" | undefined;
237
237
  triggeredBy?: string | undefined;
238
238
  strategy?: "fixed" | "absolute" | undefined;
package/dist/tooltips/Tooltip.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0CD,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
1
+ {"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4CD,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
package/dist/utils/Chevron.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import type { Placement } from '@popperjs/core';
2
+ import type { Placement } from '@floating-ui/dom';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  placement?: Placement | undefined;
package/dist/utils/Chevron.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6C/D,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
1
+ {"version":3,"file":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA6CxD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
package/dist/utils/Popper.svelte CHANGED
@@ -1,8 +1,8 @@
1
- <script>import { onMount } from 'svelte';
2
- import { createPopper } from '@popperjs/core';
3
- import { twMerge } from 'tailwind-merge';
4
- import createEventDispatcher from './createEventDispatcher';
1
+ <script>import * as dom from '@floating-ui/dom';
2
+ import { onMount } from 'svelte';
3
+ import { twJoin } from 'tailwind-merge';
5
4
  import Frame from './Frame.svelte';
5
+ import createEventDispatcher from './createEventDispatcher';
6
6
  export let activeContent = false;
7
7
  export let arrow = true;
8
8
  export let offset = 8;
@@ -17,9 +17,10 @@ let clickable;
17
17
  $: clickable = trigger === 'click';
18
18
  $: dispatch('show', triggerEl, open);
19
19
  let triggerEl;
20
+ let floatingEl;
21
+ let arrowEl;
20
22
  let contentEl;
21
23
  let triggerEls = [];
22
- let popper;
23
24
  let _blocked = false; // management of the race condition between focusin and click events
24
25
  const block = () => ((_blocked = true), setTimeout(() => (_blocked = false), 250));
25
26
  const showHandler = (ev) => {
@@ -33,15 +34,13 @@ const showHandler = (ev) => {
33
34
  block();
34
35
  open = clickable && ev.type === 'click' && !_blocked ? !open : true;
35
36
  };
36
- // reactivity
37
- $: popper && popper.setOptions({ placement });
38
- // typescript typeguards - poper.state.element.reference: Element|HTMLElement|VirtualElement
39
- const hasHover = (el) => el.matches && el.matches(':hover');
40
- const hasFocus = (el) => el.contains && el.contains(document.activeElement);
37
+ const hasHover = (el) => el.matches(':hover');
38
+ const hasFocus = (el) => el.contains(document.activeElement);
39
+ const px = (n) => (n != null ? `${n}px` : '');
41
40
  const hideHandler = (ev) => {
42
41
  if (activeContent) {
43
42
  setTimeout(() => {
44
- const elements = Object.values(popper?.state.elements ?? {});
43
+ const elements = [triggerEl, floatingEl, arrowEl].filter((x) => x);
45
44
  if (ev.type === 'mouseleave' && elements.some(hasHover))
46
45
  return;
47
46
  if (ev.type === 'focusout' && elements.some(hasFocus))
@@ -52,33 +51,47 @@ const hideHandler = (ev) => {
52
51
  else
53
52
  open = false;
54
53
  };
55
- function init(node, _triggerEl) {
56
- const arrowEl = arrow ? node.lastElementChild : undefined;
57
- popper = createPopper(_triggerEl, node, {
54
+ let arrowSide;
55
+ const oppositeSideMap = {
56
+ left: 'right',
57
+ right: 'left',
58
+ bottom: 'top',
59
+ top: 'bottom'
60
+ };
61
+ function updatePosition() {
62
+ dom
63
+ .computePosition(triggerEl, floatingEl, {
58
64
  placement,
59
65
  strategy,
60
- modifiers: [
61
- {
62
- name: 'offset',
63
- options: {
64
- offset: ({ reference, popper }) => {
65
- // for full screen mega menu
66
- return [yOnly ? popper.width / 2 - reference.width / 2 - reference.x : 0, offset];
67
- }
68
- }
69
- },
70
- { name: 'eventListeners', enabled: open },
71
- { name: 'flip', enabled: false },
72
- { name: 'arrow', enabled: arrow, options: { element: arrowEl, padding: 10 } }
66
+ middleware: [
67
+ dom.flip(),
68
+ dom.shift(),
69
+ dom.offset(+offset),
70
+ arrowEl && dom.arrow({ element: arrowEl, padding: 10 })
73
71
  ]
72
+ })
73
+ .then(({ x, y, middlewareData, placement, strategy }) => {
74
+ floatingEl.style.position = strategy;
75
+ floatingEl.style.left = yOnly ? '0' : px(x);
76
+ floatingEl.style.top = px(y);
77
+ if (middlewareData.arrow && arrowEl) {
78
+ arrowEl.style.left = px(middlewareData.arrow.x);
79
+ arrowEl.style.top = px(middlewareData.arrow.y);
80
+ arrowSide = oppositeSideMap[placement.split('-')[0]];
81
+ arrowEl.style[arrowSide] = px(-arrowEl.offsetWidth / 2 - ($$props.border ? 1 : 0));
82
+ }
74
83
  });
84
+ }
85
+ function init(node, _triggerEl) {
86
+ floatingEl = node;
87
+ let cleanup = dom.autoUpdate(node, _triggerEl, updatePosition);
75
88
  return {
76
89
  update(_triggerEl) {
77
- popper.state.elements.reference = _triggerEl;
78
- popper.update();
90
+ cleanup();
91
+ cleanup = dom.autoUpdate(node, _triggerEl, updatePosition);
79
92
  },
80
93
  destroy() {
81
- popper.destroy();
94
+ cleanup();
82
95
  }
83
96
  };
84
97
  }
@@ -117,10 +130,8 @@ onMount(() => {
117
130
  function optional(pred, func) {
118
131
  return pred ? func : () => undefined;
119
132
  }
120
- let position = 'bottom';
121
- $: position = placement.split('-', 1)[0];
122
133
  let arrowClass;
123
- $: arrowClass = twMerge('after:w-[9px] after:h-[9px] after:rotate-45 bg-inherit after:bg-inherit invisible after:visible after:block border-inherit after:border-inherit', position === 'top' && ($$props.border ? 'after:border-b after:border-r -bottom-[5px]' : '-bottom-[4px]'), position === 'bottom' && ($$props.border ? 'after:border-t after:border-l -top-[5px]' : '-top-[4px]'), position === 'left' && ($$props.border ? 'after:border-t after:border-r -right-[5px]' : '-right-[4px]'), position === 'right' && ($$props.border ? 'after:border-b after:border-l -left-[5px]' : '-left-[4px]'));
134
+ $: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit', $$props.border && arrowSide === 'bottom' && 'border-b border-r', $$props.border && arrowSide === 'top' && 'border-t border-l ', $$props.border && arrowSide === 'right' && 'border-t border-r ', $$props.border && arrowSide === 'left' && 'border-b border-l ');
124
135
  </script>
125
136
 
126
137
  {#if !triggerEl}
@@ -137,23 +148,22 @@ $: arrowClass = twMerge('after:w-[9px] after:h-[9px] after:rotate-45 bg-inherit
137
148
  on:focusout={optional(activeContent, hideHandler)}
138
149
  on:mouseenter={optional(activeContent && !clickable, showHandler)}
139
150
  on:mouseleave={optional(activeContent && !clickable, hideHandler)}
140
- {...$$restProps}
141
- class={twMerge('outline-none', $$props.class)}>
151
+ {...$$restProps}>
142
152
  <slot />
143
- {#if arrow}<div class={arrowClass} />{/if}
153
+ {#if arrow}<div class={arrowClass} bind:this={arrowEl} />{/if}
144
154
  </Frame>
145
155
  {/if}
146
156
 
147
157
  <!--
148
- @component
149
- ## Props
150
- @prop activeContent: boolean = false;
151
- @prop arrow: boolean = true;
152
- @prop offset: number = 8;
153
- @prop placement: Placement = 'top';
154
- @prop trigger: 'hover' | 'click' = 'hover';
155
- @prop triggeredBy: string | undefined = undefined;
156
- @prop strategy: 'absolute' | 'fixed' = 'absolute';
157
- @prop open: boolean = false;
158
- @prop yOnly: boolean = false;
159
- -->
158
+ @component
159
+ ## Props
160
+ @prop activeContent: boolean = false;
161
+ @prop arrow: boolean = true;
162
+ @prop offset: number = 8;
163
+ @prop placement: Placement = 'top';
164
+ @prop trigger: 'hover' | 'click' = 'hover';
165
+ @prop triggeredBy: string | undefined = undefined;
166
+ @prop strategy: 'absolute' | 'fixed' = 'absolute';
167
+ @prop open: boolean = false;
168
+ @prop yOnly: boolean = false;
169
+ -->
package/dist/utils/Popper.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import type { Placement } from '@popperjs/core';
2
+ import type { Placement } from '@floating-ui/dom';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  download?: any;
package/dist/utils/Popper.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AA8K1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
1
+ {"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAyB,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA8L/E,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.39.3",
3
+ "version": "0.40.1",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {
@@ -109,7 +109,7 @@
109
109
  "url": "https://github.com/themesberg/flowbite-svelte"
110
110
  },
111
111
  "dependencies": {
112
- "@popperjs/core": "^2.11.8",
112
+ "@floating-ui/dom": "^1.4.5",
113
113
  "flowbite": "^1.7.0",
114
114
  "tailwind-merge": "^1.13.2"
115
115
  },