@likable-hair/svelte 3.3.21 → 3.3.23

package/dist/components/simple/loaders/Skeleton.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Skeleton.css';
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type SkeletonProps = typeof __propDef.props;
-export type SkeletonEvents = typeof __propDef.events;
-export type SkeletonSlots = typeof __propDef.slots;
-export default class Skeleton extends SvelteComponent<SkeletonProps, SkeletonEvents, SkeletonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Skeleton: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Skeleton = InstanceType<typeof Skeleton>;
+export default Skeleton;

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

@@ -1,6 +1,20 @@
-<script>export let title = void 0, description = void 0, borderColor = "#B8B8B8", iconColor = "#8D8D8D", iconSize = 40, iconName = "mdi-file", borderWidth = "1px", maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = "fit-content", height = void 0;
-import Icon from "./Icon.svelte";
-import Card from "../common/Card.svelte";
+<script lang="ts">
+  export let title: string | undefined = undefined,
+    description: string | undefined = undefined,
+    borderColor = "#B8B8B8",
+    iconColor = "#8D8D8D",
+    iconSize = 40,
+    iconName = "mdi-file",
+    borderWidth = "1px",
+    maxWidth: string | undefined = undefined,
+    maxHeight: string | undefined = undefined,
+    minWidth: string | undefined = undefined,
+    minHeight: string | undefined = undefined,
+    width = "fit-content",
+    height: string | undefined = undefined;
+
+  import Icon from "./Icon.svelte";
+  import Card from "../common/Card.svelte";
 </script>
 
 <Card

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

@@ -1,30 +1,34 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        description?: string | undefined;
-        borderColor?: string | undefined;
-        iconColor?: string | undefined;
-        iconSize?: number | undefined;
-        iconName?: string | undefined;
-        borderWidth?: string | undefined;
-        maxWidth?: string | undefined;
-        maxHeight?: string | undefined;
-        minWidth?: string | undefined;
-        minHeight?: string | undefined;
-        width?: string | undefined;
-        height?: 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;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AttachmentDownloaderProps = typeof __propDef.props;
-export type AttachmentDownloaderEvents = typeof __propDef.events;
-export type AttachmentDownloaderSlots = typeof __propDef.slots;
-export default class AttachmentDownloader extends SvelteComponent<AttachmentDownloaderProps, AttachmentDownloaderEvents, AttachmentDownloaderSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AttachmentDownloader: $$__sveltets_2_IsomorphicComponent<{
+    title?: string | undefined;
+    description?: string | undefined;
+    borderColor?: string;
+    iconColor?: string;
+    iconSize?: number;
+    iconName?: string;
+    borderWidth?: string;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    width?: string;
+    height?: string | undefined;
+}, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AttachmentDownloader = InstanceType<typeof AttachmentDownloader>;
+export default AttachmentDownloader;

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

@@ -1,17 +1,23 @@
-<script>import "./Avatar.css";
-import "../../../css/main.css";
-import { BROWSER } from "esm-env";
-export let src = void 0, alt = "", text = void 0, referrerpolicy = "no-referrer", imageLoadingStatus = "success";
-$:
-  if (!!src && BROWSER) {
-    let image = new Image();
-    image.src = src;
+<script lang="ts">
+  import './Avatar.css'
+  import '../../../css/main.css'
+  import { BROWSER } from 'esm-env';
+
+  export let src: string | undefined = undefined,
+    alt: string = "",
+    text: string | undefined = undefined,
+    referrerpolicy: ReferrerPolicy | null | undefined = "no-referrer",
+    imageLoadingStatus: 'error' | 'success' = 'success'
+
+  $: if(!!src && BROWSER) {
+    let image = new Image()
+    image.src = src
     image.onload = () => {
-      imageLoadingStatus = "success";
-    };
+      imageLoadingStatus = 'success'
+    }
     image.onerror = () => {
-      imageLoadingStatus = "error";
-    };
+      imageLoadingStatus = 'error'
+    }
   }
 </script>
 

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

@@ -1,24 +1,35 @@
-import { SvelteComponent } from "svelte";
 import './Avatar.css';
 import '../../../css/main.css';
-declare const __propDef: {
-    props: {
-        src?: string | undefined;
-        alt?: string | undefined;
-        text?: string | undefined;
-        referrerpolicy?: ReferrerPolicy | null | undefined;
-        imageLoadingStatus?: "error" | "success" | 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AvatarProps = typeof __propDef.props;
-export type AvatarEvents = typeof __propDef.events;
-export type AvatarSlots = typeof __propDef.slots;
-export default class Avatar extends SvelteComponent<AvatarProps, AvatarEvents, AvatarSlots> {
+    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 Avatar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    src?: string | undefined;
+    alt?: string;
+    text?: string | undefined;
+    referrerpolicy?: ReferrerPolicy | null | undefined;
+    imageLoadingStatus?: "error" | "success";
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Avatar = InstanceType<typeof Avatar>;
+export default Avatar;

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

@@ -1,14 +1,32 @@
-<script>import { onMount } from "svelte";
-import Image from "./Image.svelte";
-export let images = [], maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = "100%", height = "100%";
-let container, localWidth = "0px", localHeight = "0px";
-onMount(() => {
-  calculateWidthAndHeight();
-});
-function calculateWidthAndHeight() {
-  localWidth = container.offsetWidth + "px";
-  localHeight = container.offsetHeight + "px";
-}
+<script lang="ts">
+  import { onMount } from "svelte";
+  import Image from "./Image.svelte";
+
+  type Image = {
+    url: string;
+    title: string;
+    description: string;
+  };
+
+  export let images: Image[] = [],
+    maxWidth: string | undefined = undefined,
+    maxHeight: string | undefined = undefined,
+    minWidth: string | undefined = undefined,
+    minHeight: string | undefined = undefined,
+    width = "100%",
+    height = "100%";
+
+  let container: HTMLElement,
+    localWidth = "0px",
+    localHeight = "0px";
+  onMount(() => {
+    calculateWidthAndHeight();
+  });
+
+  function calculateWidthAndHeight() {
+    localWidth = container.offsetWidth + "px";
+    localHeight = container.offsetHeight + "px";
+  }
 </script>
 
 <svelte:window on:resize={calculateWidthAndHeight} />

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

@@ -1,26 +1,30 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        images?: {
-            url: string;
-            title: string;
-            description: string;
-        }[] | undefined;
-        maxWidth?: string | undefined;
-        maxHeight?: string | undefined;
-        minWidth?: string | undefined;
-        minHeight?: string | undefined;
-        width?: string | undefined;
-        height?: 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CarouselProps = typeof __propDef.props;
-export type CarouselEvents = typeof __propDef.events;
-export type CarouselSlots = typeof __propDef.slots;
-export default class Carousel extends SvelteComponent<CarouselProps, CarouselEvents, CarouselSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Carousel: $$__sveltets_2_IsomorphicComponent<{
+    images?: {
+        url: string;
+        title: string;
+        description: string;
+    }[];
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    width?: string;
+    height?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Carousel = InstanceType<typeof Carousel>;
+export default Carousel;

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

@@ -1,7 +1,15 @@
-<script>import "./DescriptiveAvatar.css";
-import "../../../css/main.css";
-import Avatar from "./Avatar.svelte";
-export let src = void 0, title = void 0, subtitle = void 0, avatarText = !title ? void 0 : title.substring(0, 2).toUpperCase(), direction = "row", reverse = false, referrerpolicy = "no-referrer";
+<script lang="ts">
+  import './DescriptiveAvatar.css'
+  import '../../../css/main.css'
+  import Avatar from "./Avatar.svelte";
+
+  export let src: string | undefined = undefined,
+    title: string | undefined = undefined,
+    subtitle: string | undefined = undefined,
+    avatarText: string | undefined = !title ? undefined : title.substring(0, 2).toUpperCase(),
+    direction: "row" | "column" = "row",
+    reverse = false,
+    referrerpolicy: ReferrerPolicy | null | undefined = "no-referrer";
 </script>
 
 <div 

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

@@ -1,33 +1,49 @@
-import { SvelteComponent } from "svelte";
 import './DescriptiveAvatar.css';
 import '../../../css/main.css';
-declare const __propDef: {
-    props: {
-        src?: string | undefined;
-        title?: string | undefined;
-        subtitle?: string | undefined;
-        avatarText?: string | undefined;
-        direction?: "row" | "column" | undefined;
-        reverse?: boolean | undefined;
-        referrerpolicy?: ReferrerPolicy | null | 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;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const DescriptiveAvatar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    src?: string | undefined;
+    title?: string | undefined;
+    subtitle?: string | undefined;
+    avatarText?: string | undefined;
+    direction?: "row" | "column";
+    reverse?: boolean;
+    referrerpolicy?: ReferrerPolicy | null | undefined;
+}, {
+    default: {
+        title: string | undefined;
+        subtitle: string | undefined;
+        avatarText: string | undefined;
+        src: string | undefined;
     };
-    slots: {
-        default: {
-            title: string | undefined;
-            subtitle: string | undefined;
-            avatarText: string | undefined;
-            src: string | undefined;
-        };
+}>, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        title: string | undefined;
+        subtitle: string | undefined;
+        avatarText: string | undefined;
+        src: string | undefined;
     };
-};
-export type DescriptiveAvatarProps = typeof __propDef.props;
-export type DescriptiveAvatarEvents = typeof __propDef.events;
-export type DescriptiveAvatarSlots = typeof __propDef.slots;
-export default class DescriptiveAvatar extends SvelteComponent<DescriptiveAvatarProps, DescriptiveAvatarEvents, DescriptiveAvatarSlots> {
-}
-export {};
+}, {}, string>;
+type DescriptiveAvatar = InstanceType<typeof DescriptiveAvatar>;
+export default DescriptiveAvatar;

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

@@ -1,8 +1,11 @@
-<script>import "../../../css/flag-icons/css/flag-icons.min.css";
-import "./FlagIcon.css";
-let clazz = void 0;
-export { clazz as class };
-export let alpha2;
+<script lang="ts">
+  import '../../../css/flag-icons/css/flag-icons.min.css'
+  import './FlagIcon.css'
+  
+  let clazz: string | undefined = undefined;
+	export { clazz as class };
+
+  export let alpha2: string
 </script>
 
 <span 

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

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/flag-icons/css/flag-icons.min.css';
 import './FlagIcon.css';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        alpha2: 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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlagIconProps = typeof __propDef.props;
-export type FlagIconEvents = typeof __propDef.events;
-export type FlagIconSlots = typeof __propDef.slots;
-export default class FlagIcon extends SvelteComponent<FlagIconProps, FlagIconEvents, FlagIconSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const FlagIcon: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
+    alpha2: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FlagIcon = InstanceType<typeof FlagIcon>;
+export default FlagIcon;

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

@@ -1,37 +1,57 @@
-<script>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;
-let selectedIndex = 0, selectedImage = void 0;
-function handleImageClick(e) {
-  selectedIndex = e.detail.index;
-}
-$:
-  if (selectedIndex !== void 0 && selectedIndex !== null) {
+<script lang="ts">
+  import type { Image } from "./ImageGrid.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;
+
+  let selectedIndex: number | undefined = 0,
+    selectedImage: Image | undefined = undefined;
+  function handleImageClick(e: CustomEvent) {
+    selectedIndex = e.detail.index;
+  }
+
+  $: if (selectedIndex !== undefined && selectedIndex !== null) {
     selectedImage = images[selectedIndex];
   }
-function switchPrevious() {
-  if (selectedIndex !== void 0 && selectedIndex < images.length - 1) {
-    selectedIndex++;
+
+  function switchPrevious() {
+    if (selectedIndex !== undefined && selectedIndex < images.length - 1) {
+      selectedIndex++;
+    }
   }
-}
-function switchNext() {
-  if (selectedIndex !== void 0 && selectedIndex > 0) {
-    selectedIndex--;
+
+  function switchNext() {
+    if (selectedIndex !== undefined && selectedIndex > 0) {
+      selectedIndex--;
+    }
   }
-}
-function handleSwipe(e) {
-  if (e.detail.direction == "right") {
-    switchPrevious();
-  } else if (e.detail.direction == "left") {
-    switchNext();
-  } else if (e.detail.direction == "down") {
-    selectedIndex = void 0;
+
+  function handleSwipe(
+    e: CustomEvent<{ direction: "right" | "left" | "down" }>
+  ) {
+    if (e.detail.direction == "right") {
+      switchPrevious();
+    } else if (e.detail.direction == "left") {
+      switchNext();
+    } else if (e.detail.direction == "down") {
+      selectedIndex = undefined;
+    }
   }
-}
-import ImageGrid from "./ImageGrid.svelte";
-import ImageComponent from "./Image.svelte";
-import Dialog from "../dialogs/Dialog.svelte";
-import Button from "../buttons/Button.svelte";
-import MediaQuery from "../common/MediaQuery.svelte";
-import Gesture from "../common/Gesture.svelte";
+
+  import ImageGrid from "./ImageGrid.svelte";
+  import ImageComponent from "./Image.svelte";
+  import Dialog from "../dialogs/Dialog.svelte";
+  import Button from "../buttons/Button.svelte";
+  import MediaQuery from "../common/MediaQuery.svelte";
+  import Gesture from "../common/Gesture.svelte";
 </script>
 
 <ImageGrid

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

@@ -1,26 +1,30 @@
-import { SvelteComponent } from "svelte";
 import type { Image } from "./ImageGrid.svelte";
-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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GalleryProps = typeof __propDef.props;
-export type GalleryEvents = typeof __propDef.events;
-export type GallerySlots = typeof __propDef.slots;
-export default class Gallery extends SvelteComponent<GalleryProps, GalleryEvents, GallerySlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Gallery: $$__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;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Gallery = InstanceType<typeof Gallery>;
+export default Gallery;

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

@@ -1,7 +1,12 @@
-<script>export let name, click = false, tabindex = void 0;
-let clazz = "";
-export { clazz as class };
-import "../common/materialDesign.css";
+<script lang="ts">
+  export let name: string,
+    click = false,
+    tabindex: number | null | undefined = undefined;
+
+  let clazz = "";
+  export { clazz as class };
+
+  import "../common/materialDesign.css";
 </script>
 
 {#if click}