@likable-hair/svelte 3.3.20 → 3.3.21

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

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

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

@@ -1,20 +1,6 @@
-<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>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>
 
 <Card

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

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

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

@@ -1,23 +1,17 @@
-<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
+<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;
     image.onload = () => {
-      imageLoadingStatus = 'success'
-    }
+      imageLoadingStatus = "success";
+    };
     image.onerror = () => {
-      imageLoadingStatus = 'error'
-    }
+      imageLoadingStatus = "error";
+    };
   }
 </script>
 

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

@@ -1,35 +1,24 @@
+import { SvelteComponent } from "svelte";
 import './Avatar.css';
 import '../../../css/main.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: {
+        src?: string | undefined;
+        alt?: string | undefined;
+        text?: string | undefined;
+        referrerpolicy?: ReferrerPolicy | null | undefined;
+        imageLoadingStatus?: "error" | "success" | undefined;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-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;
+export {};

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

@@ -1,32 +1,14 @@
-<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>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>
 
 <svelte:window on:resize={calculateWidthAndHeight} />

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

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

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

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

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

@@ -1,49 +1,33 @@
+import { SvelteComponent } from "svelte";
 import './DescriptiveAvatar.css';
 import '../../../css/main.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: {
+        src?: string | undefined;
+        title?: string | undefined;
+        subtitle?: string | undefined;
+        avatarText?: string | undefined;
+        direction?: "row" | "column" | undefined;
+        reverse?: boolean | undefined;
+        referrerpolicy?: ReferrerPolicy | null | undefined;
     };
-    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;
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-}>, {
-    click: MouseEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    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;
+        };
     };
-}, {}, string>;
-type DescriptiveAvatar = InstanceType<typeof DescriptiveAvatar>;
-export default DescriptiveAvatar;
+};
+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 {};

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

@@ -1,11 +1,8 @@
-<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>import "../../../css/flag-icons/css/flag-icons.min.css";
+import "./FlagIcon.css";
+let clazz = void 0;
+export { clazz as class };
+export let alpha2;
 </script>
 
 <span 

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

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

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

@@ -1,57 +1,37 @@
-<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) {
+<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) {
     selectedImage = images[selectedIndex];
   }
-
-  function switchPrevious() {
-    if (selectedIndex !== undefined && selectedIndex < images.length - 1) {
-      selectedIndex++;
-    }
+function switchPrevious() {
+  if (selectedIndex !== void 0 && selectedIndex < images.length - 1) {
+    selectedIndex++;
   }
-
-  function switchNext() {
-    if (selectedIndex !== undefined && selectedIndex > 0) {
-      selectedIndex--;
-    }
+}
+function switchNext() {
+  if (selectedIndex !== void 0 && selectedIndex > 0) {
+    selectedIndex--;
   }
-
-  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;
-    }
+}
+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;
   }
-
-  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,30 +1,26 @@
+import { SvelteComponent } from "svelte";
 import type { Image } from "./ImageGrid.svelte";
-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: {
+        [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> {
 }
-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;
+export {};

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

@@ -1,12 +1,7 @@
-<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>export let name, click = false, tabindex = void 0;
+let clazz = "";
+export { clazz as class };
+import "../common/materialDesign.css";
 </script>
 
 {#if click}