@likable-hair/svelte 3.3.20 → 3.3.21

package/dist/components/simple/media/Icon.svelte.d.ts

@@ -1,27 +1,23 @@
+import { SvelteComponent } from "svelte";
 import "../common/materialDesign.css";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+declare const __propDef: {
+    props: {
+        name: string;
+        click?: boolean | undefined;
+        tabindex?: number | null | undefined;
+        class?: string | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        click: MouseEvent;
+        keypress: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
 }
-declare const Icon: $$__sveltets_2_IsomorphicComponent<{
-    name: string;
-    click?: boolean;
-    tabindex?: number | null | undefined;
-    class?: string;
-}, {
-    click: MouseEvent;
-    keypress: KeyboardEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Icon = InstanceType<typeof Icon>;
-export default Icon;
+export {};

package/dist/components/simple/media/Image.svelte

@@ -1,45 +1,23 @@
-<script lang="ts">
-  import { BROWSER } from 'esm-env';
-  import IntersectionObserver from "../common/IntersectionObserver.svelte";
-  import Skeleton from "../loaders/Skeleton.svelte";
-
-  export let maxWidth: string | undefined = undefined,
-    maxHeight: string | undefined = undefined,
-    minWidth: string | undefined = undefined,
-    minHeight: string | undefined = undefined,
-    width: string | undefined = undefined,
-    height: string | undefined = undefined,
-    borderRadius: string | undefined = undefined,
-    src: string | undefined = undefined,
-    title: string | undefined = undefined,
-    description: string | undefined = undefined,
-    dark = false,
-    disableHover = false,
-    showSkeletonLoader = true,
-    imageCover = true,
-    imageContain = false;
-
-  const load = (src: string | undefined) => {
-    return new Promise<string | undefined>((resolve, reject) => {
-      if (BROWSER && !!src) {
-        fetch(src)
-          .then((resp) => {
-            resp
-              .blob()
-              .then((blob) => {
-                let reader = new FileReader();
-                reader.readAsDataURL(blob);
-                reader.onload = () => resolve(reader.result?.toString() || "");
-                reader.onerror = (error) => reject(error);
-              })
-              .catch((err) => reject(err));
-          })
-          .catch((err) => reject(err));
-      } else {
-        resolve(undefined);
-      }
-    });
-  };
+<script>import { BROWSER } from "esm-env";
+import IntersectionObserver from "../common/IntersectionObserver.svelte";
+import Skeleton from "../loaders/Skeleton.svelte";
+export let maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = void 0, height = void 0, borderRadius = void 0, src = void 0, title = void 0, description = void 0, dark = false, disableHover = false, showSkeletonLoader = true, imageCover = true, imageContain = false;
+const load = (src2) => {
+  return new Promise((resolve, reject) => {
+    if (BROWSER && !!src2) {
+      fetch(src2).then((resp) => {
+        resp.blob().then((blob) => {
+          let reader = new FileReader();
+          reader.readAsDataURL(blob);
+          reader.onload = () => resolve(reader.result?.toString() || "");
+          reader.onerror = (error) => reject(error);
+        }).catch((err) => reject(err));
+      }).catch((err) => reject(err));
+    } else {
+      resolve(void 0);
+    }
+  });
+};
 </script>
 
 <div

package/dist/components/simple/media/Image.svelte.d.ts

@@ -1,46 +1,35 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        maxWidth?: string | undefined;
+        maxHeight?: string | undefined;
+        minWidth?: string | undefined;
+        minHeight?: string | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        borderRadius?: string | undefined;
+        src?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        dark?: boolean | undefined;
+        disableHover?: boolean | undefined;
+        showSkeletonLoader?: boolean | undefined;
+        imageCover?: boolean | undefined;
+        imageContain?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        click: MouseEvent;
+        keypress: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ImageProps = typeof __propDef.props;
+export type ImageEvents = typeof __propDef.events;
+export type ImageSlots = typeof __propDef.slots;
+export default class Image extends SvelteComponent<ImageProps, ImageEvents, ImageSlots> {
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Image: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    maxWidth?: string | undefined;
-    maxHeight?: string | undefined;
-    minWidth?: string | undefined;
-    minHeight?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-    borderRadius?: string | undefined;
-    src?: string | undefined;
-    title?: string | undefined;
-    description?: string | undefined;
-    dark?: boolean;
-    disableHover?: boolean;
-    showSkeletonLoader?: boolean;
-    imageCover?: boolean;
-    imageContain?: boolean;
-}, {
-    default: {};
-}>, {
-    click: MouseEvent;
-    keypress: KeyboardEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Image = InstanceType<typeof Image>;
-export default Image;
+export {};

package/dist/components/simple/media/ImageGrid.svelte

@@ -1,40 +1,15 @@
-<script lang="ts" context="module">
-  export type Image = {
-    url: string;
-    title: string;
-    description: string;
-  };
-</script>
-
-<script lang="ts">
-  import { createEventDispatcher } from "svelte";
-
-  export let images: Image[] = [],
-    columns: number | undefined = undefined,
-    imageMaxWidth: string | undefined = undefined,
-    imageMinWidth: string | undefined = undefined,
-    imageMaxHeight: string | undefined = undefined,
-    imageMinHeight: string | undefined = undefined,
-    imageHeight: string | undefined = undefined,
-    imageWidth: string | undefined = undefined,
-    disableHover = false,
-    dark = false;
-
-  const dispatch = createEventDispatcher<{
-    "image-click": {
-      image: Image;
-      index: number;
-    };
-  }>();
-
-  function handleImageClick(image: Image, index: number) {
-    dispatch("image-click", {
-      image,
-      index,
-    });
-  }
-
-  import ImageComponent from "./Image.svelte";
+<script context="module"></script>
+
+<script>import { createEventDispatcher } from "svelte";
+export let images = [], columns = void 0, imageMaxWidth = void 0, imageMinWidth = void 0, imageMaxHeight = void 0, imageMinHeight = void 0, imageHeight = void 0, imageWidth = void 0, disableHover = false, dark = false;
+const dispatch = createEventDispatcher();
+function handleImageClick(image, index) {
+  dispatch("image-click", {
+    image,
+    index
+  });
+}
+import ImageComponent from "./Image.svelte";
 </script>
 
 <div class="container flex-container">

package/dist/components/simple/media/ImageGrid.svelte.d.ts

@@ -1,39 +1,35 @@
+import { SvelteComponent } from "svelte";
 export type Image = {
     url: string;
     title: string;
     description: string;
 };
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+declare const __propDef: {
+    props: {
+        images?: Image[] | undefined;
+        columns?: number | undefined;
+        imageMaxWidth?: string | undefined;
+        imageMinWidth?: string | undefined;
+        imageMaxHeight?: string | undefined;
+        imageMinHeight?: string | undefined;
+        imageHeight?: string | undefined;
+        imageWidth?: string | undefined;
+        disableHover?: boolean | undefined;
+        dark?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        "image-click": CustomEvent<{
+            image: Image;
+            index: number;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageGridProps = typeof __propDef.props;
+export type ImageGridEvents = typeof __propDef.events;
+export type ImageGridSlots = typeof __propDef.slots;
+export default class ImageGrid extends SvelteComponent<ImageGridProps, ImageGridEvents, ImageGridSlots> {
 }
-declare const ImageGrid: $$__sveltets_2_IsomorphicComponent<{
-    images?: Image[];
-    columns?: number | undefined;
-    imageMaxWidth?: string | undefined;
-    imageMinWidth?: string | undefined;
-    imageMaxHeight?: string | undefined;
-    imageMinHeight?: string | undefined;
-    imageHeight?: string | undefined;
-    imageWidth?: string | undefined;
-    disableHover?: boolean;
-    dark?: boolean;
-}, {
-    "image-click": CustomEvent<{
-        image: Image;
-        index: number;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ImageGrid = InstanceType<typeof ImageGrid>;
-export default ImageGrid;
+export {};

package/dist/components/simple/navigation/Breadcrumb.svelte

@@ -1,32 +1,14 @@
-<script lang="ts" context="module">
-  export type BreadcrumbItem = {
-    name: string;
-    title: string;
-    url?: string;
-  };
-</script>
-
-<script lang="ts">
-  import { createEventDispatcher } from "svelte";
-  const dispatch = createEventDispatcher<{
-    "item-click": {
-      item: BreadcrumbItem;
-    };
-  }>();
-
-  export let items: BreadcrumbItem[] = [],
-    underliner = true,
-    separatorIcon = "mdi-chevron-right",
-    separatorIconSize = 10,
-    spacing = "20px";
-
-  function handleLinkClick(item: BreadcrumbItem) {
-    dispatch("item-click", {
-      item: item,
-    });
-  }
+<script context="module"></script>
 
-  import Icon from "../media/Icon.svelte";
+<script>import { createEventDispatcher } from "svelte";
+const dispatch = createEventDispatcher();
+export let items = [], underliner = true, separatorIcon = "mdi-chevron-right", separatorIconSize = 10, spacing = "20px";
+function handleLinkClick(item) {
+  dispatch("item-click", {
+    item
+  });
+}
+import Icon from "../media/Icon.svelte";
 </script>
 
 <div>

package/dist/components/simple/navigation/Breadcrumb.svelte.d.ts

@@ -1,33 +1,29 @@
+import { SvelteComponent } from "svelte";
 export type BreadcrumbItem = {
     name: string;
     title: string;
     url?: string;
 };
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+declare const __propDef: {
+    props: {
+        items?: BreadcrumbItem[] | undefined;
+        underliner?: boolean | undefined;
+        separatorIcon?: string | undefined;
+        separatorIconSize?: number | undefined;
+        spacing?: string | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        "item-click": CustomEvent<{
+            item: BreadcrumbItem;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BreadcrumbProps = typeof __propDef.props;
+export type BreadcrumbEvents = typeof __propDef.events;
+export type BreadcrumbSlots = typeof __propDef.slots;
+export default class Breadcrumb extends SvelteComponent<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
 }
-declare const Breadcrumb: $$__sveltets_2_IsomorphicComponent<{
-    items?: BreadcrumbItem[];
-    underliner?: boolean;
-    separatorIcon?: string;
-    separatorIconSize?: number;
-    spacing?: string;
-}, {
-    "item-click": CustomEvent<{
-        item: BreadcrumbItem;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Breadcrumb = InstanceType<typeof Breadcrumb>;
-export default Breadcrumb;
+export {};

package/dist/components/simple/navigation/Chip.svelte

@@ -1,48 +1,27 @@
-<script lang="ts">
-  import '../../../css/main.css'
-  import './Chip.css'
-  import Icon from "../media/Icon.svelte";
-  import Button from "../buttons/Button.svelte";
-  import { createEventDispatcher } from "svelte";
-
-  export let close = false,
-    closeIcon = "mdi-close-circle",
-    disabled = false,
-    filter = false,
-    filterIcon = "mdi-check",
-    label = false,
-    outlined = false,
-    buttonTabIndex: number | null = null,
-    truncateText: boolean = false
-
-  const dispatch = createEventDispatcher<{
-    click: {
-      native: MouseEvent
-    },
-    close: {
-      native: MouseEvent
-    }
-  }>();
-
-  function handleChipClick(e: MouseEvent | KeyboardEvent) {
-    let native: MouseEvent;
-    
-    if (e instanceof KeyboardEvent) {
-      if (e.key !== "Enter" && e.key !== " ") return
-      native = new PointerEvent("click", { bubbles: true, cancelable: true })
-      e.currentTarget?.dispatchEvent(native)
-    } 
-    else {
-      dispatch("click", { native: e })
-    }
-  }
-
-  function handleCloseClick(e: CustomEvent) {
-    e.detail.nativeEvent.stopPropagation()
-    dispatch("close", {
-      native: e.detail.nativeEvent
-    });
+<script>import "../../../css/main.css";
+import "./Chip.css";
+import Icon from "../media/Icon.svelte";
+import Button from "../buttons/Button.svelte";
+import { createEventDispatcher } from "svelte";
+export let close = false, closeIcon = "mdi-close-circle", disabled = false, filter = false, filterIcon = "mdi-check", label = false, outlined = false, buttonTabIndex = null, truncateText = false;
+const dispatch = createEventDispatcher();
+function handleChipClick(e) {
+  let native;
+  if (e instanceof KeyboardEvent) {
+    if (e.key !== "Enter" && e.key !== " ")
+      return;
+    native = new PointerEvent("click", { bubbles: true, cancelable: true });
+    e.currentTarget?.dispatchEvent(native);
+  } else {
+    dispatch("click", { native: e });
   }
+}
+function handleCloseClick(e) {
+  e.detail.nativeEvent.stopPropagation();
+  dispatch("close", {
+    native: e.detail.nativeEvent
+  });
+}
 </script>
 
 <div

package/dist/components/simple/navigation/Chip.svelte.d.ts

@@ -1,46 +1,35 @@
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Chip.css';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+declare const __propDef: {
+    props: {
+        close?: boolean | undefined;
+        closeIcon?: string | undefined;
+        disabled?: boolean | undefined;
+        filter?: boolean | undefined;
+        filterIcon?: string | undefined;
+        label?: boolean | undefined;
+        outlined?: boolean | undefined;
+        buttonTabIndex?: number | null | undefined;
+        truncateText?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        click: CustomEvent<{
+            native: MouseEvent;
+        }>;
+        close: CustomEvent<{
+            native: MouseEvent;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ChipProps = typeof __propDef.props;
+export type ChipEvents = typeof __propDef.events;
+export type ChipSlots = typeof __propDef.slots;
+export default class Chip extends SvelteComponent<ChipProps, ChipEvents, ChipSlots> {
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Chip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    close?: boolean;
-    closeIcon?: string;
-    disabled?: boolean;
-    filter?: boolean;
-    filterIcon?: string;
-    label?: boolean;
-    outlined?: boolean;
-    buttonTabIndex?: number | null;
-    truncateText?: boolean;
-}, {
-    default: {};
-}>, {
-    click: CustomEvent<{
-        native: MouseEvent;
-    }>;
-    close: CustomEvent<{
-        native: MouseEvent;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Chip = InstanceType<typeof Chip>;
-export default Chip;
+export {};