@rotki/ui-library 0.3.0 → 0.5.0

package/dist/composables/popper.d.ts

@@ -19,233 +19,11 @@ export declare const createPopper: <TModifier extends Partial<import("@popperjs/
 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>;
+    instance: Ref<Instance | null>;
     open: Ref<boolean>;
+    popperEnter: Ref<boolean>;
     onMouseOver: () => void;
     onMouseLeave: () => void;
+    onPopperLeave: () => void;
+    updatePopper: () => void;
 };

package/dist/{index-2304aade.js → index-393a0e94.js}

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