nightshade 1.5.0 → 2.0.0-dev.3

package/dist/lib/components/Tab.vue.d.ts

@@ -1,22 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    dir: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-    };
-}>, {}, {}, {
-    orientation(): "v" | "h";
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    dir: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{}>, {
-    dir: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/lib/components/TabCap.vue.d.ts

@@ -1,23 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    dir: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    dir: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    type: string;
-    dir: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/lib/components/VGroup.vue.d.ts

@@ -1,38 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    tagName: {
-        type: StringConstructor;
-        default: string;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
-    justify: {
-        type: StringConstructor;
-    };
-    gap: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    tagName: {
-        type: StringConstructor;
-        default: string;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
-    justify: {
-        type: StringConstructor;
-    };
-    gap: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    tagName: string;
-    align: string;
-    gap: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/lib/components/index.d.ts

@@ -1,17 +0,0 @@
-import { default as Btn } from './Btn.vue';
-import { default as Bubble } from './Bubble.vue';
-import { default as Circle } from './Circle.vue';
-import { default as ContextMenu } from './ContextMenu.vue';
-import { default as ContextPopup } from './ContextPopup.vue';
-import { default as HGroup } from './HGroup.vue';
-import { default as HStack } from './HStack.vue';
-import { default as InputBase } from './InputBase.vue';
-import { default as InputSelect } from './InputSelect.vue';
-import { default as InputText } from './InputText.vue';
-import { default as InputTextarea } from './InputTextarea.vue';
-import { default as Sizer } from './Sizer.vue';
-import { default as Switch } from './Switch.vue';
-import { default as Tab } from './Tab.vue';
-import { default as TabCap } from './TabCap.vue';
-import { default as VGroup } from './VGroup.vue';
-export { Btn, Bubble, Circle, ContextMenu, ContextPopup, HGroup, HStack, InputBase, InputSelect, InputText, InputTextarea, Sizer, Switch, Tab, TabCap, VGroup, };

package/dist/lib/index.d.ts

@@ -1,4 +0,0 @@
-import * as components from './components/index.js';
-export * from './components/index.js';
-export * from './utils/index.js';
-export { components, };

package/dist/lib/utils/ExpanderController.d.ts

@@ -1,11 +0,0 @@
-import { Event } from 'nanoevent';
-export declare class ExpanderController {
-    expandedIds: Set<string>;
-    changed: Event<void>;
-    setExpandedIds(ids: Iterable<string>): void;
-    isExpanded(id: string): boolean;
-    toggle(id: string): void;
-    expand(id: string): void;
-    collapse(id: string): void;
-    collapseAll(): void;
-}

package/dist/lib/utils/ListNavController.d.ts

@@ -1,92 +0,0 @@
-import { Event } from 'nanoevent';
-import { DomEventProxy } from './event-proxy.js';
-import { ExpanderController } from './ExpanderController.js';
-import { SelectionController } from './SelectionController.js';
-export interface ListNavConfig {
-    selector: string;
-    selection?: SelectionController;
-    expander?: ExpanderController;
-    multiSelect?: boolean;
-    selectOnFocus?: boolean;
-    allowDrag?: boolean;
-    canExpand?: (id: string) => boolean;
-    resolveId?: (el: HTMLElement) => string;
-}
-/**
- * Facilitates keyboard + mouse navigation:
- *
- * - Up/Down keys move selection visually (i.e. in the order the visible elements appear in DOM)
- * - Shift + Up/Down keys extend the selection
- * - Click selects a single item
- * - Shift+Click extends the selection
- * - Meta+Click adds/removes the selection
- *
- * Selection extension is implemented using _anchor_ and _focus_, following a widespread UX pattern,
- * which is also similar to how text selection is implemented in modern editors.
- * Anchor is defined when selected without extension; focus is the most recently selected element.
- * When selection extension is made, the selection "revolves" around anchor.
- *
- * Usage:
- *
- * - Create a listNav instance either on the component or in one of the managers/controllers.
- *    - Component level is good for short-lived components like popups that don't need
- *      to persist or reuse/restore the selection state.
- * - Decorate list items with a data- attribute containing item id. Use that as a selector.
- * - Create a container arount list items.
- * - Call `.mount(container)` and `.destroy()` in `mounted` and `unmounted` hooks respectively.
- * - (optional) Make sure the list items are focusable, this allows moving focus with Tab as well as arrow keys.
- * - (optional) Apply styling based on selected state. Use `:focus-within` on container/wrapper
- *   to emphasize/deemphasize the selected items.
- */
-export declare class ListNavController {
-    selector: string;
-    selection: SelectionController;
-    expander: ExpanderController;
-    multiSelect: boolean;
-    selectOnFocus: boolean;
-    allowDrag: boolean;
-    canExpand: (id: string) => boolean;
-    resolveId: (el: HTMLElement) => string;
-    protected container: HTMLElement | null;
-    protected containerEvents: DomEventProxy | null;
-    protected windowEvents: DomEventProxy | null;
-    protected anchorId: string;
-    protected focusId: string;
-    protected snapshotIds: string[];
-    protected snapshotEls: HTMLElement[];
-    protected dragging: boolean;
-    dragStart: Event<MouseEvent>;
-    dragEnd: Event<MouseEvent>;
-    constructor(config: ListNavConfig);
-    mount(container: HTMLElement): void;
-    destroy(): void;
-    isDragging(): boolean;
-    /**
-     * Manages keyboard navigation. Note: ev.preventDefault is required to avoid
-     * arrow keys messing with scroll bars.
-     */
-    protected onKeyDown(ev: KeyboardEvent): void;
-    protected onMouseDown(ev: MouseEvent): void;
-    protected onMouseUp(ev: MouseEvent): void;
-    protected onClickIntent(ev: MouseEvent): void;
-    protected onDragStart(ev: MouseEvent): void;
-    protected onFocus(ev: FocusEvent): void;
-    queryEls(): HTMLElement[];
-    protected appendSelection(targetId: string): void;
-    protected toggleSelection(targetId: string): void;
-    protected extendSelection(targetId: string): void;
-    protected replaceSelection(targetId: string): void;
-    deselect(targetId: string): void;
-    moveSelection(increment: number, extend: boolean): void;
-    selectFirst(): void;
-    isFirstSelected(): boolean;
-    collapse(): void;
-    expand(): void;
-    snapshot(): void;
-    protected getTargetId(eventTarget: EventTarget | null): string;
-    /**
-     * Get the ids between `from` and `to`, both inclusive.
-     */
-    protected findRange(ids: string[], from: string, to: string): string[];
-    protected updateFocus(): void;
-}

package/dist/lib/utils/SelectionController.d.ts

@@ -1,16 +0,0 @@
-import { Event } from 'nanoevent';
-export declare class SelectionController {
-    selectedIds: Set<string>;
-    changed: Event<void>;
-    get size(): number;
-    getSelectedIds(): string[];
-    getFirst(): string | null;
-    isSelected(id: string): boolean;
-    isSingleSelected(id: string): boolean;
-    setSelectedIds(ids: Iterable<string>): void;
-    selectSingle(id: string): void;
-    addToSelection(...ids: string[]): void;
-    removeFromSelection(...ids: string[]): void;
-    toggleSelection(id: string): void;
-    deselectAll(): void;
-}

package/dist/lib/utils/ThemeManager.d.ts

@@ -1,15 +0,0 @@
-import { Plugin } from 'vue';
-export type ThemeToken = 'light' | 'dark' | 'auto';
-export declare const themePlugin: Plugin;
-export declare class ThemeManager {
-    currentTheme: ThemeToken;
-    init(): void;
-    setTheme(theme: ThemeToken): void;
-    toggleTheme(): void;
-    protected applyTheme(): void;
-    protected loadTheme(): void;
-    protected saveTheme(): void;
-    protected listenForSystemThemeChanges(): void;
-    protected getLocalStorageTheme(): ThemeToken;
-    protected getSystemTheme(): ThemeToken;
-}

package/dist/lib/utils/dom.d.ts

@@ -1,4 +0,0 @@
-import { Point } from './point.js';
-export type AnchorDir = 'middle' | 'top' | 'bottom' | 'left' | 'right';
-export declare function getAnchorPoint(el: HTMLElement, dir: AnchorDir): Point;
-export declare function isInputElement(el: any): boolean;

package/dist/lib/utils/event-proxy.d.ts

@@ -1,22 +0,0 @@
-type EventListener = (ev: any) => void;
-interface EventListenerDesc {
-    eventName: string;
-    listener: EventListener;
-    options?: boolean | AddEventListenerOptions;
-}
-/**
- * A helper to effortlessly bind and unbind events to DOM elements.
- * This class keeps track of event listeners bound by using `add` method
- * and then allows quickly unbind by event name or all of them.
- *
- * Note: exactly 1 event listener can be bound to each type of event.
- */
-export declare class DomEventProxy {
-    readonly target: EventTarget;
-    listeners: Map<string, EventListenerDesc>;
-    constructor(target: EventTarget);
-    add(eventName: string, listener: EventListener, options?: boolean | AddEventListenerOptions): void;
-    remove(eventName: string): void;
-    removeAll(): void;
-}
-export {};

package/dist/lib/utils/icons.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from 'vue';
-export type IconOptions = Record<string, string | undefined>;
-export declare const iconsPlugin: Plugin<IconOptions>;

package/dist/lib/utils/index.d.ts

@@ -1,8 +0,0 @@
-export * from './dom.js';
-export * from './event-proxy.js';
-export * from './ExpanderController.js';
-export * from './icons.js';
-export * from './ListNavController.js';
-export * from './point.js';
-export * from './SelectionController.js';
-export * from './ThemeManager.js';

package/dist/lib/utils/point.d.ts

@@ -1,4 +0,0 @@
-export interface Point {
-    x: number;
-    y: number;
-}

package/dist/utils.js

@@ -1,13 +0,0 @@
-import { D as n, E as r, L as t, S as a, g as s, i as l } from "./ListNavController-drNtDwz9.js";
-import { T as m, i as g, t as p } from "./ThemeManager-DzxPhS21.js";
-export {
-  n as DomEventProxy,
-  r as ExpanderController,
-  t as ListNavController,
-  a as SelectionController,
-  m as ThemeManager,
-  s as getAnchorPoint,
-  g as iconsPlugin,
-  l as isInputElement,
-  p as themePlugin
-};

package/stylesheets/baseline.css

@@ -1,50 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-html,
-body,
-img,
-form {
-    margin: 0;
-    padding: 0;
-    border: 0;
-}
-
-html {
-    font-size: var(--font-size);
-    font-family: var(--font-main);
-    font-weight: var(--font-weight);
-    line-height: var(--line-height);
-
-    color: var(--text-color);
-    background: var(--background-color);
-
-    text-rendering: optimizeLegibility;
-}
-
-a {
-    color: currentColor;
-    text-decoration: none;
-    cursor: pointer;
-}
-
-button,
-input,
-textarea {
-    font-family: inherit;
-    font-size: inherit;
-}
-
-input[type="checkbox"],
-input[type="radio"],
-input[type="range"],
-input[type="button"],
-input[type="submit"],
-button {
-    cursor: pointer;
-}
-
-b, strong {
-    font-weight: var(--font-weight-bold);
-}

package/stylesheets/full.css

@@ -1,7 +0,0 @@
-@import './variables.css';
-@import './baseline.css';
-
-@import './modules/article.css';
-@import './modules/kbd.css';
-@import './modules/transitions.css';
-@import './modules/utils.css';

package/stylesheets/modules/article.css

@@ -1,37 +0,0 @@
-article {
-
-    a {
-        color: var(--link-color);
-    }
-
-    a:hover {
-        color: var(--link-color-hover);
-    }
-
-    code {
-        font: 12px/1.4 var(--font-monospace)
-    }
-
-    :not(pre) > code {
-        color: var(--code-color);
-        white-space: nowrap;
-    }
-
-    pre {
-        line-height: 1.2em;
-        white-space: pre-wrap;
-    }
-
-    p, ul, ol, dl {
-        margin: 1em 0;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        margin: 1.5em 0 .5em;
-    }
-
-    li {
-        margin: .5em 0;
-    }
-
-}

package/stylesheets/modules/kbd.css

@@ -1,34 +0,0 @@
-kbd {
-    position: relative;
-
-    display: inline-block;
-    text-align: center;
-
-    border: 1px solid var(--color-base-2);
-    border-bottom-width: 2px;
-    border-bottom-color: var(--color-base-3);
-    height: 1.5em;
-    min-width: 1.5em;
-    padding: 0 .25em;
-    margin: 0 2px;
-    border-radius: 4px;
-
-    font: inherit;
-    background: var(--color-base-0);
-    background: radial-gradient(
-        100% 100% at 100% 0%,
-        var(--color-base-0) 0%,
-        var(--color-base-1) 100%);
-}
-
-kbd::after {
-    content: '';
-    position: absolute;
-    z-index: -1;
-    top: 2px;
-    bottom: -4px;
-    left: -3px;
-    right: -3px;
-    border-radius: 4px;
-    border: 1px solid var(--color-base-4);
-}

package/stylesheets/modules/transitions.css

@@ -1,106 +0,0 @@
-/* Fade */
-
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity .3s;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-
-/* Fade Scale */
-
-.fade-scale-enter-active,
-.fade-scale-leave-active {
-    transition: opacity .5s, transform .5s;
-}
-
-.fade-scale-enter-from {
-    transform: scale(.75);
-    opacity: 0;
-}
-
-.fade-scale-leave-to {
-    transform: scale(1.25);
-    opacity: 0;
-}
-
-/* Fade Squash */
-
-.fade-squash-enter-active,
-.fade-squash-leave-active {
-    transition: opacity .25s, transform .25s;
-}
-
-.fade-squash-enter-from,
-.fade-squash-leave-to {
-    transform: scale(10, .1);
-    opacity: 0;
-}
-
-/* Fade Swipe */
-
-.fade-swipe-enter-active,
-.fade-swipe-leave-active {
-    transition: opacity .25s, transform .25s;
-}
-
-.fade-swipe-enter-from {
-    transform: translate(-96px, -32px);
-    opacity: 0;
-}
-
-.fade-swipe-leave-to {
-    transform: translate(96px, -32px);
-    opacity: 0;
-}
-
-/* Fade Shove */
-
-.fade-shove-enter-active,
-.fade-shove-leave-active {
-    transition: opacity .3s, transform .3s;
-}
-
-.fade-shove-enter-from {
-    opacity: 0;
-}
-
-.fade-shove-leave-to {
-    transform: translate(16px, -16px) scale(.95);
-    opacity: 0;
-}
-
-/* Fade + Directional slide */
-
-.fade-left-enter-active, .fade-left-leave-active,
-.fade-right-enter-active, .fade-right-leave-active,
-.fade-top-enter-active, .fade-top-leave-active,
-.fade-bottom-enter-active, .fade-bottom-leave-active {
-    transition: opacity .25s, transform .25s;
-}
-
-.fade-left-enter-from, .fade-left-leave-to,
-.fade-right-enter-from, .fade-right-leave-to,
-.fade-top-enter-from, .fade-top-leave-to,
-.fade-bottom-enter-from , .fade-bottom-leave-to {
-    opacity: 0;
-}
-
-.fade-left-enter-from, .fade-left-leave-to {
-    transform: translate(16px, 0);
-}
-
-.fade-right-enter-from, .fade-right-leave-to {
-    transform: translate(-16px, 0);
-}
-
-.fade-top-enter-from, .fade-top-leave-to {
-    transform: translate(0, 16px);
-}
-
-.fade-bottom-enter-from, .fade-bottom-leave-to {
-    transform: translate(0, -16px);
-}

package/stylesheets/modules/utils.css

@@ -1,44 +0,0 @@
-.color-primary { color: var(--color-primary) }
-.color-secondary { color: var(--color-secondary) }
-.color-tertiary { color: var(--color-tertiary) }
-.color-success { color: var(--color-success) }
-.color-warning { color: var(--color-warning) }
-.color-danger { color: var(--color-danger) }
-.color-subtle { color: var(--color-subtle) }
-.color-sublime { color: var(--color-sublime) }
-
-.flex-1 { flex: 1 }
-.flex-2 { flex: 2 }
-.flex-3 { flex: 3 }
-.flex-4 { flex: 4 }
-.flex-5 { flex: 5 }
-.flex-6 { flex: 6 }
-.flex-7 { flex: 7 }
-.flex-8 { flex: 8 }
-.flex-9 { flex: 9 }
-.flex-10 { flex: 10 }
-.flex-11 { flex: 11 }
-.flex-12 { flex: 12 }
-
-.input-clear {
-    display: block;
-    width: 100%;
-    border: 0;
-    outline: 0;
-    background: none;
-}
-
-.input-mono {
-    font: 12px/1.4 var(--font-monospace);
-}
-
-.text-small { font-size: var(--font-size-small) }
-.text-smaller { font-size: var(--font-size-smaller) }
-.text-large { font-size: var(--font-size-large) }
-.text-larger { font-size: var(--font-size-larger) }
-
-.nowrap {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}