@v1nt1248/3nclient-lib 0.0.12 → 0.0.14

package/dist/components/index.d.ts

@@ -21,4 +21,6 @@ import Ui3nMenu from './ui3n-menu.vue';
 import type { Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots } from './ui3n-menu.vue';
 import Ui3nList from './ui3n-list.vue';
 import type { Ui3nListProps, Ui3nListEmits, Ui3nListSlots } from './ui3n-list.vue';
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, };
+import Ui3nVirtualScroll from './ui3n-virtual-scroll.vue';
+import type { Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './ui3n-virtual-scroll.vue';
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, };

package/dist/components/ui3n-virtual-scroll.vue.d.ts

@@ -0,0 +1,34 @@
+export interface Ui3nVirtualScrollProps<T> {
+    items: T[];
+    minChildHeight: number;
+    renderAhread?: number;
+}
+export interface Ui3nVirtualScrollSlots<T> {
+    item: (item: T, index: number) => any;
+}
+declare const _default: <T extends {
+    id?: string | undefined;
+}>(__VLS_props: Ui3nVirtualScrollProps<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: Ui3nVirtualScrollProps<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Ui3nVirtualScrollSlots<T>;
+    emit: any;
+}, "slots" | "emit" | "attrs"> | undefined, __VLS_setup?: Promise<{
+    props: Ui3nVirtualScrollProps<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: Ui3nVirtualScrollSlots<T>;
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: Ui3nVirtualScrollProps<T>;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: Ui3nVirtualScrollSlots<T>;
+        emit: any;
+    } | undefined;
+};
+export default _default;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import type { Ui3nDialogComponentProps } from './components/ui3n-dialog.vue';
 import type { DialogInstance } from './plugins/dialogs';
 export * from './constants';
 export * from './tools';
+export * from './libs';
 export * from './plugins';
 export * from './directives';
 export * from './components';

package/dist/libs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './sqlite-on-3nstorage';
+export { makeObservableMethodCaller, makeReqRepMethodCaller, makeServiceCaller, } from './ipc-service-caller';
+export { SingleConnectionIPCWrap, MultiConnectionIPCWrap, IPCWrap, } from './ipc-service';

package/dist/libs/ipc-service-caller.d.ts

@@ -0,0 +1,12 @@
+type RPCConnection = web3n.rpc.client.RPCConnection;
+type PassedDatum = web3n.rpc.PassedDatum;
+export interface TransformOpts {
+    unpackReply?: ((reply: PassedDatum | undefined) => any) | 'noop';
+    packRequest?: ((args: any[]) => PassedDatum | undefined) | 'noop';
+}
+export declare function makeReqRepMethodCaller<F extends Function>(connection: RPCConnection, method: string, transforms?: TransformOpts): F;
+export declare function makeObservableMethodCaller<F extends Function>(connection: RPCConnection, method: string, transforms?: TransformOpts): F;
+export declare function makeServiceCaller<T>(connection: RPCConnection, reqRepMethods?: (keyof T)[], obsMethods?: (keyof T)[], transforms?: {
+    [method in keyof T]: TransformOpts;
+}): Partial<T>;
+export {};

package/dist/libs/ipc-service.d.ts

@@ -0,0 +1,60 @@
+type IncomingConnection = web3n.rpc.service.IncomingConnection;
+type PassedDatum = web3n.rpc.PassedDatum;
+type Observer<T> = web3n.Observer<T>;
+export type HandleObservingCall = (obs: Observer<any>, ...requestArgs: any[]) => (() => void);
+export type HandleReqReplyCall = (...requestArgs: any[]) => Promise<any>;
+export interface TransformOpts {
+    unpackRequest?: ((req: PassedDatum | undefined) => any[]) | 'noop';
+    packReply?: ((reply: any) => PassedDatum | undefined) | 'noop';
+}
+declare class ConnectionState {
+    private readonly disconnect;
+    private readonly calls;
+    private isRunning;
+    constructor(disconnect: () => void);
+    acceptsMsgs(): boolean;
+    stop(): void;
+    hasCall(callNum: number): boolean;
+    cancelCall(callNum: number): void;
+    completeCall(callNum: number): void;
+    registerReqReplyCall(callNum: number): void;
+    registerObservableCall(callNum: number, cancel: () => void): void;
+}
+export declare abstract class IPCWrap {
+    readonly srvName: string;
+    protected readonly connections: Map<web3n.rpc.service.IncomingConnection, ConnectionState>;
+    private readonly methods;
+    constructor(srvName: string);
+    addReqReplyMethod(method: string, srv: object | undefined, func: HandleReqReplyCall, transforms?: TransformOpts): void;
+    exposeReqReplyMethods<T extends object>(srv: T, methods: (keyof T)[], transforms?: {
+        [method in keyof T]: TransformOpts;
+    }): void;
+    addObservableMethod(method: string, srv: object | undefined, func: HandleObservingCall, transforms?: TransformOpts): void;
+    exposeObservableMethods<T extends object>(srv: T, methods: (keyof T)[], transforms?: {
+        [method in keyof T]: TransformOpts;
+    }): void;
+    private onMsg;
+    private callReqReplyHandler;
+    private callObsHandler;
+    startIPC(): () => void;
+    stopIPC(): void;
+    protected onConnection(connection: IncomingConnection): Promise<void>;
+    protected onConnectionCompletion(connection: IncomingConnection, connectionState: ConnectionState): Promise<void>;
+    protected onConnectionError(connection: IncomingConnection, connectionState: ConnectionState, err: any): Promise<void>;
+    protected abstract onListeningCompletion(): Promise<void>;
+    protected abstract onListeningError(err: any): Promise<void>;
+}
+export declare class SingleConnectionIPCWrap extends IPCWrap {
+    constructor(srvName: string);
+    protected onListeningCompletion(): Promise<void>;
+    protected onListeningError(err: any): Promise<void>;
+    protected onConnectionCompletion(connection: IncomingConnection, connectionState: ConnectionState): Promise<void>;
+    protected onConnectionError(connection: IncomingConnection, connectionState: ConnectionState, err: any): Promise<void>;
+}
+export declare class MultiConnectionIPCWrap extends IPCWrap {
+    constructor(srvName: string);
+    protected onListeningCompletion(): Promise<void>;
+    protected onListeningError(err: any): Promise<void>;
+    protected onConnectionError(connection: IncomingConnection, connectionState: ConnectionState, err: any): Promise<void>;
+}
+export {};

package/dist/libs/serialization-for-ipc/copy-json.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This function creates a copy of json entity with a caveat that Buffer and
+ * byte arrays are shared between original and a copy.
+ * @param orig is an object, which copy is created. Buffer and byte arrays
+ * passed through like primitives.
+ * @param excludeTopFields is an optional list of fields to exclude from copy.
+ */
+export declare function copyJSON<T>(orig: T, excludeTopFields?: string[]): T;

package/dist/libs/serialization-for-ipc/json-n-binary.d.ts

@@ -0,0 +1,5 @@
+export declare function serializeArgs(args: any[]): {
+    bytes: Uint8Array;
+    passedByReference?: any[];
+};
+export declare function deserializeArgs(bytes: Uint8Array, passedByReference: any[] | undefined): any[];

package/dist/libs/serialization-for-ipc/protobuf-type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@types/node" />
+export declare class ProtoType<T extends object> {
+    private readonly type;
+    private constructor();
+    static for<T extends object>(type: any): ProtoType<T>;
+    pack(msg: T): Buffer;
+    unpack(bytes: Buffer | void): T;
+    packToBase64(msg: T): string;
+    unpackFromBase64(str: string): T;
+}

package/dist/libs/sqlite-on-3nstorage/deferred.d.ts

@@ -0,0 +1,6 @@
+export interface Deferred<T> {
+    promise: Promise<T>;
+    resolve: (result?: T | PromiseLike<T>) => void;
+    reject: (err: any) => void;
+}
+export declare function defer<T>(): Deferred<T>;

package/dist/libs/sqlite-on-3nstorage/index.d.ts

@@ -0,0 +1,49 @@
+import { Database as DBClass, BindParams as QueryParams, QueryExecResult as QueryResult } from './sqljs.js';
+import { SingleProc, Action } from './synced.js';
+export type Database = DBClass;
+export type BindParams = QueryParams;
+export type QueryExecResult = QueryResult;
+type WritableFile = web3n.files.WritableFile;
+export interface SaveOpts {
+    skipUpload?: boolean;
+}
+export declare abstract class SQLiteOn3NStorage {
+    protected readonly database: Database;
+    protected readonly file: WritableFile;
+    protected readonly syncProc: SingleProc;
+    protected constructor(database: Database, file: WritableFile);
+    static makeAndStart(file: WritableFile): Promise<SQLiteOn3NStorage>;
+    private start;
+    saveToFile(opts?: SaveOpts): Promise<void>;
+    get db(): Database;
+    sync<T>(action: Action<T>): Promise<T>;
+    listTables(): string[];
+}
+export declare function objectFromQueryExecResult<T>(sqlResult: QueryExecResult): Array<T>;
+export declare class TableColumnsAndParams<ColumnDefs extends object> {
+    readonly name: string;
+    private readonly columnDefs;
+    readonly c: {
+        [columnName in keyof ColumnDefs]: string;
+    };
+    readonly cReversed: {
+        [snakedColName: string]: keyof ColumnDefs;
+    };
+    readonly p: {
+        [columnName in keyof ColumnDefs]: string;
+    };
+    readonly q: {
+        [columnName in keyof ColumnDefs]: string;
+    };
+    constructor(name: string, columnDefs: ColumnDefs);
+    private toC;
+    toParams<T extends {
+        [columnName in keyof ColumnDefs]: any;
+    }>(value: Partial<T>, throwOnUnknownField?: boolean): any;
+    getFromQueryExecResult<T>(sqlResult: QueryExecResult): Array<T>;
+    get insertQuery(): string;
+    updateQuery(withTabName: boolean, columns?: (keyof ColumnDefs)[] | undefined, skipColumns?: boolean): string;
+    get columnsCreateSection(): string;
+    selectQuery(columnsToSelect: (keyof ColumnDefs)[] | string, ...whereAndColEqual: (keyof ColumnDefs)[]): string;
+}
+export {};

package/dist/libs/sqlite-on-3nstorage/synced.d.ts

@@ -0,0 +1,73 @@
+/**
+ * This represents a function that will create a promise, potentially starting
+ * some background process, only when it is called. Such wrap of code is needed
+ * for scheduling, as very often any start of an action must be postponed till
+ * later time. Scheduler needs a not-yet-started activity, as scheduler has
+ * control action's start.
+ */
+export type Action<T> = () => Promise<T>;
+/**
+ * This is a container of processes, labeled by some ids. It allows to track if
+ * there is a process already in progress with a given id. And, it allows to
+ * chain process, when needed.
+ *
+ * Common use of such class is to reuse getting of some expensive resource(s).
+ */
+export declare class NamedProcs {
+    private processes;
+    constructor();
+    /**
+     * @param id is a string key of a process
+     * @return a promise of a process' completion, or undefined, if process with
+     * given id is unknown.
+     */
+    latestTaskAtThisMoment<T>(id: string): Promise<T> | undefined;
+    isProcessing(id: string): boolean;
+    /**
+     * This method will add a promise of an already started process.
+     * @param id is a string key of a process
+     * @param promise of an already started process
+     * @return a promise of a process' completion.
+     */
+    addStarted<T>(id: string, promise: Promise<T>): Promise<T>;
+    /**
+     * This method will start a given action only, if a process with a given id
+     * is not running.
+     * @param id is a string key of a process
+     * @param action is a function that starts some process
+     * @return a promise of a process' completion.
+     */
+    start<T>(id: string, action: Action<T>): Promise<T>;
+    /**
+     * This method will chain a given action to an already running process, or,
+     * if identified process is not running, this will start given action under
+     * a given id.
+     * @param id is a string key of a process
+     * @param action is a function that starts some process
+     * @return a promise of a process' completion.
+     */
+    startOrChain<T>(id: string, action: Action<T>): Promise<T>;
+}
+/**
+ * This is a container of process. It allows to track if a process is already
+ * in progress. It also allows to chain process, when needed.
+ *
+ * Common use of such class is to reuse getting of some expensive resource, or
+ * do ning something as an exclusive process.
+ */
+export declare class SingleProc {
+    private onGoingIdle?;
+    private actions;
+    private running;
+    constructor(onGoingIdle?: (() => void) | undefined);
+    isProcessing(): boolean;
+    latestTaskAtThisMoment<T>(): Promise<T> | undefined;
+    addStarted<T>(promise: Promise<T>): Promise<T>;
+    start<T>(action: Action<T>): Promise<T>;
+    private runIfIdle;
+    startOrChain<T>(action: Action<T>): Promise<T>;
+}
+/**
+ * This wraps given function/method into syncing wrap.
+ */
+export declare function makeSyncedFunc<T extends Function>(syncProc: SingleProc, thisArg: any, func: T): T;

package/dist/style.css

@@ -1 +1 @@
-.ui3n-button[data-v-5f7c3964]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-5f7c3964]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-5f7c3964]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-button[data-v-5f7c3964]:not([disabled]){cursor:pointer}.ui3n-button[data-v-5f7c3964]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-5f7c3964],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-5f7c3964]{opacity:1}.ui3n-button[data-v-5f7c3964]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-5f7c3964]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-5f7c3964]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-5f7c3964]{margin-left:4px}.ui3n-button[disabled][data-v-5f7c3964]{opacity:.7}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-drop-files[data-v-3411ed77]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-3411ed77]{position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-3411ed77]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-3411ed77]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-3411ed77]{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-3411ed77]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-3411ed77]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-cf691041]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-cf691041]{cursor:default}.ui3n-input[data-v-41c114f0]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-41c114f0]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-41c114f0]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-41c114f0]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-41c114f0]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-41c114f0]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-41c114f0]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-41c114f0]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-41c114f0]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-41c114f0]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-41c114f0]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-41c114f0]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-8ba1dfb9]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-8ba1dfb9],.ui3n-menu .menu-leave-active[data-v-8ba1dfb9]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-8ba1dfb9],.ui3n-menu .menu-leave-to[data-v-8ba1dfb9]{opacity:0}.ui3n-menu__trigger[data-v-8ba1dfb9]{position:relative}.ui3n-menu__content[data-v-8ba1dfb9]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity),0 3px 4px 0 var(--shadow-key-penumbra-opacity),0 1px 8px 0 var(--shadow-key-ambient-opacity)}.ui3n-list[data-v-8ccc687f]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-8ccc687f]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-8ccc687f]{position:sticky}.ui3n-list__content[data-v-8ccc687f]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-8ccc687f],.ui3n-list__item[data-v-8ccc687f]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-8ccc687f]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-8ccc687f]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-8ccc687f]{pointer-events:none;cursor:default}
+.ui3n-button[data-v-5f7c3964]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-5f7c3964]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-5f7c3964]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-button[data-v-5f7c3964]:not([disabled]){cursor:pointer}.ui3n-button[data-v-5f7c3964]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-5f7c3964],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-5f7c3964]{opacity:1}.ui3n-button[data-v-5f7c3964]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-5f7c3964]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-5f7c3964]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-5f7c3964]{margin-left:4px}.ui3n-button[disabled][data-v-5f7c3964]{opacity:.7}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-drop-files[data-v-3411ed77]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-3411ed77]{position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-3411ed77]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-3411ed77]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-3411ed77]{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-3411ed77]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-3411ed77]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-cf691041]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-cf691041]{cursor:default}.ui3n-input[data-v-41c114f0]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-41c114f0]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-41c114f0]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-41c114f0]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-41c114f0]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-41c114f0]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-41c114f0]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-41c114f0]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-41c114f0]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-41c114f0]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-41c114f0]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-41c114f0]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-8ba1dfb9]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-8ba1dfb9],.ui3n-menu .menu-leave-active[data-v-8ba1dfb9]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-8ba1dfb9],.ui3n-menu .menu-leave-to[data-v-8ba1dfb9]{opacity:0}.ui3n-menu__trigger[data-v-8ba1dfb9]{position:relative}.ui3n-menu__content[data-v-8ba1dfb9]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity),0 3px 4px 0 var(--shadow-key-penumbra-opacity),0 1px 8px 0 var(--shadow-key-ambient-opacity)}.ui3n-list[data-v-8ccc687f]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-8ccc687f]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-8ccc687f]{position:sticky}.ui3n-list__content[data-v-8ccc687f]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-8ccc687f],.ui3n-list__item[data-v-8ccc687f]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-8ccc687f]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-8ccc687f]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-8ccc687f]{pointer-events:none;cursor:default}.ui3n-virtual-scroll[data-v-6a998153]{position:relative;width:100%;height:100%;overflow-y:auto}.ui3n-virtual-scroll__viewport[data-v-6a998153]{position:relative;overflow:hidden;will-change:transform}.ui3n-virtual-scroll__content[data-v-6a998153]{will-change:transform}.ui3n-virtual-scroll__item[data-v-6a998153]{position:relative;min-height:16px}