@v1nt1248/3nclient-lib 0.0.29 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,8 @@ import Ui3nIcon from './ui3n-icon.vue';
2
2
  import type { Ui3nIconProps, Ui3nIconEmits } from './ui3n-icon.vue';
3
3
  import Ui3nButton from './ui3n-button.vue';
4
4
  import type { Ui3nButtonProps, Ui3nButtonEmits } from './ui3n-button.vue';
5
+ import Ui3nChip from './ui3n-chip.vue';
6
+ import type { Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots } from './ui3n-chip.vue';
5
7
  import Ui3nDropFiles from './ui3n-drop-files.vue';
6
8
  import type { Ui3nDropFilesProps, Ui3nDropFilesEmits } from './ui3n-drop-files.vue';
7
9
  import Ui3nEmoji from './ui3n-emoji.vue';
@@ -27,4 +29,4 @@ import Ui3nVirtualScroll from './ui3n-virtual-scroll.vue';
27
29
  import type { Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './ui3n-virtual-scroll.vue';
28
30
  import Ui3nTabs from './ui3n-tabs.vue';
29
31
  import type { Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots } from './ui3n-tabs.vue';
30
- 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, };
32
+ export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, 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, };
@@ -0,0 +1,72 @@
1
+ export interface Ui3nChipProps {
2
+ height?: number | string;
3
+ maxWidth?: number | string;
4
+ plain?: boolean;
5
+ round?: boolean;
6
+ closeable?: boolean;
7
+ color?: string;
8
+ textSize?: number | string;
9
+ textColor?: string;
10
+ }
11
+ export interface Ui3nChipEmits {
12
+ (ev: 'close'): void;
13
+ }
14
+ export interface Ui3nChipSlots {
15
+ left: (props: {
16
+ size: number;
17
+ color: string;
18
+ }) => any;
19
+ default: () => any;
20
+ }
21
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nChipProps>, {
22
+ height: number;
23
+ maxWidth: number;
24
+ plain: boolean;
25
+ round: boolean;
26
+ closeable: boolean;
27
+ color: string;
28
+ textSize: number;
29
+ textColor: string;
30
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ close: () => void;
32
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Ui3nChipProps>, {
33
+ height: number;
34
+ maxWidth: number;
35
+ plain: boolean;
36
+ round: boolean;
37
+ closeable: boolean;
38
+ color: string;
39
+ textSize: number;
40
+ textColor: string;
41
+ }>>> & {
42
+ onClose?: (() => any) | undefined;
43
+ }, {
44
+ height: string | number;
45
+ color: string;
46
+ textColor: string;
47
+ round: boolean;
48
+ maxWidth: string | number;
49
+ plain: boolean;
50
+ closeable: boolean;
51
+ textSize: string | number;
52
+ }, {}>, Readonly<Ui3nChipSlots>>;
53
+ export default _default;
54
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
55
+ type __VLS_TypePropsToRuntimeProps<T> = {
56
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
57
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
58
+ } : {
59
+ type: import('vue').PropType<T[K]>;
60
+ required: true;
61
+ };
62
+ };
63
+ type __VLS_WithDefaults<P, D> = {
64
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
65
+ default: D[K];
66
+ }> : P[K];
67
+ };
68
+ type __VLS_WithTemplateSlots<T, S> = T & {
69
+ new (): {
70
+ $slots: S;
71
+ };
72
+ };
@@ -42,10 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
42
42
  cancel: (value?: any) => void;
43
43
  "click-overlay": (value?: any) => void;
44
44
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Ui3nDialogComponentProps>>> & {
45
+ onClose?: ((value?: any) => any) | undefined;
45
46
  onCancel?: ((value?: any) => any) | undefined;
46
47
  onOpen?: ((value?: any) => any) | undefined;
47
48
  "onBefore-close"?: ((value?: any) => any) | undefined;
48
- onClose?: ((value?: any) => any) | undefined;
49
49
  onConfirm?: ((value?: any) => any) | undefined;
50
50
  "onClick-overlay"?: ((value?: any) => any) | undefined;
51
51
  }, {}, {}>;
@@ -35,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
35
35
  closeOnClickOutside: boolean;
36
36
  disabled: boolean;
37
37
  }>>> & {
38
- onOpen?: (() => any) | undefined;
39
38
  onClose?: (() => any) | undefined;
39
+ onOpen?: (() => any) | undefined;
40
40
  onOpened?: (() => any) | undefined;
41
41
  onClosed?: (() => any) | undefined;
42
42
  "onClick-outside"?: (() => any) | undefined;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { CbFunction, Ui3nNotificationProps, VueEventBus } from './constants';
2
2
  import type { DialogInstance } from './plugins/dialogs';
3
3
  import type Ui3nButton from './components/ui3n-button.vue';
4
+ import type Ui3nChip from './components/ui3n-chip.vue';
4
5
  import type Ui3nCheckbox from './components/ui3n-checkbox.vue';
5
6
  import type Ui3nDialog from './components/ui3n-dialog.vue';
6
7
  import type { Ui3nDialogComponentProps } from './components/ui3n-dialog.vue';
@@ -35,6 +36,7 @@ declare module 'vue' {
35
36
  interface GlobalComponents {
36
37
  Ui3nButton: typeof Ui3nButton;
37
38
  Ui3nCheckbox: typeof Ui3nCheckbox;
39
+ Ui3nChip: typeof Ui3nChip;
38
40
  Ui3nDialog: typeof Ui3nDialog;
39
41
  Ui3nDropFiles: typeof Ui3nDropFiles;
40
42
  Ui3nEmoji: typeof Ui3nEmoji;
@@ -0,0 +1,230 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import Ui3nChip from '../components/ui3n-chip.vue';
3
+ declare const meta: Meta<typeof Ui3nChip>;
4
+ export default meta;
5
+ export declare const Default: StoryFn<{
6
+ new (...args: any[]): {
7
+ $: import("vue").ComponentInternalInstance;
8
+ $data: {};
9
+ $props: Partial<{
10
+ height: string | number;
11
+ color: string;
12
+ textColor: string;
13
+ round: boolean;
14
+ maxWidth: string | number;
15
+ plain: boolean;
16
+ closeable: boolean;
17
+ textSize: string | number;
18
+ }> & Omit<{
19
+ readonly height: string | number;
20
+ readonly color: string;
21
+ readonly textColor: string;
22
+ readonly round: boolean;
23
+ readonly maxWidth: string | number;
24
+ readonly plain: boolean;
25
+ readonly closeable: boolean;
26
+ readonly textSize: string | number;
27
+ onClose?: (() => any) | undefined;
28
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
29
+ height: {
30
+ type: import("vue").PropType<string | number>;
31
+ default: number;
32
+ };
33
+ color: {
34
+ type: import("vue").PropType<string>;
35
+ default: string;
36
+ };
37
+ textColor: {
38
+ type: import("vue").PropType<string>;
39
+ default: string;
40
+ };
41
+ round: {
42
+ type: import("vue").PropType<boolean>;
43
+ default: boolean;
44
+ };
45
+ maxWidth: {
46
+ type: import("vue").PropType<string | number>;
47
+ default: number;
48
+ };
49
+ plain: {
50
+ type: import("vue").PropType<boolean>;
51
+ default: boolean;
52
+ };
53
+ closeable: {
54
+ type: import("vue").PropType<boolean>;
55
+ default: boolean;
56
+ };
57
+ textSize: {
58
+ type: import("vue").PropType<string | number>;
59
+ default: number;
60
+ };
61
+ }>> & {
62
+ onClose?: (() => any) | undefined;
63
+ }, "height" | "color" | "textColor" | "round" | "maxWidth" | "plain" | "closeable" | "textSize">;
64
+ $attrs: {
65
+ [x: string]: unknown;
66
+ };
67
+ $refs: {
68
+ [x: string]: unknown;
69
+ };
70
+ $slots: Readonly<{
71
+ [name: string]: import("vue").Slot<any> | undefined;
72
+ }>;
73
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
74
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
75
+ $emit: (event: "close") => void;
76
+ $el: any;
77
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
78
+ height: {
79
+ type: import("vue").PropType<string | number>;
80
+ default: number;
81
+ };
82
+ color: {
83
+ type: import("vue").PropType<string>;
84
+ default: string;
85
+ };
86
+ textColor: {
87
+ type: import("vue").PropType<string>;
88
+ default: string;
89
+ };
90
+ round: {
91
+ type: import("vue").PropType<boolean>;
92
+ default: boolean;
93
+ };
94
+ maxWidth: {
95
+ type: import("vue").PropType<string | number>;
96
+ default: number;
97
+ };
98
+ plain: {
99
+ type: import("vue").PropType<boolean>;
100
+ default: boolean;
101
+ };
102
+ closeable: {
103
+ type: import("vue").PropType<boolean>;
104
+ default: boolean;
105
+ };
106
+ textSize: {
107
+ type: import("vue").PropType<string | number>;
108
+ default: number;
109
+ };
110
+ }>> & {
111
+ onClose?: (() => any) | undefined;
112
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
113
+ close: () => void;
114
+ }, string, {
115
+ height: string | number;
116
+ color: string;
117
+ textColor: string;
118
+ round: boolean;
119
+ maxWidth: string | number;
120
+ plain: boolean;
121
+ closeable: boolean;
122
+ textSize: string | number;
123
+ }, {}, string, {}> & {
124
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
125
+ created?: ((() => void) | (() => void)[]) | undefined;
126
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
127
+ mounted?: ((() => void) | (() => void)[]) | undefined;
128
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
129
+ updated?: ((() => void) | (() => void)[]) | undefined;
130
+ activated?: ((() => void) | (() => void)[]) | undefined;
131
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
132
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
133
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
134
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
135
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
136
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
137
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
138
+ 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;
139
+ };
140
+ $forceUpdate: () => void;
141
+ $nextTick: typeof import("vue").nextTick;
142
+ $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;
143
+ } & Readonly<import("vue").ExtractPropTypes<{
144
+ height: {
145
+ type: import("vue").PropType<string | number>;
146
+ default: number;
147
+ };
148
+ color: {
149
+ type: import("vue").PropType<string>;
150
+ default: string;
151
+ };
152
+ textColor: {
153
+ type: import("vue").PropType<string>;
154
+ default: string;
155
+ };
156
+ round: {
157
+ type: import("vue").PropType<boolean>;
158
+ default: boolean;
159
+ };
160
+ maxWidth: {
161
+ type: import("vue").PropType<string | number>;
162
+ default: number;
163
+ };
164
+ plain: {
165
+ type: import("vue").PropType<boolean>;
166
+ default: boolean;
167
+ };
168
+ closeable: {
169
+ type: import("vue").PropType<boolean>;
170
+ default: boolean;
171
+ };
172
+ textSize: {
173
+ type: import("vue").PropType<string | number>;
174
+ default: number;
175
+ };
176
+ }>> & {
177
+ onClose?: (() => any) | undefined;
178
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
179
+ __isFragment?: undefined;
180
+ __isTeleport?: undefined;
181
+ __isSuspense?: undefined;
182
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
183
+ height: {
184
+ type: import("vue").PropType<string | number>;
185
+ default: number;
186
+ };
187
+ color: {
188
+ type: import("vue").PropType<string>;
189
+ default: string;
190
+ };
191
+ textColor: {
192
+ type: import("vue").PropType<string>;
193
+ default: string;
194
+ };
195
+ round: {
196
+ type: import("vue").PropType<boolean>;
197
+ default: boolean;
198
+ };
199
+ maxWidth: {
200
+ type: import("vue").PropType<string | number>;
201
+ default: number;
202
+ };
203
+ plain: {
204
+ type: import("vue").PropType<boolean>;
205
+ default: boolean;
206
+ };
207
+ closeable: {
208
+ type: import("vue").PropType<boolean>;
209
+ default: boolean;
210
+ };
211
+ textSize: {
212
+ type: import("vue").PropType<string | number>;
213
+ default: number;
214
+ };
215
+ }>> & {
216
+ onClose?: (() => any) | undefined;
217
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
218
+ close: () => void;
219
+ }, string, {
220
+ height: string | number;
221
+ color: string;
222
+ textColor: string;
223
+ round: boolean;
224
+ maxWidth: string | number;
225
+ plain: boolean;
226
+ closeable: boolean;
227
+ textSize: string | number;
228
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
229
+ $slots: Readonly<import("../components/ui3n-chip.vue").Ui3nChipSlots>;
230
+ })>;
@@ -32,10 +32,10 @@ export declare const Default: StoryFn<import("vue").DefineComponent<{
32
32
  type: import("vue").PropType<import("../components/ui3n-dialog.vue").Ui3nDialogProps>;
33
33
  };
34
34
  }>> & {
35
+ onClose?: ((value?: any) => any) | undefined;
35
36
  onCancel?: ((value?: any) => any) | undefined;
36
37
  onOpen?: ((value?: any) => any) | undefined;
37
38
  "onBefore-close"?: ((value?: any) => any) | undefined;
38
- onClose?: ((value?: any) => any) | undefined;
39
39
  onConfirm?: ((value?: any) => any) | undefined;
40
40
  "onClick-overlay"?: ((value?: any) => any) | undefined;
41
41
  }, {}, {}>>;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .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%}
1
+ .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-chip[data-v-57f8ff99]{position:relative;height:var(--ee94d79e);padding:0 var(--2e139a47);width:max-content;max-width:var(--7e25bf4c);background-color:var(--51ed7454);display:flex;justify-content:flex-start;align-items:center}.ui3n-chip__body[data-v-57f8ff99]{font-size:var(--2a75a358);line-height:1;font-weight:400;color:var(--235fd6ec);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-chip__close[data-v-57f8ff99]{margin-left:var(--half-size, 4px)}.ui3n-chip--with-icon .ui3n-chip__icon[data-v-57f8ff99]{margin-right:5px}.ui3n-chip--round[data-v-57f8ff99]{border-radius:calc(var(--ee94d79e) / 2)}.ui3n-chip--closeble[data-v-57f8ff99]{min-width:24px;padding-right:0}.ui3n-chip--plain[data-v-57f8ff99]{border:1px solid var(--235fd6ec)}.ui3n-chip.ui3n-chip--closable:not(.ui3n-chip--with-icon) .ui3n-chip__body[data-v-57f8ff99]{max-width:calc(100% - 24px)}.ui3n-chip.ui3n-chip--with-icon:not(.ui3n-chip--closable) .ui3n-chip__body[data-v-57f8ff99]{max-width:calc(100% - var(--ee94d79e) - 5px)}.ui3n-chip.ui3n-chip--closable.ui3n-chip--with-icon .ui3n-chip__body[data-v-57f8ff99]{max-width:calc(100% - var(--ee94d79e) - 29px)}.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%}