flowbite-svelte 0.27.13 → 0.27.15

package/utils/Popper.svelte

@@ -1,139 +0,0 @@
-<script>import { onMount } from 'svelte';
-import { createPopper } from '@popperjs/core';
-import classNames from 'classnames';
-import createEventDispatcher from './createEventDispatcher';
-import Frame from './Frame.svelte';
-export let activeContent = false;
-export let arrow = true;
-export let offset = 8;
-export let placement = 'top';
-export let trigger = 'hover';
-export let triggeredBy = undefined;
-export let strategy = 'absolute';
-export let open = false;
-export let yOnly = false;
-const dispatch = createEventDispatcher();
-let clickable;
-$: clickable = trigger === 'click';
-$: dispatch('show', triggerEl, open);
-let triggerEl;
-let contentEl;
-let triggerEls = [];
-let popper;
-let _blocked = false; // managment of the race condition between focusin and click events
-const block = () => ((_blocked = true), setTimeout(() => (_blocked = false), 250));
-const showHandler = (ev) => {
-    if (triggerEl === undefined)
-        console.error('trigger undefined');
-    if (triggerEls.includes(ev.target) && triggerEl !== ev.target) {
-        triggerEl = ev.target;
-        block();
-    }
-    if (clickable && ev.type === 'focusin' && !open)
-        block();
-    open = clickable && ev.type === 'click' && !_blocked ? !open : true;
-};
-// reactivity
-$: popper && popper.setOptions({ placement });
-// typescript typeguards - poper.state.element.reference: Element|HTMLElement|VirtualElement
-const hasHover = (el) => el.matches && el.matches(':hover');
-const hasFocus = (el) => el.contains && el.contains(document.activeElement);
-const hideHandler = (ev) => {
-    if (activeContent) {
-        setTimeout(() => {
-            const elements = Object.values(popper?.state.elements ?? {});
-            if (ev.type === 'mouseleave' && elements.some(hasHover))
-                return;
-            if (ev.type === 'focusout' && elements.some(hasFocus))
-                return;
-            open = false;
-        }, 100);
-    }
-    else
-        open = false;
-};
-function init(node, _triggerEl) {
-    popper = createPopper(_triggerEl, node, {
-        placement,
-        strategy,
-        modifiers: [
-            {
-                name: 'offset',
-                options: {
-                    offset: ({ reference, popper }) => {
-                        // for full screen mega menu
-                        return [yOnly ? popper.width / 2 - reference.width / 2 - reference.x : 0, offset];
-                    }
-                }
-            },
-            { name: 'eventListeners', enabled: open },
-            { name: 'flip', enabled: false }
-        ]
-    });
-    return {
-        update(_triggerEl) {
-            popper.state.elements.reference = _triggerEl;
-            popper.update();
-        },
-        destroy() {
-            popper.destroy();
-        }
-    };
-}
-onMount(() => {
-    const events = [
-        ['focusin', showHandler, true],
-        ['focusout', hideHandler, true],
-        ['click', showHandler, clickable],
-        ['mouseenter', showHandler, !clickable],
-        ['mouseleave', hideHandler, !clickable]
-    ];
-    if (triggeredBy)
-        triggerEls = [...document.querySelectorAll(triggeredBy)];
-    else
-        triggerEls = contentEl.previousElementSibling ? [contentEl.previousElementSibling] : [];
-    if (!triggerEls.length) {
-        console.error('No triggers found.');
-    }
-    triggerEls.forEach((element) => {
-        if (element.tabIndex < 0)
-            element.tabIndex = 0; // trigger must be focusable
-        for (const [name, handler, cond] of events)
-            if (cond)
-                element.addEventListener(name, handler);
-    });
-    triggerEl = triggerEls[0];
-    return () => {
-        triggerEls.forEach((element) => {
-            if (element) {
-                for (const [name, handler] of events)
-                    element.removeEventListener(name, handler);
-            }
-        });
-    };
-});
-function optional(pred, func) {
-    return pred && func;
-}
-</script>
-
-{#if !triggerEl}
-  <div bind:this={contentEl} />
-{/if}
-
-{#if open && triggerEl}
-  <Frame
-    use={init}
-    options={triggerEl}
-    role="tooltip"
-    tabIndex={activeContent ? -1 : undefined}
-    on:focusin={optional(activeContent, showHandler)}
-    on:focusout={optional(activeContent, hideHandler)}
-    on:mouseenter={optional(activeContent && !clickable, showHandler)}
-    on:mouseleave={optional(activeContent && !clickable, hideHandler)}
-    {...$$restProps}
-    class={classNames('z-10 outline-none', $$props.class)}>
-    <slot />
-    {#if arrow}<div data-popper-arrow class="tooltip-arrow border dark:border-gray-100" />{/if}
-  </Frame>
-{/if}

package/utils/Popper.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Placement } from '@popperjs/core';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeContent?: boolean | undefined;
-        arrow?: boolean | undefined;
-        offset?: number | undefined;
-        placement?: Placement | undefined;
-        trigger?: "click" | "hover" | undefined;
-        triggeredBy?: string | undefined;
-        strategy?: "fixed" | "absolute" | undefined;
-        open?: boolean | undefined;
-        yOnly?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type PopperProps = typeof __propDef.props;
-export declare type PopperEvents = typeof __propDef.events;
-export declare type PopperSlots = typeof __propDef.slots;
-export default class Popper extends SvelteComponentTyped<PopperProps, PopperEvents, PopperSlots> {
-}
-export {};

package/utils/UserCircle.svelte

@@ -1,37 +0,0 @@
-<script>export let size = '24';
-export let color = 'currentColor';
-export let variation = 'outline';
-let viewBox;
-let svgpath;
-let svgoutline = `<path d="M17.9815 18.7248C16.6121 16.9175 14.4424 15.75 12 15.75C9.55761 15.75 7.38789 16.9175 6.01846 18.7248M17.9815 18.7248C19.8335 17.0763 21 14.6744 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.6744 4.1665 17.0763 6.01846 18.7248M17.9815 18.7248C16.3915 20.1401 14.2962 21 12 21C9.70383 21 7.60851 20.1401 6.01846 18.7248M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
-let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6854 19.0971C20.5721 17.3191 21.75 14.7971 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 14.7971 3.42785 17.3191 5.31463 19.0971C7.06012 20.7419 9.41234 21.75 12 21.75C14.5877 21.75 16.9399 20.7419 18.6854 19.0971ZM6.14512 17.8123C7.51961 16.0978 9.63161 15 12 15C14.3684 15 16.4804 16.0978 17.8549 17.8123C16.3603 19.3178 14.289 20.25 12 20.25C9.711 20.25 7.63973 19.3178 6.14512 17.8123ZM15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25C14.0711 5.25 15.75 6.92893 15.75 9Z" fill="${color}"/> `;
-$: switch (variation) {
-    case 'outline':
-        svgpath = svgoutline;
-        viewBox = '0 0 24 24';
-        break;
-    case 'solid':
-        svgpath = svgsolid;
-        viewBox = '0 0 24 24';
-        break;
-    default:
-        svgpath = svgoutline;
-        viewBox = '0 0 24 24';
-}
-export let ariaLabel = 'user circle';
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click
->
-	{@html svgpath}
-</svg>

package/utils/UserCircle.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: string | undefined;
-        color?: string | undefined;
-        variation?: "solid" | "outline" | undefined;
-        ariaLabel?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type UserCircleProps = typeof __propDef.props;
-export declare type UserCircleEvents = typeof __propDef.events;
-export declare type UserCircleSlots = typeof __propDef.slots;
-export default class UserCircle extends SvelteComponentTyped<UserCircleProps, UserCircleEvents, UserCircleSlots> {
-}
-export {};

package/utils/Wrapper.svelte

@@ -1,10 +0,0 @@
-<script>export let tag = 'div';
-export let show;
-export let use = () => { };
-</script>
-
-{#if show}
-  <svelte:element this={tag} use:use {...$$restProps}><slot /></svelte:element>
-{:else}
-  <slot />
-{/if}

package/utils/Wrapper.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Action } from 'svelte/action';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: string | undefined;
-        show: boolean;
-        use?: Action<HTMLElement, any, Record<never, any>> | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type WrapperProps = typeof __propDef.props;
-export declare type WrapperEvents = typeof __propDef.events;
-export declare type WrapperSlots = typeof __propDef.slots;
-export default class Wrapper extends SvelteComponentTyped<WrapperProps, WrapperEvents, WrapperSlots> {
-}
-export {};

package/utils/backdrop.d.ts

@@ -1,6 +0,0 @@
-export declare let open: boolean;
-export declare let placement: any;
-export declare const init: (node: any, _open: any) => {
-    update(_open: any): void;
-    destroy(): void;
-};

package/utils/backdrop.js

@@ -1,90 +0,0 @@
-import { createEventDispatcher } from 'svelte';
-export let open = false;
-const backdropClasses = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40';
-export let placement;
-// const placement:
-// 		| 'top-left'
-// 		| 'top-center'
-// 		| 'top-right'
-// 		| 'center-left'
-// 		| 'center'
-// 		| 'center-right'
-// 		| 'bottom-left'
-// 		| 'bottom-center'
-// 		| 'bottom-right'='center';
-export const init = (node, _open) => {
-    getPlacementClasses().map((c) => node.classList.add(c));
-    _open && createBackdrop(node);
-    console.log('init clicked');
-    return {
-        update(_open) {
-            allPlacementClasses.map((c) => node.classList.remove(c));
-            getPlacementClasses().map((c) => node.classList.add(c));
-            _open ? createBackdrop(node) : destroyBackdrop(node);
-        },
-        destroy() {
-            destroyBackdrop(node);
-        }
-    };
-};
-const getPlacementClasses = () => {
-    switch (placement) {
-        // top
-        case 'top-left':
-            return ['justify-start', 'items-start'];
-        case 'top-center':
-            return ['justify-center', 'items-start'];
-        case 'top-right':
-            return ['justify-end', 'items-start'];
-        // center
-        case 'center-left':
-            return ['justify-start', 'items-center'];
-        case 'center':
-            return ['justify-center', 'items-center'];
-        case 'center-right':
-            return ['justify-end', 'items-center'];
-        // bottom
-        case 'bottom-left':
-            return ['justify-start', 'items-end'];
-        case 'bottom-center':
-            return ['justify-center', 'items-end'];
-        case 'bottom-right':
-            return ['justify-end', 'items-end'];
-        default:
-            return ['justify-center', 'items-center'];
-    }
-};
-const createBackdrop = (node) => {
-    if (!backdropEl) {
-        backdropEl = document.createElement('div');
-        backdropEl.classList.add(...backdropClasses.split(' '));
-        const body = document.querySelector('body');
-        body.append(backdropEl);
-        body.style.overflow = 'hidden';
-        document.addEventListener('keydown', handleEscape, true);
-    }
-    dispatch('show', node);
-};
-const destroyBackdrop = (node) => {
-    const body = document.querySelector('body');
-    body.style.overflow = 'auto';
-    if (backdropEl)
-        backdropEl.remove();
-    backdropEl = undefined;
-    document.removeEventListener('keydown', handleEscape, true);
-    dispatch('hide', node);
-};
-let backdropEl;
-const handleEscape = (e) => {
-    if (open && e.key === 'Escape')
-        open = false;
-};
-const dispatch = createEventDispatcher();
-const allPlacementClasses = [
-    'justify-start',
-    'justify-center',
-    'justify-end',
-    'items-start',
-    'items-center',
-    'items-end'
-];

package/utils/clickOutside.d.ts

@@ -1,3 +0,0 @@
-export declare const clickOutside: (node: HTMLElement, callback: () => void) => {
-    destroy(): void;
-};

package/utils/clickOutside.js

@@ -1,15 +0,0 @@
-export const clickOutside = (node, callback) => {
-    const handleClick = (event) => {
-        if (!event?.target)
-            return;
-        if (node && !node.contains(event.target) && !event.defaultPrevented) {
-            callback();
-        }
-    };
-    document.addEventListener('click', handleClick, true);
-    return {
-        destroy() {
-            document.removeEventListener('click', handleClick, true);
-        },
-    };
-};

package/utils/createEventDispatcher.d.ts

@@ -1 +0,0 @@
-export default function createEventDispatcher(): (type: any, target: any, detail: any) => void;

package/utils/focusTrap.d.ts

@@ -1,3 +0,0 @@
-export default function focusTrap(node: any): {
-    destroy(): void;
-};

package/utils/generateId.d.ts

@@ -1 +0,0 @@
-export default function _default(): string;

package/video/Video.svelte

@@ -1,22 +0,0 @@
-<script>import classNames from 'classnames';
-// export let width;
-// export let controls: boolean = true;
-// export let autoplay: boolean = false;
-export let src;
-export let type = 'video/mp4';
-export let trackSrc = '';
-export let srclang = 'en';
-export let label = 'english_captions';
-// export let attribute = '';
-let videoClass = classNames($$props.class);
-// const setAttribute = (node, params) => {
-//   node.setAttribute(params, '');
-// };
-</script>
-
-<video {...$$restProps} class={videoClass}>
-  <source {src} {type} />
-  <slot />
-  <track src={trackSrc} kind="captions" {srclang} {label} />
-  Your browser does not support the video tag.
-</video>

package/video/Video.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        src: string;
-        type?: string | undefined;
-        trackSrc?: string | undefined;
-        srclang?: string | undefined;
-        label?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type VideoProps = typeof __propDef.props;
-export declare type VideoEvents = typeof __propDef.events;
-export declare type VideoSlots = typeof __propDef.slots;
-export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
-}
-export {};