@likable-hair/svelte 3.3.20 → 3.3.21

package/dist/components/simple/lists/SidebarMenuList.svelte

@@ -1,131 +1,86 @@
-<script lang="ts" context="module">
-  export type Menu = {
-    title: string,
-    name: string | number,
-    url?: string,
-    disabled?: boolean,
-    children?: Menu[]
-  };
-</script>
-
-<script lang="ts">
-  import '../../../css/main.css'
-  import './SidebarMenuList.css'
-  import { page } from "$app/stores";
-
-  /* 
-    Styles
-
-    --sidebar-menu-list-primary-color
-    --sidebar-menu-list-selected-text-color
-    --sidebar-menu-list-selected-font-weight
-    --sidebar-menu-list-color
-    --sidebar-menu-list-hover-color
-  */
-
-  export let menus: Menu[],
-    level: number = 0,
-    selected: string | number | undefined = undefined,
-    bookmarkColor: string = "rgb(var(--global-color-primary-500))",
-    color: string = "inherit",
-    hoverColor: string = 'inherit',
-    selectedTextColor: string = "inherit",
-    selectedFontWeight: string = "600",
-    autoDetectUrl: boolean = false
-  
-  let selectedIndex: number | undefined = undefined
-
-  page.subscribe(() => {
-    if(autoDetectUrl) {
-      const results = getMenuNameMatchingUrl({ menus: menus })
-      selected = results.name
-    }
-  })
-
-  $: if(level == 0) {
-    if(selected !== undefined && selected !== null) {
+<script context="module"></script>
+
+<script>import "../../../css/main.css";
+import "./SidebarMenuList.css";
+import { page } from "$app/stores";
+export let menus, level = 0, selected = void 0, bookmarkColor = "rgb(var(--global-color-primary-500))", color = "inherit", hoverColor = "inherit", selectedTextColor = "inherit", selectedFontWeight = "600", autoDetectUrl = false;
+let selectedIndex = void 0;
+page.subscribe(() => {
+  if (autoDetectUrl) {
+    const results = getMenuNameMatchingUrl({ menus });
+    selected = results.name;
+  }
+});
+$:
+  if (level == 0) {
+    if (selected !== void 0 && selected !== null) {
       let results = getSelectionIndex({
-        menus: menus,
+        menus,
         offset: 0,
         search: selected
-      })
-
-      if(results.found) selectedIndex = results.offset
-      else selectedIndex = undefined
+      });
+      if (results.found)
+        selectedIndex = results.offset;
+      else
+        selectedIndex = void 0;
     } else {
-      selectedIndex = undefined
+      selectedIndex = void 0;
     }
   }
-  $: isSelected = selectedIndex !== undefined
-
-  function getSelectionIndex(params: {
-    menus: Menu[],
-    offset: number,
-    search: string | number
-  }): { found: boolean, offset: number } {
-    let initialOffset = params.offset
-
-    for(let i = 0; i < params.menus.length; i += 1) {
-      initialOffset += 1
-      let currentMenu = params.menus[i]
-      if(currentMenu.name == params.search) {
-        return { found: true, offset: initialOffset }
-      } else if(!!currentMenu.children) {
-        let results = getSelectionIndex({
-          menus: currentMenu.children,
-          offset: initialOffset,
-          search: params.search
-        })
-
-        initialOffset = results.offset
-        if(results.found) {
-          return { found: true, offset: initialOffset }
-        }
+$:
+  isSelected = selectedIndex !== void 0;
+function getSelectionIndex(params) {
+  let initialOffset = params.offset;
+  for (let i = 0; i < params.menus.length; i += 1) {
+    initialOffset += 1;
+    let currentMenu = params.menus[i];
+    if (currentMenu.name == params.search) {
+      return { found: true, offset: initialOffset };
+    } else if (!!currentMenu.children) {
+      let results = getSelectionIndex({
+        menus: currentMenu.children,
+        offset: initialOffset,
+        search: params.search
+      });
+      initialOffset = results.offset;
+      if (results.found) {
+        return { found: true, offset: initialOffset };
       }
     }
-
-    return { found: false, offset: initialOffset }
   }
-
-  function getMenuNameMatchingUrl(params: {
-    menus: Menu[]
-  }): {
-    name: string | number | undefined,
-    matchType: 'startsWith' | 'equal' | undefined
-  } {
-    let foundName: string | number | undefined = undefined
-    let foundMatchType: 'startsWith' | 'equal' | undefined = undefined
-
-    for(let i = 0; i < params.menus.length; i += 1) {
-      let currentMenu = params.menus[i]
-
-      if(!!currentMenu.children) {
-        let found = getMenuNameMatchingUrl({ menus: currentMenu.children })
-        if(found.name !== undefined) {
-          foundName = found.name
-          foundMatchType = found.matchType
-        }
-      }
-      
-      if(!!currentMenu.url && $page.url.pathname === currentMenu.url) {
-        foundName = currentMenu.name
-        foundMatchType = 'equal'
-      } else if(foundMatchType !== 'equal' && !!currentMenu.url && $page.url.pathname.startsWith(currentMenu.url)) {
-        foundName = currentMenu.name
-        foundMatchType = 'startsWith'
+  return { found: false, offset: initialOffset };
+}
+function getMenuNameMatchingUrl(params) {
+  let foundName = void 0;
+  let foundMatchType = void 0;
+  for (let i = 0; i < params.menus.length; i += 1) {
+    let currentMenu = params.menus[i];
+    if (!!currentMenu.children) {
+      let found = getMenuNameMatchingUrl({ menus: currentMenu.children });
+      if (found.name !== void 0) {
+        foundName = found.name;
+        foundMatchType = found.matchType;
       }
     }
-
-    return {
-      name: foundName,
-      matchType: foundMatchType
+    if (!!currentMenu.url && $page.url.pathname === currentMenu.url) {
+      foundName = currentMenu.name;
+      foundMatchType = "equal";
+    } else if (foundMatchType !== "equal" && !!currentMenu.url && $page.url.pathname.startsWith(currentMenu.url)) {
+      foundName = currentMenu.name;
+      foundMatchType = "startsWith";
     }
   }
-
-  function handleUrlClick(e: Event, menu: Menu) {
-    if(menu.disabled) e.preventDefault()
-    else selected = menu.name
-  }
+  return {
+    name: foundName,
+    matchType: foundMatchType
+  };
+}
+function handleUrlClick(e, menu) {
+  if (menu.disabled)
+    e.preventDefault();
+  else
+    selected = menu.name;
+}
 </script>
 
 <ul

package/dist/components/simple/lists/SidebarMenuList.svelte.d.ts

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 export type Menu = {
     title: string;
     name: string | number;
@@ -7,31 +8,26 @@ export type Menu = {
 };
 import '../../../css/main.css';
 import './SidebarMenuList.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: {
+        menus: Menu[];
+        level?: number | undefined;
+        selected?: string | number | undefined;
+        bookmarkColor?: string | undefined;
+        color?: string | undefined;
+        hoverColor?: string | undefined;
+        selectedTextColor?: string | undefined;
+        selectedFontWeight?: string | undefined;
+        autoDetectUrl?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SidebarMenuListProps = typeof __propDef.props;
+export type SidebarMenuListEvents = typeof __propDef.events;
+export type SidebarMenuListSlots = typeof __propDef.slots;
+export default class SidebarMenuList extends SvelteComponent<SidebarMenuListProps, SidebarMenuListEvents, SidebarMenuListSlots> {
 }
-declare const SidebarMenuList: $$__sveltets_2_IsomorphicComponent<{
-    menus: Menu[];
-    level?: number;
-    selected?: string | number | undefined;
-    bookmarkColor?: string;
-    color?: string;
-    hoverColor?: string;
-    selectedTextColor?: string;
-    selectedFontWeight?: string;
-    autoDetectUrl?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SidebarMenuList = InstanceType<typeof SidebarMenuList>;
-export default SidebarMenuList;
+export {};