@v1nt1248/3nclient-lib 0.0.27 → 0.0.29

package/README.md

@@ -20,6 +20,7 @@ You can run the project as `yarn dev` or `npm run dev` if you don't want to use
   - Ui3nNotification
   - Ui3nDialog
   - Ui3nTable
+  - Ui3nTabs
 
 ## Directives
   - Ui3nHtml

package/dist/components/index.d.ts

@@ -25,4 +25,6 @@ import Ui3nList from './ui3n-list.vue';
 import type { Ui3nListProps, Ui3nListEmits, Ui3nListSlots } from './ui3n-list.vue';
 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, Ui3mCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, };
+import Ui3nTabs from './ui3n-tabs.vue';
+import type { Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots } from './ui3n-tabs.vue';
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3mCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableProps, Ui3nTableEmits, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogProps, Ui3nDialogEvent, Ui3nMenu, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, };

package/dist/components/ui3n-tabs.vue.d.ts

@@ -0,0 +1,66 @@
+export interface Ui3nTabsProps {
+    modelValue: number;
+    itemDirection?: 'horizontal' | 'vertical';
+    activeColor?: string;
+    inactiveColor?: string;
+    indicatorColor?: string;
+    indicatorSize?: number | string;
+    indicatorPosition?: 'normal' | 'reverse';
+}
+export interface Ui3nTabsEmits {
+    (ev: 'update:modelValue', val: number): void;
+}
+export interface Ui3nTabsSlots {
+    default: () => any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nTabsProps>, {
+    modelValue: number;
+    itemDirection: string;
+    activeColor: string;
+    inactiveColor: string;
+    indicatorColor: string;
+    indicatorSize: number;
+    indicatorPosition: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nTabsProps>, {
+    modelValue: number;
+    itemDirection: string;
+    activeColor: string;
+    inactiveColor: string;
+    indicatorColor: string;
+    indicatorSize: number;
+    indicatorPosition: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}, {
+    modelValue: number;
+    itemDirection: "horizontal" | "vertical";
+    activeColor: string;
+    inactiveColor: string;
+    indicatorColor: string;
+    indicatorSize: string | number;
+    indicatorPosition: "reverse" | "normal";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -15,6 +15,7 @@ import type Ui3nTableSortIcon from './components/ui3n-table-sort-icon.vue';
 import type Ui3nTable from './components/ui3n-table.vue';
 import type Ui3nText from './components/ui3n-text.vue';
 import type Ui3nVirtualScroll from './components/ui3n-virtual-scroll.vue';
+import type Ui3nTabs from './components/ui3n-tabs.vue';
 import type Ui3nHtml from './directives/ui3n-html';
 import type Ui3nClickOutside from './directives/ui3n-click-outside';
 export * from './constants';
@@ -46,6 +47,7 @@ declare module 'vue' {
         Ui3nTable: typeof Ui3nTable;
         Ui3nText: typeof Ui3nText;
         Ui3nVirtualScroll: typeof Ui3nVirtualScroll;
+        Ui3nTabs: typeof Ui3nTabs;
     }
     interface GlobalDirectives {
         Ui3nHtml: typeof Ui3nHtml;

package/dist/stories/Ui3nTabs.stories.d.ts

@@ -0,0 +1,216 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import Ui3nTabs from '../components/ui3n-tabs.vue';
+declare const meta: Meta<typeof Ui3nTabs>;
+export default meta;
+export declare const Default: StoryFn<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            modelValue: number;
+            itemDirection: "horizontal" | "vertical";
+            activeColor: string;
+            inactiveColor: string;
+            indicatorColor: string;
+            indicatorSize: string | number;
+            indicatorPosition: "reverse" | "normal";
+        }> & Omit<{
+            readonly modelValue: number;
+            readonly itemDirection: "horizontal" | "vertical";
+            readonly activeColor: string;
+            readonly inactiveColor: string;
+            readonly indicatorColor: string;
+            readonly indicatorSize: string | number;
+            readonly indicatorPosition: "reverse" | "normal";
+            "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
+            itemDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            activeColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            inactiveColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            indicatorColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            indicatorSize: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            indicatorPosition: {
+                type: import("vue").PropType<"reverse" | "normal">;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+        }, "modelValue" | "itemDirection" | "activeColor" | "inactiveColor" | "indicatorColor" | "indicatorSize" | "indicatorPosition">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: "update:modelValue", val: number) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
+            itemDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            activeColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            inactiveColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            indicatorColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            indicatorSize: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            indicatorPosition: {
+                type: import("vue").PropType<"reverse" | "normal">;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (val: number) => void;
+        }, string, {
+            modelValue: number;
+            itemDirection: "horizontal" | "vertical";
+            activeColor: string;
+            inactiveColor: string;
+            indicatorColor: string;
+            indicatorSize: string | number;
+            indicatorPosition: "reverse" | "normal";
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        itemDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        activeColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        inactiveColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        indicatorColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        indicatorSize: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        indicatorPosition: {
+            type: import("vue").PropType<"reverse" | "normal">;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    itemDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    activeColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inactiveColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    indicatorColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    indicatorSize: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    indicatorPosition: {
+        type: import("vue").PropType<"reverse" | "normal">;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => void;
+}, string, {
+    modelValue: number;
+    itemDirection: "horizontal" | "vertical";
+    activeColor: string;
+    inactiveColor: string;
+    indicatorColor: string;
+    indicatorSize: string | number;
+    indicatorPosition: "reverse" | "normal";
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;

package/dist/style.css

@@ -1 +1 @@
-.ui3n-button[data-v-10381b12]{--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;justify-content:center;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-10381b12]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-10381b12]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button[data-v-10381b12]:not([disabled]):hover{box-shadow:0 0 4px var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-10381b12],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-10381b12]{opacity:1}.ui3n-button__icon[data-v-10381b12]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-10381b12]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-10381b12]{margin-left:4px}.ui3n-button[disabled][data-v-10381b12]{opacity:.7}.ui3n-button[data-v-10381b12]:not([disabled]){cursor:pointer}.ui3n-button[data-v-10381b12]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button[data-v-10381b12]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.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, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.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-0210fe5c]{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-0210fe5c]{box-sizing:border-box;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-0210fe5c]{box-sizing:border-box;position:absolute;top:calc(var(--base-size, 8px) + 1px);bottom:calc(var(--base-size, 8px) + 1px);left:calc(var(--base-size, 8px) + 1px);right:calc(var(--base-size, 8px) + 1px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-0210fe5c]{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-0210fe5c]{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);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-0210fe5c]{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-0210fe5c]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-f39ee37a]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);font-size:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-f39ee37a]{cursor:default}.ui3n-input[data-v-7a07d4ee]{--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-7a07d4ee]{display:block;width:100%;font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:600;color:var(--black-90, #212121);margin-bottom:var(--half-size, 4px)}.ui3n-input__input[data-v-7a07d4ee]{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-7a07d4ee]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-7a07d4ee]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-7a07d4ee]{position:absolute;left:var(--half-size, 4px);top:calc((var(--ui3n-input-height) - 16px) / 2)}.ui3n-input__clear-btn[data-v-7a07d4ee]{position:absolute;right:0;top:calc((var(--ui3n-input-height) - 28px) / 2)}.ui3n-input__error-text[data-v-7a07d4ee]{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-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-7a07d4ee]{--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-7a07d4ee]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-7a07d4ee]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 16px) / 2 + 20px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 28px) / 2 + 20px)}.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-checkbox[data-v-d377a283]{--ui3n-checkbox-size: 16px;--ui3n-checkbox-text-size: 12px;--ui3n-checkbox-text-color: var(--black-90, #212121);--ui3n-checkbox-text-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center}.ui3n-checkbox__wrapper[data-v-d377a283]{position:relative;display:flex;width:calc(var(--ui3n-checkbox-size) * 1.5);height:calc(var(--ui3n-checkbox-size) * 1.5);justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-position:center;transition:background .5s ease-in-out}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]){cursor:pointer}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):hover{background:transparent radial-gradient(circle,transparent 1%,transparent 1%) center/15000%}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-checkbox__label[data-v-d377a283]{font-size:var(--ui3n-checkbox-text-size);font-weight:var(--ui3n-checkbox-text-weight);color:var(--ui3n-checkbox-text-color);-webkit-user-select:none;user-select:none;cursor:pointer}.ui3n-checkbox--disabled[data-v-d377a283]{pointer-events:none;opacity:.5}.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, rgba(0, 0, 0, .2)),0 3px 4px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 8px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-list[data-v-9aff363c]{--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-9aff363c]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-9aff363c]{position:sticky}.ui3n-list__content[data-v-9aff363c]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-9aff363c],.ui3n-list__item[data-v-9aff363c]{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-9aff363c]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-9aff363c]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-9aff363c]{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}
+.ui3n-button[data-v-30734a5d]{--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;justify-content:center;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);-webkit-user-select:none;user-select:none;background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-30734a5d]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-30734a5d]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{box-shadow:0 0 4px var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-30734a5d]{opacity:1}.ui3n-button__icon[data-v-30734a5d]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-30734a5d]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-30734a5d]{margin-left:4px}.ui3n-button[disabled][data-v-30734a5d]{opacity:.7}.ui3n-button:not(.ui3n-button--round) .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not(.ui3n-button--round) .ui3n-button__text[data-v-30734a5d]{pointer-events:none}.ui3n-button[data-v-30734a5d]:not([disabled]){cursor:pointer}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button[data-v-30734a5d]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.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, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.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-0210fe5c]{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-0210fe5c]{box-sizing:border-box;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-0210fe5c]{box-sizing:border-box;position:absolute;top:calc(var(--base-size, 8px) + 1px);bottom:calc(var(--base-size, 8px) + 1px);left:calc(var(--base-size, 8px) + 1px);right:calc(var(--base-size, 8px) + 1px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-0210fe5c]{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-0210fe5c]{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);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-0210fe5c]{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-0210fe5c]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-f39ee37a]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);font-size:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-f39ee37a]{cursor:default}.ui3n-input[data-v-7a07d4ee]{--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-7a07d4ee]{display:block;width:100%;font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:600;color:var(--black-90, #212121);margin-bottom:var(--half-size, 4px)}.ui3n-input__input[data-v-7a07d4ee]{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-7a07d4ee]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-7a07d4ee]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-7a07d4ee]{position:absolute;left:var(--half-size, 4px);top:calc((var(--ui3n-input-height) - 16px) / 2)}.ui3n-input__clear-btn[data-v-7a07d4ee]{position:absolute;right:0;top:calc((var(--ui3n-input-height) - 28px) / 2)}.ui3n-input__error-text[data-v-7a07d4ee]{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-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-7a07d4ee]{--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-7a07d4ee]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-7a07d4ee]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 16px) / 2 + 20px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 28px) / 2 + 20px)}.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-checkbox[data-v-d377a283]{--ui3n-checkbox-size: 16px;--ui3n-checkbox-text-size: 12px;--ui3n-checkbox-text-color: var(--black-90, #212121);--ui3n-checkbox-text-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center}.ui3n-checkbox__wrapper[data-v-d377a283]{position:relative;display:flex;width:calc(var(--ui3n-checkbox-size) * 1.5);height:calc(var(--ui3n-checkbox-size) * 1.5);justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-position:center;transition:background .5s ease-in-out}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]){cursor:pointer}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):hover{background:transparent radial-gradient(circle,transparent 1%,transparent 1%) center/15000%}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-checkbox__label[data-v-d377a283]{font-size:var(--ui3n-checkbox-text-size);font-weight:var(--ui3n-checkbox-text-weight);color:var(--ui3n-checkbox-text-color);-webkit-user-select:none;user-select:none;cursor:pointer}.ui3n-checkbox--disabled[data-v-d377a283]{pointer-events:none;opacity:.5}.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, rgba(0, 0, 0, .2)),0 3px 4px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 8px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-list[data-v-9aff363c]{--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-9aff363c]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-9aff363c]{position:sticky}.ui3n-list__content[data-v-9aff363c]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-9aff363c],.ui3n-list__item[data-v-9aff363c]{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-9aff363c]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-9aff363c]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-9aff363c]{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}.ui3n-tabs[data-v-ea3e9bad]{--ui3n-tabs-height: 48px;position:relative;height:var(--ui3n-tabs-height);display:flex;justify-content:center;align-items:stretch}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item{cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item{position:relative;-webkit-user-select:none;user-select:none;color:var(--77348130);background-position:center;transition:background .5s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:hover{background-color:var(--blue-main-20, #d8edfd)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{position:absolute;content:"";left:0;width:100%;bottom:var(--fb6a93f0);height:var(--61f57740);background-color:transparent;transition:background-color .25s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item[disabled]{opacity:.5;cursor:default;pointer-events:none}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]){cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):hover{background:#d8edfd radial-gradient(circle,transparent 1%,#d8edfd 1%) center/15000%}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active{color:var(--24fbb1ad)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active:after{background-color:var(--10c456e4);transition:background-color .25s ease-in-out}.ui3n-tabs--vertical[data-v-ea3e9bad]{height:auto;flex-direction:column}.ui3n-tabs--vertical[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{left:var(--fb6a93f0);width:var(--61f57740);bottom:0;height:100%}