From b7e39b59fd0fc7b5610ebff29035bf622079e0d8 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 5 Oct 2022 20:45:21 +0800
Subject: refactor: Change file structure

---
 old-apps/web-shared/src/components/menu/index.ts   |  9 ----
 .../web-shared/src/components/menu/item.svelte     |  8 ----
 .../web-shared/src/components/menu/menu.svelte     | 54 ----------------------
 .../src/components/menu/separator.svelte           |  2 -
 4 files changed, 73 deletions(-)
 delete mode 100644 old-apps/web-shared/src/components/menu/index.ts
 delete mode 100644 old-apps/web-shared/src/components/menu/item.svelte
 delete mode 100644 old-apps/web-shared/src/components/menu/menu.svelte
 delete mode 100644 old-apps/web-shared/src/components/menu/separator.svelte

(limited to 'old-apps/web-shared/src/components/menu')

diff --git a/old-apps/web-shared/src/components/menu/index.ts b/old-apps/web-shared/src/components/menu/index.ts
deleted file mode 100644
index 8eb7938..0000000
--- a/old-apps/web-shared/src/components/menu/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import Menu from "./menu.svelte";
-import MenuItem from "./item.svelte";
-import MenuItemSeparator from "./separator.svelte";
-
-export {
-    Menu,
-    MenuItem,
-    MenuItemSeparator
-};
diff --git a/old-apps/web-shared/src/components/menu/item.svelte b/old-apps/web-shared/src/components/menu/item.svelte
deleted file mode 100644
index aeb0f99..0000000
--- a/old-apps/web-shared/src/components/menu/item.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts">
-    export let danger = false;
-</script>
-<li role="menuitem" on:click>
-    <span class="menu__content {danger ? 'bg-error-lighter@hover color-white@hover' : ''}">
-        <slot/>
-    </span>
-</li>
diff --git a/old-apps/web-shared/src/components/menu/menu.svelte b/old-apps/web-shared/src/components/menu/menu.svelte
deleted file mode 100644
index 33517ab..0000000
--- a/old-apps/web-shared/src/components/menu/menu.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-    import {random_string} from "$shared/lib/helpers";
-
-    export const id = "__menu_" + random_string(3);
-    export let trigger: HTMLElement;
-    export let show = false;
-
-    let windowInnerWidth = 0;
-    let windowInnerHeight = 0;
-    let menu: HTMLMenuElement;
-
-    $: if (show && menu && trigger) {
-        const
-            selectedTriggerPosition = trigger.getBoundingClientRect(),
-            menuOnTop = (windowInnerHeight - selectedTriggerPosition.bottom) < selectedTriggerPosition.top,
-            left = selectedTriggerPosition.left,
-            right = (windowInnerWidth - selectedTriggerPosition.right),
-            isRight = (windowInnerWidth < selectedTriggerPosition.left + menu.offsetWidth),
-            vertical = menuOnTop
-                ? "bottom: " + (windowInnerHeight - selectedTriggerPosition.top) + "px;"
-                : "top: " + selectedTriggerPosition.bottom + "px;";
-
-        let horizontal = isRight ? "right: " + right + "px;" : "left: " + left + "px;";
-
-        // check right position is correct -> otherwise set left to 0
-        if (isRight && (right + menu.offsetWidth) > windowInnerWidth) horizontal = ("left: " + (windowInnerWidth - menu.offsetWidth) / 2 + "px;");
-        const maxHeight = menuOnTop ? selectedTriggerPosition.top - 20 : windowInnerHeight - selectedTriggerPosition.bottom - 20;
-        menu.setAttribute("style", horizontal + vertical + "max-height:" + Math.floor(maxHeight) + "px;");
-    }
-    
-    function on_window_click(event) {
-        if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false;
-    }
-
-    function on_window_touchend(event) {
-        if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false;
-    }
-</script>
-
-<svelte:window
-        on:click={on_window_click}
-        on:touchend={on_window_touchend}
-        bind:innerWidth={windowInnerWidth}
-        bind:innerHeight={windowInnerHeight}
-/>
-
-<menu class="menu"
-      id="{id}"
-      bind:this={menu}
-      class:menu--is-visible={show}
-      aria-expanded="{show}"
-      aria-haspopup="true">
-    <slot name="options"/>
-</menu>
diff --git a/old-apps/web-shared/src/components/menu/separator.svelte b/old-apps/web-shared/src/components/menu/separator.svelte
deleted file mode 100644
index 798dce0..0000000
--- a/old-apps/web-shared/src/components/menu/separator.svelte
+++ /dev/null
@@ -1,2 +0,0 @@
-<li class="menu__separator"
-    role="separator"></li>
-- 
cgit v1.3