drab 4.1.6 → 5.0.0-beta.0

package/dist/components/Tablature.svelte.d.ts

@@ -1,93 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        id?: string | undefined;
-        /** number of strings on the instrument, defaults to `6` */ strings?: number | undefined;
-        /** number of beats in the measure, defaults to `4` */ beats?: number | undefined;
-        /** puts a repeat at the start of the measure */ repeatStart?: boolean | undefined;
-        /** puts a repeat at the end of the measure */ repeatEnd?: boolean | undefined;
-        /** an array of notes */ notes?: {
-            /** string number */
-            string: number;
-            /** fret number */
-            fret: number | string;
-            /** beat number */
-            beat: number;
-            /** custom modifier - ex: "/3p2" signifies a slide to 3 and pull off to 2 */
-            mod?: string | undefined;
-        }[] | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TablatureProps = typeof __propDef.props;
-export type TablatureEvents = typeof __propDef.events;
-export type TablatureSlots = typeof __propDef.slots;
-/**
- * ### Tablature
- *
- * A complementary component to the `FrettedChord` for displaying a measure of tablature for a fretted instrument like guitar or ukulele. Created with HTML elements so it is customizable and responsive to the size of the container.
- *
- * @props
- *
- * - `beats` - number of beats in the measure, defaults to `4`
- * - `class`
- * - `id`
- * - `notes` - an array of notes
- * - `repeatEnd` - puts a repeat at the end of the measure
- * - `repeatStart` - puts a repeat at the start of the measure
- * - `strings` - number of strings on the instrument, defaults to `6`
- *
- * @example
- *
- * ```svelte
- * <script lang="ts">
- * import { Tablature } from "drab";
- * import type { ComponentProps } from "svelte";
- *
- * const notes: ComponentProps<Tablature>["notes"] = [
- * 	{
- * 		fret: 0,
- * 		beat: 1,
- * 		string: 1,
- * 	},
- * 	{
- * 		fret: 1,
- * 		beat: 2,
- * 		string: 2,
- * 	},
- * 	{
- * 		fret: "X",
- * 		beat: 2,
- * 		string: 3,
- * 	},
- * 	{
- * 		fret: 2,
- * 		beat: 3,
- * 		string: 4,
- * 		mod: "/3p2",
- * 	},
- * 	{
- * 		fret: 7,
- * 		beat: 4,
- * 		string: 3,
- * 	},
- * ];
- * </script>
- *
- * <div class="font-mono font-semibold">
- * <div class="mb-8 h-24">
- * 	<Tablature {notes} repeatStart />
- * </div>
- * <div class="h-16 text-sm">
- * 	<Tablature {notes} strings={4} repeatEnd />
- * </div>
- * </div>
- * ```
- */
-export default class Tablature extends SvelteComponent<TablatureProps, TablatureEvents, TablatureSlots> {
-}
-export {};

package/dist/components/YouTube.svelte

@@ -1,51 +0,0 @@
-<!--
-@component
-
-### YouTube
-
-Embeds a YouTube video `iframe` into a website with the video `uid`, using [www.youtube-nocookie.com](https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode).
-
-@props
-
-- `autoplay` - auto-plays the video
-- `class` 
-- `id` 
-- `start` - start time (seconds)
-- `title` 
-- `uid` - unique YouTube id
-
-@example
-
-```svelte
-<script lang="ts">
-	import { YouTube } from "drab";
-</script>
-
-<YouTube
-	class="aspect-video w-full rounded"
-	title="Renegade - Kevin Olusola"
-	uid="gouiY85kD2o"
-/>
-```
--->
-
-<script>let className = "";
-export { className as class };
-export let id = "";
-export let uid;
-export let title = "";
-export let autoplay = false;
-export let start = 0;
-</script>
-
-<iframe
-	class={className}
-	{id}
-	src="https://www.youtube-nocookie.com/embed/{uid}?start={start}{autoplay
-		? '&autoplay=1'
-		: ''}"
-	{title}
-	frameborder="0"
-	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-	allowfullscreen
-/>

package/dist/components/YouTube.svelte.d.ts

@@ -1,49 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        id?: string | undefined;
-        /** unique YouTube id */ uid: string;
-        title?: string | undefined;
-        /** auto-plays the video */ autoplay?: boolean | undefined;
-        /** start time (seconds) */ start?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type YouTubeProps = typeof __propDef.props;
-export type YouTubeEvents = typeof __propDef.events;
-export type YouTubeSlots = typeof __propDef.slots;
-/**
- * ### YouTube
- *
- * Embeds a YouTube video `iframe` into a website with the video `uid`, using [www.youtube-nocookie.com](https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode).
- *
- * @props
- *
- * - `autoplay` - auto-plays the video
- * - `class`
- * - `id`
- * - `start` - start time (seconds)
- * - `title`
- * - `uid` - unique YouTube id
- *
- * @example
- *
- * ```svelte
- * <script lang="ts">
- * import { YouTube } from "drab";
- * </script>
- *
- * <YouTube
- * class="aspect-video w-full rounded"
- * title="Renegade - Kevin Olusola"
- * uid="gouiY85kD2o"
- * />
- * ```
- */
-export default class YouTube extends SvelteComponent<YouTubeProps, YouTubeEvents, YouTubeSlots> {
-}
-export {};

package/dist/index.d.ts

@@ -1,14 +0,0 @@
-import Breakpoint from "./components/Breakpoint.svelte";
-import ContextMenu from "./components/ContextMenu.svelte";
-import CopyButton from "./components/CopyButton.svelte";
-import DataTable from "./components/DataTable.svelte";
-import Details from "./components/Details.svelte";
-import Editor from "./components/Editor.svelte";
-import FrettedChord from "./components/FrettedChord.svelte";
-import FullscreenButton from "./components/FullscreenButton.svelte";
-import Popover from "./components/Popover.svelte";
-import ShareButton from "./components/ShareButton.svelte";
-import Sheet from "./components/Sheet.svelte";
-import Tablature from "./components/Tablature.svelte";
-import YouTube from "./components/YouTube.svelte";
-export { Breakpoint, ContextMenu, CopyButton, DataTable, Details, Editor, FrettedChord, FullscreenButton, Popover, ShareButton, Sheet, Tablature, YouTube, };

package/dist/index.js

@@ -1,14 +0,0 @@
-import Breakpoint from "./components/Breakpoint.svelte";
-import ContextMenu from "./components/ContextMenu.svelte";
-import CopyButton from "./components/CopyButton.svelte";
-import DataTable from "./components/DataTable.svelte";
-import Details from "./components/Details.svelte";
-import Editor from "./components/Editor.svelte";
-import FrettedChord from "./components/FrettedChord.svelte";
-import FullscreenButton from "./components/FullscreenButton.svelte";
-import Popover from "./components/Popover.svelte";
-import ShareButton from "./components/ShareButton.svelte";
-import Sheet from "./components/Sheet.svelte";
-import Tablature from "./components/Tablature.svelte";
-import YouTube from "./components/YouTube.svelte";
-export { Breakpoint, ContextMenu, CopyButton, DataTable, Details, Editor, FrettedChord, FullscreenButton, Popover, ShareButton, Sheet, Tablature, YouTube, };

package/dist/util/accessibility.d.ts

@@ -1,6 +0,0 @@
-/**
- * Checks to see if the user prefers reduced motion
- *
- * @returns `true` if the user prefers reduced motion
- */
-export declare const prefersReducedMotion: () => boolean;

package/dist/util/accessibility.js

@@ -1,11 +0,0 @@
-/**
- * Checks to see if the user prefers reduced motion
- *
- * @returns `true` if the user prefers reduced motion
- */
-export const prefersReducedMotion = () => {
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    if (mediaQuery.matches)
-        return true;
-    return false;
-};

package/dist/util/delay.d.ts

@@ -1 +0,0 @@
-export declare const delay = 800;

package/dist/util/delay.js

@@ -1 +0,0 @@
-export const delay = 800;

package/dist/util/transition.d.ts

@@ -1,2 +0,0 @@
-export declare const duration = 200;
-export declare const start = 0.95;

package/dist/util/transition.js

@@ -1,2 +0,0 @@
-export const duration = 200;
-export const start = 0.95;