@nil-/doc 0.2.49 → 0.2.50

package/components/navigation/Node.svelte

@@ -1,50 +1,3 @@
-<style>
-    .wrapper {
-        user-select: none;
-    }
-
-    .wrapper,
-    .sub,
-    .icon {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .header {
-        height: 30px;
-        display: grid;
-        grid-template-columns: 15px 1fr;
-        align-items: center;
-        cursor: pointer;
-        gap: 5px;
-        box-sizing: border-box;
-    }
-
-    .header:hover {
-        background-color: hsla(203, 98%, 50%, 0.07);
-    }
-
-    .header.selected {
-        background-color: hsla(203, 98%, 50%, 0.822);
-        color: black;
-    }
-
-    .icon {
-        justify-content: center;
-        height: 15px;
-        width: 15px;
-        transition: transform 350ms;
-    }
-
-    .icon.expanded {
-        transform: rotate(90deg);
-    }
-
-    .icon > div {
-        margin: auto;
-    }
-</style>
-
 <script>import { slide } from "svelte/transition";
 import { sort } from "./utils/sort";
 import { createEventDispatcher } from "svelte";
@@ -69,6 +22,7 @@ const click = (link) => {
   }
 };
 </script>
+
 <div class="wrapper">
     <div
         class="header"
@@ -101,3 +55,49 @@ const click = (link) => {
     {/if}
 </div>
 
+<style>
+    .wrapper {
+        user-select: none;
+    }
+
+    .wrapper,
+    .sub,
+    .icon {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .header {
+        height: 30px;
+        display: grid;
+        grid-template-columns: 15px 1fr;
+        align-items: center;
+        cursor: pointer;
+        gap: 5px;
+        box-sizing: border-box;
+    }
+
+    .header:hover {
+        background-color: hsla(203, 98%, 50%, 0.07);
+    }
+
+    .header.selected {
+        background-color: hsla(203, 98%, 50%, 0.822);
+        color: black;
+    }
+
+    .icon {
+        justify-content: center;
+        height: 15px;
+        width: 15px;
+        transition: transform 350ms;
+    }
+
+    .icon.expanded {
+        transform: rotate(90deg);
+    }
+
+    .icon > div {
+        margin: auto;
+    }
+</style>

package/components/navigation/Tree.svelte

@@ -1,4 +1,3 @@
-
 <script>import Node from "./Node.svelte";
 import { sort } from "./utils/sort";
 export let tree;
@@ -8,6 +7,7 @@ export let renamer;
 export let expand;
 export let selected;
 </script>
+
 {#each sort(tree, sorter) as [key, value] (key)}
     <Node
         {key}

package/components/title/Icon.svelte

@@ -0,0 +1,19 @@
+<script>export let title = void 0;
+</script>
+
+<div class="icon" on:click on:keypress {title}>
+    <slot />
+</div>
+
+<style>
+    div {
+        width: 40px;
+        height: 40px;
+        cursor: pointer;
+        transition: transform 350ms;
+    }
+
+    div:hover {
+        transform: scale(1.5);
+    }
+</style>

package/components/title/Icon.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: undefined | string;
+    };
+    events: {
+        click: MouseEvent;
+        keypress: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+export default class Icon extends SvelteComponentTyped<IconProps, IconEvents, IconSlots> {
+}
+export {};

package/index.d.ts

@@ -7,3 +7,6 @@ export { default as Block } from "./components/block/Block.svelte";
 export { default as Template } from "./components/block/Template.svelte";
 export { default as Controls } from "./components/block/Controls.svelte";
 export { default as Params } from "./components/block/Params.svelte";
+export { default as Icon } from "./components/title/Icon.svelte";
+export { default as NilDoc } from "./components/icons/NilDoc.svelte";
+export { default as Theme } from "./components/icons/Theme.svelte";

package/index.js

@@ -6,3 +6,6 @@ export { default as Block } from "./components/block/Block.svelte";
 export { default as Template } from "./components/block/Template.svelte";
 export { default as Controls } from "./components/block/Controls.svelte";
 export { default as Params } from "./components/block/Params.svelte";
+export { default as Icon } from "./components/title/Icon.svelte";
+export { default as NilDoc } from "./components/icons/NilDoc.svelte";
+export { default as Theme } from "./components/icons/Theme.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/doc",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "author": {
     "email": "njaldea@gmail.com",
     "name": "Neil Aldea"

package/components/etc/NilIcon.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NilIconProps = typeof __propDef.props;
-export type NilIconEvents = typeof __propDef.events;
-export type NilIconSlots = typeof __propDef.slots;
-export default class NilIcon extends SvelteComponentTyped<NilIconProps, NilIconEvents, NilIconSlots> {
-}
-export {};

package/components/etc/ThemeIcon.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        dark?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ThemeIconProps = typeof __propDef.props;
-export type ThemeIconEvents = typeof __propDef.events;
-export type ThemeIconSlots = typeof __propDef.slots;
-export default class ThemeIcon extends SvelteComponentTyped<ThemeIconProps, ThemeIconEvents, ThemeIconSlots> {
-}
-export {};