@rotki/ui-library 0.2.4 → 0.4.0

package/dist/composables/popper.d.ts

@@ -0,0 +1,251 @@
+import { type VirtualElement } from '@popperjs/core/lib/popper-lite';
+import { type MaybeElement } from '@vueuse/core';
+import type { Instance, Placement, PositioningStrategy } from '@popperjs/core';
+import type { Ref } from 'vue';
+export interface PopperOptions {
+    locked?: boolean;
+    overflowPadding?: number;
+    offsetDistance?: number;
+    offsetSkid?: number;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    gpuAcceleration?: boolean;
+    adaptive?: boolean;
+    scroll?: boolean;
+    resize?: boolean;
+}
+export declare const DEFAULT_POPPER_OPTIONS: PopperOptions;
+export declare const createPopper: <TModifier extends Partial<import("@popperjs/core").Modifier<any, any>>>(reference: Element | VirtualElement, popper: HTMLElement, options?: Partial<import("@popperjs/core").OptionsGeneric<TModifier>> | undefined) => Instance;
+export declare const usePopper: (options: Ref<PopperOptions>, disabled?: Ref<boolean>, openDelay?: Ref<number>, closeDelay?: Ref<number>, virtualReference?: Ref<Element | VirtualElement>) => {
+    reference: Ref<MaybeElement>;
+    popper: Ref<MaybeElement>;
+    instance: Ref<{
+        state: {
+            elements: {
+                reference: Element | {
+                    getBoundingClientRect: () => ClientRect | DOMRect;
+                    contextElement?: Element | undefined;
+                };
+                popper: HTMLElement;
+                arrow?: HTMLElement | undefined;
+            };
+            options: {
+                placement: Placement;
+                modifiers: any[];
+                strategy: PositioningStrategy;
+                onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
+            };
+            placement: Placement;
+            strategy: PositioningStrategy;
+            orderedModifiers: {
+                name: any;
+                enabled: boolean;
+                phase: import("@popperjs/core").ModifierPhases;
+                requires?: string[] | undefined;
+                requiresIfExists?: string[] | undefined;
+                fn: (arg0: import("@popperjs/core").ModifierArguments<any>) => void | import("@popperjs/core").State;
+                effect?: ((arg0: import("@popperjs/core").ModifierArguments<any>) => void | (() => void)) | undefined;
+                options?: Partial<any> | undefined;
+                data?: import("@popperjs/core").Obj | undefined;
+            }[];
+            rects: {
+                reference: {
+                    width: number;
+                    height: number;
+                    x: number;
+                    y: number;
+                };
+                popper: {
+                    width: number;
+                    height: number;
+                    x: number;
+                    y: number;
+                };
+            };
+            scrollParents: {
+                reference: (Element | {
+                    innerHeight: number;
+                    offsetHeight: number;
+                    innerWidth: number;
+                    offsetWidth: number;
+                    pageXOffset: number;
+                    pageYOffset: number;
+                    getComputedStyle: typeof getComputedStyle;
+                    addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                    removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                    Element: Element;
+                    HTMLElement: HTMLElement;
+                    Node: Node;
+                    toString: () => "[object Window]";
+                    devicePixelRatio: number;
+                    visualViewport?: {
+                        addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                        dispatchEvent: (event: Event) => boolean;
+                        removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                        width: number;
+                        height: number;
+                        offsetLeft: number;
+                        offsetTop: number;
+                        scale: number;
+                    } | undefined;
+                    ShadowRoot: ShadowRoot;
+                } | {
+                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                    dispatchEvent: (event: Event) => boolean;
+                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                    width: number;
+                    height: number;
+                    offsetLeft: number;
+                    offsetTop: number;
+                    scale: number;
+                })[];
+                popper: (Element | {
+                    innerHeight: number;
+                    offsetHeight: number;
+                    innerWidth: number;
+                    offsetWidth: number;
+                    pageXOffset: number;
+                    pageYOffset: number;
+                    getComputedStyle: typeof getComputedStyle;
+                    addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                    removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
+                    Element: Element;
+                    HTMLElement: HTMLElement;
+                    Node: Node;
+                    toString: () => "[object Window]";
+                    devicePixelRatio: number;
+                    visualViewport?: {
+                        addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                        dispatchEvent: (event: Event) => boolean;
+                        removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                        width: number;
+                        height: number;
+                        offsetLeft: number;
+                        offsetTop: number;
+                        scale: number;
+                    } | undefined;
+                    ShadowRoot: ShadowRoot;
+                } | {
+                    addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
+                    dispatchEvent: (event: Event) => boolean;
+                    removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
+                    width: number;
+                    height: number;
+                    offsetLeft: number;
+                    offsetTop: number;
+                    scale: number;
+                })[];
+            };
+            styles: {
+                [key: string]: Partial<CSSStyleDeclaration>;
+            };
+            attributes: {
+                [key: string]: {
+                    [key: string]: string | boolean;
+                };
+            };
+            modifiersData: {
+                [x: string]: any;
+                arrow?: {
+                    x?: number | undefined;
+                    y?: number | undefined;
+                    centerOffset: number;
+                } | undefined;
+                hide?: {
+                    isReferenceHidden: boolean;
+                    hasPopperEscaped: boolean;
+                    referenceClippingOffsets: {
+                        top: number;
+                        left: number;
+                        right: number;
+                        bottom: number;
+                    };
+                    popperEscapeOffsets: {
+                        top: number;
+                        left: number;
+                        right: number;
+                        bottom: number;
+                    };
+                } | undefined;
+                offset?: {
+                    auto?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    left?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    right?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "auto-start"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "auto-end"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    top?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    bottom?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "top-start"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "top-end"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "bottom-start"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "bottom-end"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "right-start"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "right-end"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "left-start"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                    "left-end"?: {
+                        y: number;
+                        x: number;
+                    } | undefined;
+                } | undefined;
+                preventOverflow?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+                popperOffsets?: {
+                    y: number;
+                    x: number;
+                } | undefined;
+            };
+            reset: boolean;
+        };
+        destroy: () => void;
+        forceUpdate: () => void;
+        update: () => Promise<Partial<import("@popperjs/core").State>>;
+        setOptions: (setOptionsAction: Partial<import("@popperjs/core").OptionsGeneric<any>> | ((prev: Partial<import("@popperjs/core").OptionsGeneric<any>>) => Partial<import("@popperjs/core").OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
+    } | null>;
+    open: Ref<boolean>;
+    onMouseOver: () => void;
+    onMouseLeave: () => void;
+};

package/dist/index-393a0e94.js

@@ -0,0 +1,117 @@
+import { RiAlertFill as $, RiAlertLine as y, RiArrowDownLine as D, RiArrowDropDownFill as E, RiArrowLeftDoubleLine as T, RiArrowLeftLine as I, RiArrowLeftSLine as v, RiArrowRightDoubleLine as B, RiArrowRightLine as M, RiArrowRightSLine as S, RiCheckLine as O, RiCheckboxBlankCircleFill as j, RiCheckboxBlankCircleLine as U, RiCheckboxBlankLine as V, RiCheckboxCircleFill as W, RiCheckboxCircleLine as q, RiCheckboxFill as G, RiCheckboxIndeterminateFill as P, RiCloseCircleLine as z, RiCloseFill as H, RiCloseLine as J, RiDatabase2Line as K, RiErrorWarningFill as N, RiErrorWarningLine as Q, RiEyeLine as X, RiEyeOffLine as Y, RiInformationFill as Z, RiInformationLine as _, RiRadioButtonLine as ee, RiMoreFill as ie } from "./all-icons.es.js";
+import { createGlobalState as re, useColorMode as te } from "@vueuse/core";
+import { ref as C, computed as d, watch as oe } from "vue";
+import { set as f, get as e } from "@vueuse/shared";
+import { c as ne } from "./colors-01d79c7b.js";
+const me = re(() => {
+  const t = [
+    $,
+    y,
+    D,
+    E,
+    T,
+    I,
+    v,
+    B,
+    M,
+    S,
+    O,
+    j,
+    U,
+    V,
+    W,
+    q,
+    G,
+    P,
+    z,
+    H,
+    J,
+    K,
+    N,
+    Q,
+    X,
+    Y,
+    Z,
+    _,
+    ee,
+    ie
+  ], i = C({});
+  return { registeredIcons: i, registerIcons: (a) => {
+    f(i, {
+      ...e(i),
+      ...Object.fromEntries(
+        [...t, ...a].map(({ name: s, path: u }) => [s, u])
+      )
+    });
+  } };
+}), r = {
+  auto: "auto",
+  light: "light",
+  dark: "dark"
+}, L = (t) => Object.fromEntries(
+  ne.map((i) => [
+    i,
+    {
+      DEFAULT: `var(--rui-${t}-${i}-main)`,
+      lighter: `var(--rui-${t}-${i}-lighter)`,
+      darker: `var(--rui-${t}-${i}-darker)`
+    }
+  ])
+), b = {
+  light: L("light"),
+  dark: L("dark")
+}, m = C({ ...b }), he = () => {
+  const { store: t, state: i, system: h } = te(), a = d(
+    () => e(t) === r.auto
+  ), s = d(
+    () => e(a) && e(h) === r.light || e(i) === r.light
+  ), u = d(
+    () => e(a) && e(h) === r.dark || e(i) === r.dark
+  ), g = d(() => e(s) ? e(m).light : e(m).dark), c = (l) => {
+    f(t, l || r.auto);
+  }, p = () => {
+    e(a) ? c(r.light) : e(s) ? c(r.dark) : e(u) && c(r.auto);
+  }, k = (l) => {
+    f(m, l);
+  };
+  return {
+    isAutoControlled: a,
+    isLight: s,
+    isDark: u,
+    config: m,
+    theme: g,
+    store: t,
+    state: i,
+    init: (l) => {
+      c(l.mode ?? r.auto), k(l.config ?? { ...b }), typeof window < "u" && oe(
+        [s, g],
+        ([w, x]) => {
+          const A = Object.entries(x).map(([o, n]) => ({
+            [`--rui-${o}-main`]: n.DEFAULT,
+            [`--rui-${o}-lighter`]: n.lighter,
+            [`--rui-${o}-darker`]: n.darker
+          })).reduce((o, n) => ({ ...o, ...n }), {}), R = w ? r.light : r.dark, F = {
+            "--rui-text-primary": `var(--rui-${R}-text-primary)`,
+            "--rui-text-secondary": `var(--rui-${R}-text-secondary)`,
+            "--rui-text-disabled": `var(--rui-${R}-text-disabled)`
+          };
+          Object.entries({
+            ...A,
+            ...F
+          }).forEach(([o, n]) => {
+            document.documentElement.style.setProperty(o, n);
+          });
+        },
+        { immediate: !0 }
+      );
+    },
+    setThemeConfig: k,
+    toggleThemeMode: p,
+    switchThemeScheme: c
+  };
+};
+export {
+  r as T,
+  he as a,
+  me as u
+};