@likable-hair/svelte 3.3.20 → 3.3.21

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

@@ -1,113 +1,73 @@
+import { SvelteComponent } from "svelte";
 import "../../css/main.css";
 import "./CollapsibleSideBarLayout.css";
 import { type Option } from "../simple/lists/ColorInvertedSelector.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;
-    };
-    z_$$bindings?: Bindings;
+declare const __propDef: {
+    props: {
+        drawerOpened?: boolean | undefined;
+        options?: Option[] | undefined;
+        selectedIndex?: number | undefined;
+        sidebarExpanded?: boolean | undefined;
+        isPinned?: boolean | undefined;
+        class?: {
+            container?: string | undefined;
+            header?: string | undefined;
+            mainSection?: string | undefined;
+            overlay?: string | undefined;
+        } | undefined;
+    };
+    events: {
+        "drawer-change": CustomEvent<{
+            opened: boolean;
+        }>;
+        "menu-select": CustomEvent<{
+            option: Option;
+        }>;
+        "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;
+        };
+        prepend: {
+            option: Option;
+            handleClickClose: (option: Option, index: number) => void;
+            index: any;
+            sidebarExpanded: boolean;
+        };
+        option: {
+            option: Option;
+        };
+        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> {
 }
-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;
-    options?: Option[];
-    selectedIndex?: number | undefined;
-    sidebarExpanded?: boolean;
-    isPinned?: 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;
-    };
-    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;
-    }>;
-    "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;
-    };
-    prepend: {
-        option: Option;
-        handleClickClose: (option: Option, index: number) => void;
-        index: any;
-        sidebarExpanded: boolean;
-    };
-    option: {
-        option: Option;
-    };
-    user: {
-        hamburgerVisible: boolean;
-        sidebarExpanded: boolean;
-    };
-    default: {};
-}, {}, string>;
-type CollapsibleSideBarLayout = InstanceType<typeof CollapsibleSideBarLayout>;
-export default CollapsibleSideBarLayout;
+export {};

package/dist/components/layouts/StableDividedSideBarLayout.svelte

@@ -1,50 +1,20 @@
-<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>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>
 
 <MediaQuery let:mAndDown>

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

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

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte

@@ -1,56 +1,33 @@
-<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>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>
 
 <MediaQuery let:mAndDown>

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

@@ -1,107 +1,67 @@
+import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './UnstableDividedSideBarLayout.css';
 import { type Option } from '../simple/lists/ColorInvertedSelector.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;
-    };
-    z_$$bindings?: Bindings;
+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> {
 }
-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;
+export {};