@likable-hair/svelte 3.3.26 → 3.3.28

package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts

@@ -1,57 +1,88 @@
-import { SvelteComponent } from "svelte";
 import "../../css/main.css";
 import "./CollapsibleSideBarLayout.css";
-declare const __propDef: {
-    props: {
-        drawerOpened?: boolean | undefined;
-        sidebarExpanded?: boolean | undefined;
-        class?: {
-            container?: string | undefined;
-            header?: string | undefined;
-            mainSection?: string | undefined;
-            overlay?: string | undefined;
-        } | undefined;
-    };
-    events: {
-        "drawer-change": CustomEvent<{
-            opened: boolean;
-        }>;
-        "pinned-change": CustomEvent<{
-            pinned: boolean;
-        }>;
-        "sidebar-toggle": CustomEvent<{
-            expanded: boolean;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        'inner-menu': {
-            hamburgerVisible: boolean;
-        };
-        sidebar: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        logo: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        menu: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        user: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        default: {};
-    };
-};
-export type CollapsibleSideBarLayoutProps = typeof __propDef.props;
-export type CollapsibleSideBarLayoutEvents = typeof __propDef.events;
-export type CollapsibleSideBarLayoutSlots = typeof __propDef.slots;
-export default class CollapsibleSideBarLayout extends SvelteComponent<CollapsibleSideBarLayoutProps, CollapsibleSideBarLayoutEvents, CollapsibleSideBarLayoutSlots> {
+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;
+    };
+    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 CollapsibleSideBarLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    drawerOpened?: boolean;
+    sidebarExpanded?: boolean;
+    class?: {
+        container?: string;
+        header?: string;
+        mainSection?: string;
+        overlay?: string;
+    };
+}, {
+    header: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
+    };
+    sidebar: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    logo: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    menu: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    user: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    default: {};
+}>, {
+    "drawer-change": CustomEvent<{
+        opened: boolean;
+    }>;
+    "pinned-change": CustomEvent<{
+        pinned: boolean;
+    }>;
+    "sidebar-toggle": CustomEvent<{
+        expanded: boolean;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    header: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
+    };
+    sidebar: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    logo: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    menu: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    user: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    default: {};
+}, {}, string>;
+type CollapsibleSideBarLayout = InstanceType<typeof CollapsibleSideBarLayout>;
+export default CollapsibleSideBarLayout;

package/dist/components/layouts/StableDividedSideBarLayout.svelte

@@ -1,20 +1,50 @@
-<script>import "../../css/main.css";
-import "./StableDividedSideBarLayout.css";
-import MediaQuery from "../simple/common/MediaQuery.svelte";
-import Icon from "../simple/media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-let clazz = {};
-export { clazz as class };
-export let drawerOpened = false;
-let dispatch = createEventDispatcher();
-function toggleMenu() {
-  drawerOpened = !drawerOpened;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
-function handleOverlayClick() {
-  drawerOpened = false;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
+<script lang="ts">
+  import '../../css/main.css'
+  import './StableDividedSideBarLayout.css'
+  import MediaQuery from "../simple/common/MediaQuery.svelte";
+  import Icon from "../simple/media/Icon.svelte"
+  import { createEventDispatcher } from "svelte";
+
+  let clazz: {
+    container?: string,
+    header?: string,
+    mainSection?: string,
+    overlay?: string
+  } = {};
+	export { clazz as class };
+
+  /*
+    Styles:
+
+    --stable-divided-side-bar-layout-content-padding
+    --stable-divided-side-bar-layout-side-bar-width
+    --stable-divided-side-bar-layout-side-bar-border-color
+    --stable-divided-side-bar-layout-side-bar-padding
+    --stable-divided-side-bar-layout-header-menu-height
+    --stable-divided-side-bar-layout-header-menu-border-color
+    --stable-divided-side-bar-layout-header-menu-padding
+    --stable-divided-side-bar-layout-inner-header-menu-background-color
+    --stable-divided-side-bar-layout-drawer-background-color
+    --stable-divided-side-bar-layout-drawer-width
+  */
+
+  export let drawerOpened: boolean = false
+
+  let dispatch = createEventDispatcher<{
+    'drawer-change': {
+      opened: boolean
+    },
+  }>()
+
+  function toggleMenu() {
+    drawerOpened = !drawerOpened
+    dispatch('drawer-change', { opened: drawerOpened })
+  }
+
+  function handleOverlayClick() {
+    drawerOpened = false
+    dispatch('drawer-change', { opened: drawerOpened })
+  }
 </script>
 
 <MediaQuery let:mAndDown>

package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts

@@ -1,37 +1,55 @@
-import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './StableDividedSideBarLayout.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            header?: string | undefined;
-            mainSection?: string | undefined;
-            overlay?: string | undefined;
-        } | undefined;
-        drawerOpened?: 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: {
-        'drawer-change': CustomEvent<{
-            opened: boolean;
-        }>;
-    } & {
-        [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 StableDividedSideBarLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: {
+        container?: string;
+        header?: string;
+        mainSection?: string;
+        overlay?: string;
     };
-    slots: {
-        menu: {};
-        'inner-menu': {
-            hamburgerVisible: boolean;
-        };
-        sidebar: {
-            hamburgerVisible: boolean;
-        };
-        default: {};
+    drawerOpened?: boolean;
+}, {
+    menu: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
     };
-};
-export type StableDividedSideBarLayoutProps = typeof __propDef.props;
-export type StableDividedSideBarLayoutEvents = typeof __propDef.events;
-export type StableDividedSideBarLayoutSlots = typeof __propDef.slots;
-export default class StableDividedSideBarLayout extends SvelteComponent<StableDividedSideBarLayoutProps, StableDividedSideBarLayoutEvents, StableDividedSideBarLayoutSlots> {
-}
-export {};
+    sidebar: {
+        hamburgerVisible: boolean;
+    };
+    default: {};
+}>, {
+    'drawer-change': CustomEvent<{
+        opened: boolean;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    menu: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
+    };
+    sidebar: {
+        hamburgerVisible: boolean;
+    };
+    default: {};
+}, {}, string>;
+type StableDividedSideBarLayout = InstanceType<typeof StableDividedSideBarLayout>;
+export default StableDividedSideBarLayout;

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte

@@ -1,33 +1,56 @@
-<script>import "../../css/main.css";
-import "./UnstableDividedSideBarLayout.css";
-import MediaQuery from "../simple/common/MediaQuery.svelte";
-import Icon from "../simple/media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-import { clickOutside } from "../../utils/clickOutside";
-import ColorInvertedSelector, {} from "../simple/lists/ColorInvertedSelector.svelte";
-import { sidebarOpened } from "../../stores/layouts/unstableSidebarOpened";
-let clazz = {};
-export { clazz as class };
-export let drawerOpened = false, expandOn = "hover", options = [], selectedIndex = void 0, sidebarExpanded = false;
-let dispatch = createEventDispatcher();
-function toggleMenu() {
-  drawerOpened = !drawerOpened;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
-function handleOverlayClick() {
-  drawerOpened = false;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
-function handleMenuSelection(option) {
-  sidebarExpanded = false;
-  drawerOpened = false;
-  dispatch("drawer-change", { opened: drawerOpened });
-  dispatch("menu-select", {
-    option
-  });
-}
-$:
-  $sidebarOpened = sidebarExpanded;
+<script lang="ts">
+  import '../../css/main.css'
+  import './UnstableDividedSideBarLayout.css'
+  import MediaQuery from "../simple/common/MediaQuery.svelte";
+  import Icon from "../simple/media/Icon.svelte"
+  import { createEventDispatcher } from "svelte";
+  import { clickOutside } from '../../utils/clickOutside';
+  import ColorInvertedSelector, { type Option } from '../simple/lists/ColorInvertedSelector.svelte';
+  import { sidebarOpened } from '../../stores/layouts/unstableSidebarOpened';
+
+  let clazz: {
+    container?: string,
+    header?: string,
+    mainSection?: string,
+    overlay?: string
+  } = {};
+	export { clazz as class };
+
+  export let drawerOpened: boolean = false,
+    expandOn: 'hover' | 'click' | 'none' = 'hover',
+    options: Option[] = [],
+    selectedIndex: number | undefined = undefined,
+    sidebarExpanded: boolean = false
+
+  let dispatch = createEventDispatcher<{
+    'drawer-change': {
+      opened: boolean
+    },
+    'menu-select': {
+      option: Option
+    }
+  }>()
+
+  function toggleMenu() {
+    drawerOpened = !drawerOpened
+    dispatch('drawer-change', { opened: drawerOpened })
+  }
+
+  function handleOverlayClick() {
+    drawerOpened = false
+    dispatch('drawer-change', { opened: drawerOpened })
+  }
+
+  function handleMenuSelection(option: Option) {
+    sidebarExpanded = false
+    drawerOpened = false
+    dispatch('drawer-change', { opened: drawerOpened })
+    dispatch('menu-select', {
+      option: option
+    })
+  }
+
+  $: $sidebarOpened = sidebarExpanded
 </script>
 
 <MediaQuery let:mAndDown>

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts

@@ -1,67 +1,107 @@
-import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './UnstableDividedSideBarLayout.css';
 import { type Option } from '../simple/lists/ColorInvertedSelector.svelte';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            header?: string | undefined;
-            mainSection?: string | undefined;
-            overlay?: string | undefined;
-        } | undefined;
-        drawerOpened?: boolean | undefined;
-        expandOn?: "click" | "none" | "hover" | undefined;
-        options?: Option[] | undefined;
-        selectedIndex?: number | undefined;
-        sidebarExpanded?: boolean | undefined;
-    };
-    events: {
-        'drawer-change': CustomEvent<{
-            opened: boolean;
-        }>;
-        'menu-select': CustomEvent<{
-            option: Option;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        'inner-menu': {
-            hamburgerVisible: boolean;
-        };
-        sidebar: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        logo: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        menu: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        prepend: {
-            option: Option;
-            handleClickClose: (option: Option, index: number) => void;
-            index: any;
-            sidebarExpanded: boolean;
-        };
-        option: {
-            option: Option;
-        };
-        user: {
-            hamburgerVisible: boolean;
-            sidebarExpanded: boolean;
-        };
-        default: {};
-    };
-};
-export type UnstableDividedSideBarLayoutProps = typeof __propDef.props;
-export type UnstableDividedSideBarLayoutEvents = typeof __propDef.events;
-export type UnstableDividedSideBarLayoutSlots = typeof __propDef.slots;
-export default class UnstableDividedSideBarLayout extends SvelteComponent<UnstableDividedSideBarLayoutProps, UnstableDividedSideBarLayoutEvents, UnstableDividedSideBarLayoutSlots> {
+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;
+    };
+    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 UnstableDividedSideBarLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: {
+        container?: string;
+        header?: string;
+        mainSection?: string;
+        overlay?: string;
+    };
+    drawerOpened?: boolean;
+    expandOn?: "hover" | "click" | "none";
+    options?: Option[];
+    selectedIndex?: number | undefined;
+    sidebarExpanded?: boolean;
+}, {
+    header: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
+    };
+    sidebar: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    logo: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    menu: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    prepend: {
+        option: Option;
+        handleClickClose: (option: Option, index: number) => void;
+        index: any;
+        sidebarExpanded: boolean;
+    };
+    option: {
+        option: Option;
+    };
+    user: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    default: {};
+}>, {
+    'drawer-change': CustomEvent<{
+        opened: boolean;
+    }>;
+    'menu-select': CustomEvent<{
+        option: Option;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    header: {};
+    'inner-menu': {
+        hamburgerVisible: boolean;
+    };
+    sidebar: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    logo: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    menu: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    prepend: {
+        option: Option;
+        handleClickClose: (option: Option, index: number) => void;
+        index: any;
+        sidebarExpanded: boolean;
+    };
+    option: {
+        option: Option;
+    };
+    user: {
+        hamburgerVisible: boolean;
+        sidebarExpanded: boolean;
+    };
+    default: {};
+}, {}, string>;
+type UnstableDividedSideBarLayout = InstanceType<typeof UnstableDividedSideBarLayout>;
+export default UnstableDividedSideBarLayout;

package/dist/components/simple/buttons/Button.svelte

@@ -1,35 +1,81 @@
-<script>import "../../../css/main.css";
-import "./Button.css";
-let clazz = "";
-export { clazz as class };
-export let buttonType = "default", type = "button", loading = false, icon = void 0, tabindex = null, disabled = false, buttonElement = void 0;
-import { createEventDispatcher } from "svelte";
-const dispatch = createEventDispatcher();
-function handleClick(event) {
-  if (disabled)
-    return;
-  dispatch("click", {
-    nativeEvent: event
-  });
-}
-function handleKeyPress(event) {
-  if (disabled)
-    return;
-  dispatch("keypress", {
-    nativeEvent: event
-  });
-}
-function handleKeyDown(event) {
-  if (disabled)
-    return;
-  dispatch("keydown", {
-    nativeEvent: event
-  });
-}
-$:
-  position = $$slots.append ? "relative" : void 0;
-import Icon from "../media/Icon.svelte";
-import CircularLoader from "../loaders/CircularLoader.svelte";
+<script lang="ts">
+  import '../../../css/main.css'
+  import './Button.css'
+
+  let clazz: string = '';
+	export { clazz as class };
+
+  /*
+    Styles
+
+    --button-width
+    --button-max-width
+    --button-min-width
+    --button-height
+    --button-max-height
+    --button-min-height
+    --button-text-align
+    --button-cursor
+    --button-padding
+    --button-font-size
+    --button-font-weight
+    --button-color
+    --button-display
+    --button-justify-content
+    --button-align-items
+    --button-border
+    --button-border-radius
+    --button-background-color
+    --button-hover-background-color
+    --button-box-shadow
+  */
+
+  export let buttonType: "default" | "text" | "icon" = "default",
+    type: "button" | "submit" = "button",
+    loading = false,
+    icon: string | undefined = undefined,
+    tabindex: number | null = null,
+    disabled = false,
+    buttonElement: HTMLElement | undefined = undefined
+
+  import { createEventDispatcher } from "svelte";
+  const dispatch = createEventDispatcher<{
+    click: {
+      nativeEvent: MouseEvent;
+    };
+    keypress: {
+      nativeEvent: KeyboardEvent;
+    };
+    keydown: {
+      nativeEvent: KeyboardEvent;
+    };
+  }>();
+
+  function handleClick(event: MouseEvent) {
+    if (disabled) return;
+    dispatch("click", {
+      nativeEvent: event,
+    });
+  }
+
+  function handleKeyPress(event: KeyboardEvent) {
+    if (disabled) return;
+    dispatch("keypress", {
+      nativeEvent: event,
+    });
+  }
+
+  function handleKeyDown(event: KeyboardEvent) {
+    if (disabled) return;
+    dispatch("keydown", {
+      nativeEvent: event,
+    });
+  }
+
+  $: position = $$slots.append ? "relative" : undefined;
+
+  import Icon from "../media/Icon.svelte";
+  import CircularLoader from "../loaders/CircularLoader.svelte";
 </script>
 
 <button