@likable-hair/svelte 3.3.21 → 3.3.22

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 import "../common/materialDesign.css";
-declare const __propDef: {
-    props: {
-        name: string;
-        click?: boolean | undefined;
-        tabindex?: number | null | undefined;
-        class?: string | undefined;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,23 +1,45 @@
-<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 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>
 
 <div

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

@@ -1,35 +1,46 @@
-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;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,15 +1,40 @@
-<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 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>
 
 <div class="container flex-container">

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

@@ -1,35 +1,39 @@
-import { SvelteComponent } from "svelte";
 export type Image = {
     url: string;
     title: string;
     description: string;
 };
-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;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,14 +1,32 @@
-<script context="module"></script>
+<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>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";
+  import Icon from "../media/Icon.svelte";
 </script>
 
 <div>

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

@@ -1,29 +1,33 @@
-import { SvelteComponent } from "svelte";
 export type BreadcrumbItem = {
     name: string;
     title: string;
     url?: string;
 };
-declare const __propDef: {
-    props: {
-        items?: BreadcrumbItem[] | undefined;
-        underliner?: boolean | undefined;
-        separatorIcon?: string | undefined;
-        separatorIconSize?: number | undefined;
-        spacing?: string | undefined;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,27 +1,48 @@
-<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 });
+<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
+    });
   }
-}
-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,35 +1,46 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Chip.css';
-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;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;