@v1nt1248/3nclient-lib 0.1.12 → 0.1.13
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.
- package/dist/components/ui3n-badge/ui3n-badge-simple.vue.d.ts +1 -1
- package/dist/components/ui3n-badge/ui3n-badge.vue.d.ts +1 -1
- package/dist/components/ui3n-button/ui3n-button.vue.d.ts +2 -2
- package/dist/components/ui3n-checkbox/ui3n-checkbox.vue.d.ts +1 -1
- package/dist/components/ui3n-dialog/ui3n-dialog.vue.d.ts +3 -3
- package/dist/components/ui3n-input/ui3n-input.vue.d.ts +2 -2
- package/dist/components/ui3n-progress/ui3n-progress-circular.vue.d.ts +2 -2
- package/dist/components/ui3n-progress/ui3n-progress-linear.vue.d.ts +1 -1
- package/dist/components/ui3n-switch/ui3n-switch.vue.d.ts +1 -1
- package/dist/components/ui3n-text/ui3n-text.vue.d.ts +4 -4
- package/dist/style.css +1 -1
- package/dist/ui3n-components.js +8 -14
- package/package.json +6 -6
- package/src/components/ui3n-tooltip/ui3n-tooltip.vue +29 -31
|
@@ -20,9 +20,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
20
20
|
height: number;
|
|
21
21
|
}) => any) | undefined;
|
|
22
22
|
}, {
|
|
23
|
-
value: string | number;
|
|
24
23
|
color: string;
|
|
25
24
|
textColor: string;
|
|
25
|
+
value: string | number;
|
|
26
26
|
dot: boolean;
|
|
27
27
|
}, {}>;
|
|
28
28
|
export default _default;
|
|
@@ -15,9 +15,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
15
15
|
textColor: string;
|
|
16
16
|
position: string;
|
|
17
17
|
}>>>, {
|
|
18
|
-
value: string | number;
|
|
19
18
|
color: string;
|
|
20
19
|
textColor: string;
|
|
20
|
+
value: string | number;
|
|
21
21
|
position: "right-top" | "right-bottom" | "left-top" | "left-bottom";
|
|
22
22
|
dot: boolean;
|
|
23
23
|
}, {}>;
|
|
@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
19
19
|
disabled: boolean;
|
|
20
20
|
}>>> & {
|
|
21
21
|
onClick?: ((value: Event) => any) | undefined;
|
|
22
|
-
onBlur?: ((value: Event) => any) | undefined;
|
|
23
|
-
onFocus?: ((value: Event) => any) | undefined;
|
|
24
22
|
onInit?: ((value: HTMLButtonElement) => any) | undefined;
|
|
23
|
+
onFocus?: ((value: Event) => any) | undefined;
|
|
24
|
+
onBlur?: ((value: Event) => any) | undefined;
|
|
25
25
|
}, {
|
|
26
26
|
type: "primary" | "secondary" | "tertiary" | "icon" | "custom";
|
|
27
27
|
size: "regular" | "small";
|
|
@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
23
23
|
onChange?: ((value: Ui3nCheckboxValue) => any) | undefined;
|
|
24
24
|
"onUpdate:modelValue"?: ((value: Ui3nCheckboxValue) => any) | undefined;
|
|
25
25
|
}, {
|
|
26
|
-
size: number | string;
|
|
27
26
|
color: string;
|
|
27
|
+
size: number | string;
|
|
28
28
|
disabled: boolean;
|
|
29
29
|
modelValue: Ui3nCheckboxValue;
|
|
30
30
|
checkedValue: Ui3nCheckboxValue;
|
|
@@ -3,19 +3,19 @@ import { Ui3nDialogComponentProps, Ui3nDialogComponentEmits } from './types';
|
|
|
3
3
|
declare const _default: <T extends Component, P extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
4
|
props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
|
|
5
5
|
onClose?: ((value?: any) => any) | undefined;
|
|
6
|
-
onCancel?: ((value?: any) => any) | undefined;
|
|
7
6
|
onOpen?: ((value?: any) => any) | undefined;
|
|
8
7
|
"onBefore-close"?: ((value?: any) => any) | undefined;
|
|
9
8
|
onConfirm?: ((value?: any) => any) | undefined;
|
|
9
|
+
onCancel?: ((value?: any) => any) | undefined;
|
|
10
10
|
"onClick-overlay"?: ((value?: any) => any) | undefined;
|
|
11
11
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
|
|
12
12
|
onClose?: ((value?: any) => any) | undefined;
|
|
13
|
-
onCancel?: ((value?: any) => any) | undefined;
|
|
14
13
|
onOpen?: ((value?: any) => any) | undefined;
|
|
15
14
|
"onBefore-close"?: ((value?: any) => any) | undefined;
|
|
16
15
|
onConfirm?: ((value?: any) => any) | undefined;
|
|
16
|
+
onCancel?: ((value?: any) => any) | undefined;
|
|
17
17
|
"onClick-overlay"?: ((value?: any) => any) | undefined;
|
|
18
|
-
}, never>, "onClose" | "
|
|
18
|
+
}, never>, "onClose" | "onOpen" | "onBefore-close" | "onConfirm" | "onCancel" | "onClick-overlay"> & Ui3nDialogComponentProps<T, P>> & import('vue').PublicProps;
|
|
19
19
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
20
20
|
attrs: any;
|
|
21
21
|
slots: ReturnType<() => {}>;
|
|
@@ -9,9 +9,9 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<Ui
|
|
|
9
9
|
"update:modelValue": (value: string) => void;
|
|
10
10
|
"update:valid": (value: boolean) => void;
|
|
11
11
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Ui3nInputProps>>> & {
|
|
12
|
-
onBlur?: ((value: Event) => any) | undefined;
|
|
13
|
-
onFocus?: ((value: Event) => any) | undefined;
|
|
14
12
|
onInit?: ((value: HTMLInputElement) => any) | undefined;
|
|
13
|
+
onFocus?: ((value: Event) => any) | undefined;
|
|
14
|
+
onBlur?: ((value: Event) => any) | undefined;
|
|
15
15
|
onChange?: ((value: string) => any) | undefined;
|
|
16
16
|
onInput?: ((value: string) => any) | undefined;
|
|
17
17
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
10
10
|
bgColor: string;
|
|
11
11
|
color: string;
|
|
12
12
|
}>>>, {
|
|
13
|
-
value: number | string;
|
|
14
|
-
size: number | string;
|
|
15
13
|
color: string;
|
|
14
|
+
size: number | string;
|
|
16
15
|
bgColor: string;
|
|
16
|
+
value: number | string;
|
|
17
17
|
}, {}>;
|
|
18
18
|
export default _default;
|
|
19
19
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
10
10
|
bgColor: string;
|
|
11
11
|
color: string;
|
|
12
12
|
}>>>, {
|
|
13
|
-
value: number | string;
|
|
14
13
|
height: number | string;
|
|
15
14
|
color: string;
|
|
16
15
|
bgColor: string;
|
|
16
|
+
value: number | string;
|
|
17
17
|
}, {}>;
|
|
18
18
|
export default _default;
|
|
19
19
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
|
15
15
|
onChange?: ((value: boolean) => any) | undefined;
|
|
16
16
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
17
17
|
}, {
|
|
18
|
-
size: number | string;
|
|
19
18
|
color: string;
|
|
19
|
+
size: number | string;
|
|
20
20
|
disabled: boolean;
|
|
21
21
|
}, {}>;
|
|
22
22
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -19,17 +19,17 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
19
19
|
placeholder: string;
|
|
20
20
|
disabled: boolean;
|
|
21
21
|
}>>> & {
|
|
22
|
-
onBlur?: ((value: Event) => any) | undefined;
|
|
23
|
-
onFocus?: ((value: Event) => any) | undefined;
|
|
24
22
|
onInit?: ((value: HTMLTextAreaElement) => any) | undefined;
|
|
23
|
+
onFocus?: ((value: Event) => any) | undefined;
|
|
24
|
+
onBlur?: ((value: Event) => any) | undefined;
|
|
25
25
|
onInput?: ((value: string) => any) | undefined;
|
|
26
26
|
"onUpdate:valid"?: ((value: boolean) => any) | undefined;
|
|
27
27
|
"onUpdate:text"?: ((value: string) => any) | undefined;
|
|
28
28
|
}, {
|
|
29
|
-
label: string;
|
|
30
|
-
rows: number;
|
|
31
29
|
disabled: boolean;
|
|
30
|
+
label: string;
|
|
32
31
|
placeholder: string;
|
|
32
|
+
rows: number;
|
|
33
33
|
maxRows: number;
|
|
34
34
|
}, {}>;
|
|
35
35
|
export default _default;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon_vksh7_1{min-width:var(--37ef7ada);min-height:var(--a79e32da);flex-grow:0;flex-shrink:0}._button_1ja11_1{--ui3n-button-padding: var(--spacing-m);--ui3n-button-text-size: var(--font-12);--ui3n-button-text-color-custom: var(--color-text-button-primary-default);--ui3n-button-bg-color-custom: var(--color-bg-button-primary-default);display:flex;justify-content:center;align-items:center;gap:var(--spacing-s);border:none;outline:none;border-radius:var(--spacing-xs);font-size:var(--ui3n-button-text-size);font-weight:600;line-height:calc(var(--ui3n-button-text-size) * 1.25);-webkit-user-select:none;user-select:none}._regular_1ja11_19{height:var(--spacing-l);padding:0 var(--spacing-m)}._regular_1ja11_19._withIcon-left_1ja11_23{padding-left:var(--spacing-s)}._regular_1ja11_19._withIcon-right_1ja11_26{padding-right:var(--spacing-s)}._small_1ja11_30{height:var(--spacing-ml);padding:0 var(--spacing-s)}._small_1ja11_30._withIcon-left_1ja11_23{padding-left:var(--spacing-xs)}._small_1ja11_30._withIcon-right_1ja11_26{padding-right:var(--spacing-xs)}._block_1ja11_41{width:100%}._primary_1ja11_45{background:var(--color-bg-button-primary-default);color:var(--color-text-button-primary-default)}._primary_1ja11_45:hover{background:var(--color-bg-button-primary-hover);color:var(--color-text-button-primary-hover);background-position:center;transition:background .35s ease-in-out}._primary_1ja11_45:hover:not([disabled]){cursor:pointer}._primary_1ja11_45:hover:not([disabled]):hover{background:var(--color-bg-button-primary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-primary-hover) 1%) center/15000%}._primary_1ja11_45:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._primary_1ja11_45[disabled]{background:var(--color-bg-button-primary-disabled);color:var(--color-text-button-primary-disabled);pointer-events:none}._secondary_1ja11_73{background:var(--color-bg-button-secondary-default);color:var(--color-text-button-secondary-default)}._secondary_1ja11_73:hover{background:var(--color-bg-button-secondary-hover);color:var(--color-text-button-secondary-hover);background-position:center;transition:background .35s ease-in-out}._secondary_1ja11_73:hover:not([disabled]){cursor:pointer}._secondary_1ja11_73:hover:not([disabled]):hover{background:var(--color-bg-button-secondary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-secondary-hover) 1%) center/15000%}._secondary_1ja11_73:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._secondary_1ja11_73[disabled]{background:var(--color-bg-button-secondary-disabled);color:var(--color-text-button-secondary-disabled);pointer-events:none}._tertiary_1ja11_101{background:transparent;color:var(--color-text-button-secondary-default);padding:0}._tertiary_1ja11_101:hover{background:transparent;color:var(--color-text-button-secondary-hover);text-decoration:underline;cursor:pointer}._tertiary_1ja11_101[disabled]{background:transparent;color:var(--color-text-button-secondary-disabled);pointer-events:none}._icon_1ja11_118{--ui3n-button-icon-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom);border-radius:50%}._icon_1ja11_118._regular_1ja11_19{min-width:var(--spacing-l);width:var(--spacing-l);padding:0}._icon_1ja11_118._small_1ja11_30{min-width:var(--spacing-ml);width:var(--spacing-ml);padding:0}._icon_1ja11_118:hover{background:var(--ui3n-button-icon-bg-color);background-position:center;transition:background .35s ease-in-out}._icon_1ja11_118:hover:not([disabled]){cursor:pointer}._icon_1ja11_118:hover:not([disabled]):hover{background:var(--ui3n-button-icon-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-icon-bg-color) 1%) center/15000%}._icon_1ja11_118:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._icon_1ja11_118[disabled]{opacity:.7;pointer-events:none}._custom_1ja11_156{--ui3n-button-custom-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom)}._custom_1ja11_156:hover{background:var(--ui3n-button-custom-bg-color);background-position:center;transition:background .35s ease-in-out}._custom_1ja11_156:hover:not([disabled]){cursor:pointer}._custom_1ja11_156:hover:not([disabled]):hover{background:var(--ui3n-button-custom-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-custom-bg-color) 1%) center/15000%}._custom_1ja11_156:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._custom_1ja11_156[disabled]{opacity:.7;pointer-events:none}._withIcon-left_1ja11_23{flex-direction:row}._withIcon-right_1ja11_26{flex-direction:row-reverse}._buttonIcon_1ja11_191,._text_1ja11_192{pointer-events:none}._elevation_1ja11_196{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))}._notification_1gl9l_1{--ui3n-notification-width: 380px;display:flex;position:relative;z-index:5000;border-radius:var(--spacing-s);outline:1px solid var(--color-border-control-tritery-default);padding:var(--spacing-m);max-width:var(--ui3n-notification-width);margin-bottom:var(--spacing-s);justify-content:center;align-items:center;gap:var(--spacing-s)}._withIcon_1gl9l_16{justify-content:flex-start}._icon_1gl9l_20{position:relative;min-width:var(--spacing-l);width:var(--spacing-l);min-height:var(--spacing-l);height:var(--spacing-l);border-radius:50%;display:flex;justify-content:center;align-items:center}._content_1gl9l_32{position:relative;flex-grow:2;font-size:var(--font-12);font-weight:500;line-height:var(--font-16)}._closeBtn_1gl9l_40{position:absolute;z-index:1;top:0;right:0}._infoType_1gl9l_47{background-color:var(--info-fill-default)}._infoType_1gl9l_47 ._icon_1gl9l_20{background-color:var(--info-content-default)}._infoType_1gl9l_47 ._content_1gl9l_32{color:var(--info-content-default)}._successType_1gl9l_57{background-color:var(--success-fill-default)}._successType_1gl9l_57 ._icon_1gl9l_20{background-color:var(--success-content-default)}._successType_1gl9l_57 ._content_1gl9l_32{color:var(--success-content-default)}._warningType_1gl9l_67{background-color:var(--warning-fill-default)}._warningType_1gl9l_67 ._icon_1gl9l_20{background-color:var(--warning-content-default)}._warningType_1gl9l_67 ._content_1gl9l_32{color:var(--warning-content-default)}._errorType_1gl9l_77{background-color:var(--error-fill-default)}._errorType_1gl9l_77 ._icon_1gl9l_20{background-color:var(--error-content-default)}._errorType_1gl9l_77 ._content_1gl9l_32{color:var(--error-content-default)}._leftPosition_1gl9l_87{margin-left:0;margin-right:auto}._centerPosition_1gl9l_92{margin-left:auto;margin-right:auto}._rightPosition_1gl9l_97{margin-left:auto;margin-right:0}._overlay_1g9mf_1{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}._dialog_1g9mf_11{--dialog-border-radius: 8px;--dialog-title-padding: 16px 32px 16px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--color-text-button-primary-default);--dialog-cancel-button-color: var(--color-text-button-secondary-default);--dialog-confirm-background-color: var(--color-bg-button-primary-default);--dialog-cancel-background-color: var(--color-bg-button-secondary-default);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--color-bg-block-primary-default);border-radius:var(--dialog-border-radius);outline:none;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))}._title_1g9mf_31{position:relative;width:100%;height:calc(var(--spacing-m) * 3);display:flex;justify-content:flex-start;align-items:center;padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.2;color:var(--color-text-control-primary-default);border-bottom:1px solid var(--color-border-block-primary-default);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeBtn_1g9mf_50{position:absolute;right:4px;top:12px}._content_1g9mf_56{flex-grow:2;overflow-y:auto}._actions_1g9mf_61{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s)}._bothBtns_1g9mf_69{margin-left:var(--spacing-s)}
|
|
1
|
+
._icon_vksh7_1{min-width:var(--37ef7ada);min-height:var(--a79e32da);flex-grow:0;flex-shrink:0}._button_1ja11_1{--ui3n-button-padding: var(--spacing-m);--ui3n-button-text-size: var(--font-12);--ui3n-button-text-color-custom: var(--color-text-button-primary-default);--ui3n-button-bg-color-custom: var(--color-bg-button-primary-default);display:flex;justify-content:center;align-items:center;gap:var(--spacing-s);border:none;outline:none;border-radius:var(--spacing-xs);font-size:var(--ui3n-button-text-size);font-weight:600;line-height:calc(var(--ui3n-button-text-size) * 1.25);-webkit-user-select:none;user-select:none}._regular_1ja11_19{height:var(--spacing-l);padding:0 var(--spacing-m)}._regular_1ja11_19._withIcon-left_1ja11_23{padding-left:var(--spacing-s)}._regular_1ja11_19._withIcon-right_1ja11_26{padding-right:var(--spacing-s)}._small_1ja11_30{height:var(--spacing-ml);padding:0 var(--spacing-s)}._small_1ja11_30._withIcon-left_1ja11_23{padding-left:var(--spacing-xs)}._small_1ja11_30._withIcon-right_1ja11_26{padding-right:var(--spacing-xs)}._block_1ja11_41{width:100%}._primary_1ja11_45{background:var(--color-bg-button-primary-default);color:var(--color-text-button-primary-default)}._primary_1ja11_45:hover{background:var(--color-bg-button-primary-hover);color:var(--color-text-button-primary-hover);background-position:center;transition:background .35s ease-in-out}._primary_1ja11_45:hover:not([disabled]){cursor:pointer}._primary_1ja11_45:hover:not([disabled]):hover{background:var(--color-bg-button-primary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-primary-hover) 1%) center/15000%}._primary_1ja11_45:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._primary_1ja11_45[disabled]{background:var(--color-bg-button-primary-disabled);color:var(--color-text-button-primary-disabled);pointer-events:none}._secondary_1ja11_73{background:var(--color-bg-button-secondary-default);color:var(--color-text-button-secondary-default)}._secondary_1ja11_73:hover{background:var(--color-bg-button-secondary-hover);color:var(--color-text-button-secondary-hover);background-position:center;transition:background .35s ease-in-out}._secondary_1ja11_73:hover:not([disabled]){cursor:pointer}._secondary_1ja11_73:hover:not([disabled]):hover{background:var(--color-bg-button-secondary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-secondary-hover) 1%) center/15000%}._secondary_1ja11_73:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._secondary_1ja11_73[disabled]{background:var(--color-bg-button-secondary-disabled);color:var(--color-text-button-secondary-disabled);pointer-events:none}._tertiary_1ja11_101{background:transparent;color:var(--color-text-button-secondary-default);padding:0}._tertiary_1ja11_101:hover{background:transparent;color:var(--color-text-button-secondary-hover);text-decoration:underline;cursor:pointer}._tertiary_1ja11_101[disabled]{background:transparent;color:var(--color-text-button-secondary-disabled);pointer-events:none}._icon_1ja11_118{--ui3n-button-icon-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom);border-radius:50%}._icon_1ja11_118._regular_1ja11_19{min-width:var(--spacing-l);width:var(--spacing-l);padding:0}._icon_1ja11_118._small_1ja11_30{min-width:var(--spacing-ml);width:var(--spacing-ml);padding:0}._icon_1ja11_118:hover{background:var(--ui3n-button-icon-bg-color);background-position:center;transition:background .35s ease-in-out}._icon_1ja11_118:hover:not([disabled]){cursor:pointer}._icon_1ja11_118:hover:not([disabled]):hover{background:var(--ui3n-button-icon-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-icon-bg-color) 1%) center/15000%}._icon_1ja11_118:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._icon_1ja11_118[disabled]{opacity:.7;pointer-events:none}._custom_1ja11_156{--ui3n-button-custom-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom)}._custom_1ja11_156:hover{background:var(--ui3n-button-custom-bg-color);background-position:center;transition:background .35s ease-in-out}._custom_1ja11_156:hover:not([disabled]){cursor:pointer}._custom_1ja11_156:hover:not([disabled]):hover{background:var(--ui3n-button-custom-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-custom-bg-color) 1%) center/15000%}._custom_1ja11_156:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._custom_1ja11_156[disabled]{opacity:.7;pointer-events:none}._withIcon-left_1ja11_23{flex-direction:row}._withIcon-right_1ja11_26{flex-direction:row-reverse}._buttonIcon_1ja11_191,._text_1ja11_192{pointer-events:none}._elevation_1ja11_196{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))}._chip_ifaz1_1{position:relative;display:flex;height:var(--67dd6282);padding:0 var(--562f3179);width:max-content;max-width:var(--597d0e5a);background-color:var(--7a090b86);justify-content:flex-start;align-items:center}._chip_ifaz1_1._closeable_ifaz1_12:not(._withIcon_ifaz1_12) ._body_ifaz1_12{max-width:calc(100% - 24px)}._chip_ifaz1_1._withIcon_ifaz1_12:not(._closeable_ifaz1_12) ._body_ifaz1_12{max-width:calc(100% - var(--67dd6282) - 4px)}._chip_ifaz1_1._closable_ifaz1_18._withIcon_ifaz1_12 ._body_ifaz1_12{max-width:calc(100% - var(--67dd6282) - 28px)}._body_ifaz1_12{font-size:var(--05ccf266);line-height:1;font-weight:400;color:var(--9a1b2cc4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeBtn_ifaz1_32{margin-left:var(--spacing-xs)}._withIcon_ifaz1_12 ._icon_ifaz1_36{display:flex;flex-grow:0;flex-shrink:0;border-radius:50%;overflow:hidden;margin-right:var(--spacing-xs)}._round_ifaz1_45{border-radius:calc(var(--67dd6282) / 2)}._closeable_ifaz1_12{min-width:var(--spacing-ml);padding-right:0}._plain_ifaz1_54{border:1px solid var(--9a1b2cc4)}._dropFiles_1llrn_1{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}._dropzone_1llrn_10{box-sizing:border-box;position:absolute;background-color:var(--white-0);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--spacing-xs) var(--spacing-s);border-radius:var(--spacing-s);z-index:5}._dropzoneBorder_1llrn_23{box-sizing:border-box;position:absolute;top:calc(var(--spacing-s) + 1px);bottom:calc(var(--spacing-s) + 1px);left:calc(var(--spacing-s) + 1px);right:calc(var(--spacing-s) + 1px);border-radius:var(--spacing-s);border:2px dashed var(--fill-s-focused);pointer-events:none}._dropzoneTitle_1llrn_35{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--fill-pressed);pointer-events:none}._dropzoneIcon_1llrn_43{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);border-radius:50%;background-color:var(--fill-s-focused);display:flex;justify-content:center;align-items:center;pointer-events:none}._dropzoneText_1llrn_55{margin-top:var(--spacing-ml);font-size:var(--font-12);line-height:var(--font-16);font-weight:400;color:var(--fill-pressed)}._dropzoneAdditional_1llrn_63{margin-top:var(--spacing-xs);font-size:var(--font-12);font-weight:500;color:var(--color-text-control-primary-default)}._emoji_317m0_1{--ui3n-emoji-size: 16px;display:flex;min-width:var(--ui3n-emoji-size);width:var(--ui3n-emoji-size);min-height:var(--ui3n-emoji-size);height:var(--ui3n-emoji-size);font-size:var(--ui3n-emoji-size);justify-content:center;align-items:center;cursor:pointer}._readonly_317m0_14{cursor:default}._input_1px7m_1{--ui3n-input-height: var(--spacing-l);--ui3n-input-padding-left: var(--spacing-s);--ui3n-input-padding-right: var(--spacing-s);position:relative;width:100%;border-radius:var(--spacing-xs)}._input_1px7m_1:hover ._field_1px7m_9:not(:focus-within){background-color:var(--color-bg-control-secondary-hover)}._input_1px7m_1:hover ._field_1px7m_9:not(:focus-within)::placeholder{color:var(--color-text-control-secondary-hover)}._input_1px7m_1:focus-within ._field_1px7m_9{background-color:var(--color-bg-control-secondary-focused);outline:1px solid var(--color-border-control-accent-focused)}._input_1px7m_1:focus-within ._icon_1px7m_19{color:var(--860c4154)!important}._label_1px7m_23{display:block;width:100%;font-size:var(--font-12);line-height:var(--font-16);font-weight:500;color:var(--color-text-control-primary-default);margin-bottom:var(--spacing-xs)}._field_1px7m_9{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(--spacing-xs);background-color:var(--color-bg-control-secondary-default);font-size:var(--font-13);line-height:var(--font-16);font-weight:400;color:var(--color-text-control-primary-default);transition:all .2s ease-in-out}._field_1px7m_9::placeholder{color:var(--color-text-control-secondary-default);font-style:italic;font-size:var(--font-13);line-height:var(--font-16);font-weight:400}._field_1px7m_9[disabled]{background-color:var(--color-bg-control-secondary-disabled);color:var(--color-text-control-secondary-disabled)}._icon_1px7m_19{position:absolute;left:var(--half-size, 4px);top:calc((var(--ui3n-input-height) - 16px) / 2);color:var(--color-icon-control-secondary-default)!important}._iconDisabled_1px7m_69{color:var(--860c4154)!important}._clearBtn_1px7m_73{position:absolute;right:0;top:calc((var(--ui3n-input-height) - 24px) / 2);z-index:1}._fieldMessage_1px7m_80{font-style:italic;font-size:var(--font-10);font-weight:400;line-height:1.4;margin-top:2px}._fieldMessage_1px7m_80._errorMessage_1px7m_87{color:var(--error-content-default)}._fieldMessage_1px7m_80._successMessage_1px7m_90{color:var(--success-content-default)}._clearable_1px7m_94{--ui3n-input-padding-right: var(--spacing-ml)}._withIcon_1px7m_98{--ui3n-input-padding-left: var(--spacing-ml)}._error_1px7m_87 ._label_1px7m_23{color:var(--error-content-default)!important}._error_1px7m_87 ._field_1px7m_9{outline:1px solid var(--error-content-default)!important}._success_1px7m_90 ._label_1px7m_23{color:var(--success-content-default)!important}._successIcon_1px7m_113{position:absolute;right:var(--spacing-s);bottom:var(--spacing-s)}._disabled_1px7m_119{pointer-events:none;-webkit-user-select:none;user-select:none}._withLabel_1px7m_124 ._icon_1px7m_19{top:calc((var(--ui3n-input-height) - 16px) / 2 + 20px)}._withLabel_1px7m_124 ._clearBtn_1px7m_73{top:calc((var(--ui3n-input-height) - 24px) / 2 + 20px)}._text_r2yr2_1{position:relative;width:100%;border-radius:var(--spacing-xs)}._label_r2yr2_7{display:block;width:100%;font-size:var(--font-12);line-height:var(--font-16);font-weight:600;color:var(--color-text-control-primary-default);margin-bottom:var(--spacing-xs)}._body_r2yr2_17{position:relative;width:100%;padding:var(--spacing-s) 0;background-color:var(--color-bg-control-secondary-default);border-radius:var(--spacing-xs);transition:all .2s ease-in-out}._body_r2yr2_17:hover:not(:focus-within){background-color:var(--color-bg-control-secondary-hover)}._body_r2yr2_17:hover:not(:focus-within) ._content_r2yr2_28{background-color:var(--color-bg-control-secondary-hover)}._body_r2yr2_17:hover:not(:focus-within) ._content_r2yr2_28::placeholder{color:var(--color-text-control-secondary-hover)}._content_r2yr2_28{resize:none;display:block;border:none;box-sizing:border-box;position:relative;width:100%;border-radius:var(--spacing-xs);background-color:var(--color-bg-control-secondary-default);padding:0 var(--spacing-s);font-family:Manrope,sans-serif;font-size:var(--font-13);line-height:var(--font-16);font-weight:400;color:var(--color-text-control-primary-default);transition:all .2s ease-in-out}._content_r2yr2_28::placeholder{color:var(--color-text-control-secondary-default);font-style:italic;font-size:var(--font-13);line-height:var(--font-16);font-weight:400}._content_r2yr2_28:focus-within{outline:none}._disabled_r2yr2_63{pointer-events:none;-webkit-user-select:none;user-select:none}._disabled_r2yr2_63 ._body_r2yr2_17{background-color:var(--color-bg-control-secondary-disabled)}._disabled_r2yr2_63 ._content_r2yr2_28{background-color:var(--color-bg-control-secondary-disabled);color:var(--color-text-control-secondary-disabled)}._focused_r2yr2_75 ._body_r2yr2_17{background-color:var(--color-bg-control-secondary-focused);outline:1px solid var(--color-border-control-accent-focused)}._focused_r2yr2_75 ._content_r2yr2_28{background-color:var(--color-bg-control-secondary-focused)}._checkbox_smh24_1{--ui3n-checkbox-size: 16px;--ui3n-checkbox-color: var(--color-icon-control-accent-default);--ui3n-checkbox-text-size: 12px;--ui3n-checkbox-text-color: var(--color-text-control-primary-default);--ui3n-checkbox-text-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center;min-height:var(--spacing-vl);gap:var(--spacing-s)}._noLabel_smh24_15{gap:0}._body_smh24_19{position:relative;display:flex;width:var(--ui3n-checkbox-size);height:var(--ui3n-checkbox-size);justify-content:center;align-items:center;border-radius:calc(var(--ui3n-checkbox-size) / 10);border:calc(var(--ui3n-checkbox-size) / 10) solid var(--ui3n-checkbox-color);cursor:pointer}._filled_smh24_31{background-color:var(--ui3n-checkbox-color)}._filled_smh24_31:hover{border-color:hsl(from var(--ui3n-checkbox-color) h s calc(l - 10));background-color:hsl(from var(--ui3n-checkbox-color) h s calc(l - 10));background-position:center;transition:background .35s ease-in-out}._filled_smh24_31:hover:not([disabled]){cursor:pointer}._filled_smh24_31:hover:not([disabled]):hover{background:hsl(from var(--ui3n-checkbox-color) h s calc(l - 10)) radial-gradient(circle,transparent 1%,hsl(from var(--ui3n-checkbox-color) h s calc(l - 10)) 1%) center/15000%}._filled_smh24_31:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._unfilled_smh24_53:hover{border-color:hsl(from var(--ui3n-checkbox-color) h s calc(l - 10));background-color:hsl(from transparent h s calc(l - 10));background-position:center;transition:background .35s ease-in-out}._unfilled_smh24_53:hover:not([disabled]){cursor:pointer}._unfilled_smh24_53:hover:not([disabled]):hover{background:hsl(from transparent h s calc(l - 10)) radial-gradient(circle,transparent 1%,hsl(from transparent h s calc(l - 10)) 1%) center/15000%}._unfilled_smh24_53:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._icon_smh24_72{min-height:calc(var(--ui3n-checkbox-size) - 4px);min-width:calc(var(--ui3n-checkbox-size) - 4px)}._label_smh24_77{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}._disabled_smh24_85{opacity:.7;pointer-events:none}._notification_1gl9l_1{--ui3n-notification-width: 380px;display:flex;position:relative;z-index:5000;border-radius:var(--spacing-s);outline:1px solid var(--color-border-control-tritery-default);padding:var(--spacing-m);max-width:var(--ui3n-notification-width);margin-bottom:var(--spacing-s);justify-content:center;align-items:center;gap:var(--spacing-s)}._withIcon_1gl9l_16{justify-content:flex-start}._icon_1gl9l_20{position:relative;min-width:var(--spacing-l);width:var(--spacing-l);min-height:var(--spacing-l);height:var(--spacing-l);border-radius:50%;display:flex;justify-content:center;align-items:center}._content_1gl9l_32{position:relative;flex-grow:2;font-size:var(--font-12);font-weight:500;line-height:var(--font-16)}._closeBtn_1gl9l_40{position:absolute;z-index:1;top:0;right:0}._infoType_1gl9l_47{background-color:var(--info-fill-default)}._infoType_1gl9l_47 ._icon_1gl9l_20{background-color:var(--info-content-default)}._infoType_1gl9l_47 ._content_1gl9l_32{color:var(--info-content-default)}._successType_1gl9l_57{background-color:var(--success-fill-default)}._successType_1gl9l_57 ._icon_1gl9l_20{background-color:var(--success-content-default)}._successType_1gl9l_57 ._content_1gl9l_32{color:var(--success-content-default)}._warningType_1gl9l_67{background-color:var(--warning-fill-default)}._warningType_1gl9l_67 ._icon_1gl9l_20{background-color:var(--warning-content-default)}._warningType_1gl9l_67 ._content_1gl9l_32{color:var(--warning-content-default)}._errorType_1gl9l_77{background-color:var(--error-fill-default)}._errorType_1gl9l_77 ._icon_1gl9l_20{background-color:var(--error-content-default)}._errorType_1gl9l_77 ._content_1gl9l_32{color:var(--error-content-default)}._leftPosition_1gl9l_87{margin-left:0;margin-right:auto}._centerPosition_1gl9l_92{margin-left:auto;margin-right:auto}._rightPosition_1gl9l_97{margin-left:auto;margin-right:0}._table_1smn5_1{--ui3n-table-columns-width: auto;--ui3n-table-base-head-height: 36px;--ui3n-table-group-actions-height: 48px;--ui3n-table-body-row-height: 28px;--ui3n-table-group-actions-bg-color: var(--color-bg-block-primary-default);position:relative;width:100%;height:100%;background-color:transparent;overflow-y:auto}._header_1smn5_14{position:sticky;top:0;width:100%;min-height:var(--ui3n-table-header-height);height:var(--ui3n-table-base-head-height);display:grid;grid-template-columns:var(--ui3n-table-columns-width);background-color:var(--color-bg-table-header-default);padding-left:var(--spacing-m);z-index:5}._header_1smn5_14._withGroupActions_1smn5_26{height:calc(var(--ui3n-table-base-head-height) + var(--ui3n-table-group-actions-height));padding-top:var(--ui3n-table-group-actions-height)}._header_1smn5_14 ._headerItemWrapper_1smn5_30:not(:first-child){padding:0 var(--spacing-xs)}._headerItemWrapper_1smn5_30{position:relative;display:flex;justify-content:flex-start;align-items:center}._headerItem_1smn5_30{position:relative;display:flex;justify-content:flex-start;align-items:center;width:fit-content;max-width:100%;-webkit-user-select:none;user-select:none}._sortable_1smn5_51 ._headerItem_1smn5_30{cursor:pointer}._headerText_1smn5_55{display:block;font-size:var(--font-14);font-weight:500;color:var(--color-text-table-primary-default);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._sortableActive_1smn5_66 ._headerItem_1smn5_30{gap:var(--spacing-s)}._groupActions_1smn5_70{position:absolute;top:0;left:0;display:flex;width:100%;height:var(--ui3n-table-group-actions-height);padding:0 var(--spacing-m);justify-content:space-between;align-items:center;background-color:var(--ui3n-table-group-actions-bg-color);border-left:1px solid var(--color-border-block-primary-default);border-top:1px solid var(--color-border-block-primary-default);border-right:1px solid var(--color-border-block-primary-default)}._groupActionsBody_1smn5_86{display:flex;height:100%;padding:0 var(--spacing-s);flex-grow:1}._body_1smn5_93{position:relative;width:100%}._row_1smn5_98{position:relative;width:100%;min-height:var(--ui3n-table-body-row-height);display:grid;grid-template-columns:var(--ui3n-table-columns-width);padding-left:var(--spacing-m);border-left:1px solid var(--color-border-table-primary-default);border-right:1px solid var(--color-border-table-primary-default);border-bottom:1px solid var(--color-border-block-primary-default);background-color:transparent}._row_1smn5_98._selectable_1smn5_110{cursor:pointer}._row_1smn5_98:hover,._selected_1smn5_117{background-color:var(--color-bg-control-primary-hover)}._rowCheckbox_1smn5_121{position:absolute;top:0;left:16px;width:var(--spacing-m);height:100%;display:flex;justify-content:flex-start;align-items:center;z-index:1}._bodyItem_1smn5_133{position:relative;height:100%;display:flex;justify-content:flex-start;align-items:center}._bodyItem_1smn5_133._bodyItemFirst_1smn5_140{padding-left:var(--spacing-ml)}._cell_1smn5_144{font-size:var(--font-12);font-weight:400;color:var(--color-text-table-primary-default)}._overlay_1g9mf_1{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}._dialog_1g9mf_11{--dialog-border-radius: 8px;--dialog-title-padding: 16px 32px 16px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--color-text-button-primary-default);--dialog-cancel-button-color: var(--color-text-button-secondary-default);--dialog-confirm-background-color: var(--color-bg-button-primary-default);--dialog-cancel-background-color: var(--color-bg-button-secondary-default);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--color-bg-block-primary-default);border-radius:var(--dialog-border-radius);outline:none;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))}._title_1g9mf_31{position:relative;width:100%;height:calc(var(--spacing-m) * 3);display:flex;justify-content:flex-start;align-items:center;padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.2;color:var(--color-text-control-primary-default);border-bottom:1px solid var(--color-border-block-primary-default);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeBtn_1g9mf_50{position:absolute;right:4px;top:12px}._content_1g9mf_56{flex-grow:2;overflow-y:auto}._actions_1g9mf_61{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s)}._bothBtns_1g9mf_69{margin-left:var(--spacing-s)}._menu_wclfc_1{--ui3n-menu-content-bg: var(--color-bg-control-secondary-default);position:relative;max-width:max-content;overflow:visible}._trigger_wclfc_8{position:relative;max-width:max-content}._content_wclfc_13{position:absolute;border-radius:4px;background-color:var(--ui3n-menu-content-bg);z-index:1000;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))}._list_lptzj_1{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: transparent;position:relative;width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}._title_lptzj_14{position:relative;top:0;z-index:1}._stickyTitle_lptzj_20{position:sticky}._content_lptzj_24{position:relative;flex-grow:1}._titleContent_lptzj_29,._item_lptzj_30{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}._titleContent_lptzj_29{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}._itemContent_lptzj_47{font-size:14px;font-weight:400;cursor:pointer}._itemContentDisabled_lptzj_53{pointer-events:none;cursor:default}._virtualScroll_11e4o_1{position:relative;width:100%;height:100%;overflow-y:auto}._viewport_11e4o_8{position:relative;overflow:hidden;will-change:transform}._content_11e4o_14{will-change:transform}._item_11e4o_18{position:relative;min-height:16px}._tabs_1e4hw_1{--ui3n-tabs-height: 48px;position:relative;height:var(--ui3n-tabs-height);display:flex;justify-content:center;align-items:stretch;background-color:transparent}._item_1e4hw_11{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;color:var(--3ec60794);background-position:center;transition:background .35s ease-in-out}._item_1e4hw_11:not([disabled]){cursor:pointer}._item_1e4hw_11:not([disabled]):hover{background:var(--color-bg-control-secondary-default) radial-gradient(circle,transparent 1%,var(--color-bg-control-secondary-default) 1%) center/15000%}._item_1e4hw_11:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._item_1e4hw_11:hover{background-color:var(--color-bg-control-secondary-default)}._item_1e4hw_11:after{position:absolute;content:"";left:0;width:100%;bottom:var(--7499ef98);height:var(--49658c8c);background-color:transparent;transition:background-color .25s ease-in-out}._item_1e4hw_11[disabled]{opacity:.5;cursor:default;pointer-events:none}._active_1e4hw_50{color:var(--2e2fd64e)}._active_1e4hw_50:after{background-color:var(--3b25d790);transition:background-color .25s ease-in-out}._vertical_1e4hw_58{height:auto;flex-direction:column}._vertical_1e4hw_58 ._item_1e4hw_11:after{left:var(--7499ef98);width:var(--49658c8c);bottom:0;height:100%}._badgeSimple_1z11o_1{--ui3n-badge-size: 20px;position:relative;box-sizing:border-box;background-color:var(--f16d21bc);outline:1px var(--white-0) solid}._badgeSimple_1z11o_1:not(._dot_1z11o_8){min-height:var(--ui3n-badge-size);height:var(--ui3n-badge-size);width:max-content;padding:0 6px;border-radius:10px}._dot_1z11o_8{min-width:var(--spacing-s);width:var(--spacing-s);max-width:var(--spacing-s);min-height:var(--spacing-s);height:var(--spacing-s);max-height:var(--spacing-s);border-radius:50%}._text_1z11o_26{display:block;color:var(--23897675);font-size:var(--font-12);line-height:var(--ui3n-badge-size);text-align:center}._badge_3zn0d_1{--ui3n-badge-size: 20px;position:relative}._wrapper_3zn0d_6{position:relative;width:max-content}._content_3zn0d_11{position:absolute;z-index:5}._breadcrumb_4vy8a_1{--ui3n-breadcrumb-font-size: var(--spacing-m);--ui3n-breadcrumb-color-default: var(--color-text-block-primary-default);--ui3n-breadcrumb-color-selected: var(--color-text-block-accent-default);position:relative;display:flex;align-items:center}._separator_4vy8a_10{display:flex;align-items:center;margin:0 var(--spacing-s)}._active_4vy8a_16{font-size:var(--ui3n-breadcrumb-font-size);line-height:1.25;color:var(--ui3n-breadcrumb-color-default)}._active_4vy8a_16:hover{cursor:pointer;color:var(--ui3n-breadcrumb-color-selected)}._active_4vy8a_16:hover ._separator_4vy8a_10{color:var(--ui3n-breadcrumb-color-default)}._disabled_4vy8a_29{cursor:default;pointer-events:none}._breadcrumbs_1xct1_1{position:relative;display:flex;flex-wrap:wrap}._switch_vk1e7_1{--ui3n-switch-size: 16px;--ui3n-switch-color: var(--color-icon-control-accent-default);--ui3n-switch-off-color: var(--color-bg-table-cell-pressed);--ui3n-switch-font-size: 12px;--ui3n-switch-font-color: var(--color-text-control-primary-default);--ui3n-switch-font-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-s)}._body_vk1e7_15{position:relative;background-color:var(--ui3n-switch-off-color);height:var(--ui3n-switch-size);width:calc(var(--ui3n-switch-size) * 2);border-radius:var(--ui3n-switch-size);cursor:pointer}._checked_vk1e7_24 ._body_vk1e7_15{background-color:var(--ui3n-switch-color)}._checked_vk1e7_24 ._dot_vk1e7_27{border-color:var(--ui3n-switch-color)}._noLabel_vk1e7_31{gap:0}._dot_vk1e7_27{--ui3n-switch-dot-size: calc(var(--ui3n-switch-size) / 4 * 3);position:absolute;width:var(--ui3n-switch-dot-size);height:var(--ui3n-switch-dot-size);border-radius:50%;background-color:var(--white-0);top:0;margin:calc(var(--ui3n-switch-size) / 8);transition:all .25s ease-in-out}._left_vk1e7_47{left:0}._right_vk1e7_51{left:calc(100% - var(--ui3n-switch-size))}._label_vk1e7_55{font-size:var(--ui3n-switch-font-size);font-weight:var(--ui3n-switch-font-weight);color:var(--ui3n-switch-font-color);-webkit-user-select:none;user-select:none;cursor:pointer}._disabled_vk1e7_63{opacity:.7;pointer-events:none}._stepLineBar_18ioa_1{--ui3n-step-line-bar-steps: var(--2548163c);position:relative;width:100%}._label_18ioa_7{position:relative;width:100%;text-align:center;font-size:var(--font-14);font-weight:500;line-height:var(--font-20);color:var(--color-text-block-accent-default);margin-bottom:var(--spacing-m)}._body_18ioa_18{display:flex;width:100%;justify-content:space-between;align-items:center;gap:var(--spacing-s)}._step_18ioa_1{position:relative;width:calc((100% - (var(--ui3n-step-line-bar-steps) - 1) * var(--spacing-s)) / var(--ui3n-step-line-bar-steps));height:var(--spacing-xs);border-radius:var(--spacing-xs);background-color:var(--color-bg-control-secondary-default)}._active_18ioa_34{background-color:var(--color-bg-control-accent-default)}._progress_5opxu_1{--ui3n-progress-linear-height: var(--b3d853b6);--ui3n-progress-linear-bg: var(--228245f9);--ui3n-progress-linear-color: var(--5ccf99fe);position:relative;width:100%}._body_5opxu_9{position:relative;width:100%;height:var(--ui3n-progress-linear-height);border-radius:calc(var(--ui3n-progress-linear-height) - 2px);background-color:var(--ui3n-progress-linear-bg);overflow-x:hidden}._value_5opxu_18{display:flex;justify-content:center;align-items:center;position:absolute;left:0;height:var(--ui3n-progress-linear-height);border-radius:calc(var(--ui3n-progress-linear-height) - 2px);background-color:var(--ui3n-progress-linear-color)}._text_5opxu_29{font-size:calc(var(--ui3n-progress-linear-height) - 2px);font-weight:500;line-height:var(--ui3n-progress-linear-height);color:var(--ui3n-progress-linear-bg)}._above_5opxu_36{position:relative;width:100%;text-align:center;font-size:var(--font-14);line-height:var(--font-16);color:var(--color-bg-control-accent-default)}._indeterminate_5opxu_45 ._value_5opxu_18{animation:1s linear 0s infinite normal _move_5opxu_1}@keyframes _move_5opxu_1{0%{left:-22%}to{left:122%}}._progress_8ue8g_1{--ui3n-progress-circular-size: var(--51ff6b60);--ui3n-progress-circular-width: var(--09410d57);--ui3n-progress-circular-font-size: var(--665228c4);--ui3n-progress-circular-bg: var(--e9ef786c);--ui3n-progress-circular-color: var(--07acd80f);position:relative;min-width:var(--ui3n-progress-circular-size);width:var(--ui3n-progress-circular-size);min-height:var(--ui3n-progress-circular-size);height:var(--ui3n-progress-circular-size);border-radius:50%}._progress_8ue8g_1._inverse_8ue8g_14 ._background_8ue8g_14{stroke:var(--ui3n-progress-circular-color)!important}._progress_8ue8g_1._inverse_8ue8g_14 ._chart_8ue8g_17{stroke:var(--ui3n-progress-circular-bg)!important}._progress_8ue8g_1:not(._indeterminate_8ue8g_20) ._chart_8ue8g_17{transition:.2s ease-in-out all}._pie_8ue8g_24{min-width:var(--ui3n-progress-circular-size);width:var(--ui3n-progress-circular-size);min-height:var(--ui3n-progress-circular-size);height:var(--ui3n-progress-circular-size);border-radius:50%;transform:rotate(-90deg)}._background_8ue8g_14{fill:none;stroke:var(--ui3n-progress-circular-bg);stroke-width:var(--ui3n-progress-circular-width)}._chart_8ue8g_17{fill:none;stroke:var(--ui3n-progress-circular-color);stroke-width:var(--ui3n-progress-circular-width)}._text_8ue8g_45{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:var(--ui3n-progress-circular-font-size);font-weight:500;color:var(--ui3n-progress-circular-color)}._indeterminate_8ue8g_20 ._pie_8ue8g_24{animation:.75s linear 0s infinite normal _spin_8ue8g_1}@keyframes _spin_8ue8g_1{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}._tooltip_1jt8b_1{--ui3n-tooltip-bg-color: var(--6a696248);--ui3n-tooltip-text-color: var(--0f40e92f);position:relative;width:max-content}._reference_1jt8b_8{position:relative}._floating_1jt8b_12{width:max-content;z-index:5}._arrow_1jt8b_17{position:absolute;width:0;height:0}._arrow-top_1jt8b_22,._arrow-bottom_1jt8b_22{border-style:solid;border-width:0 var(--56455e1e) var(--56455e1e) var(--56455e1e);border-color:transparent transparent var(--ui3n-tooltip-bg-color) transparent}._arrow-top_1jt8b_22{bottom:var(--32dfe58e);transform:rotate(180deg)}._arrow-bottom_1jt8b_22{top:var(--32dfe58e);transform:rotate(0)}._arrow-left_1jt8b_35,._arrow-right_1jt8b_35{border-style:solid;border-width:var(--56455e1e) 0 var(--56455e1e) var(--56455e1e);border-color:transparent transparent transparent var(--ui3n-tooltip-bg-color)}._arrow-left_1jt8b_35{right:var(--32dfe58e);transform:rotate(0)}._arrow-right_1jt8b_35{left:var(--32dfe58e);transform:rotate(180deg)}._content_1jt8b_49{position:relative;max-width:400px;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--spacing-xs);font-size:var(--font-11);line-height:var(--font-12);font-weight:400;background-color:var(--ui3n-tooltip-bg-color);color:var(--ui3n-tooltip-text-color)}
|
package/dist/ui3n-components.js
CHANGED
|
@@ -16284,10 +16284,10 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
|
|
|
16284
16284
|
emits: ["open", "opened", "close", "closed", "update:modelValue"],
|
|
16285
16285
|
setup(Q, { emit: A }) {
|
|
16286
16286
|
CQ((J) => ({
|
|
16287
|
-
"
|
|
16288
|
-
"
|
|
16289
|
-
"
|
|
16290
|
-
"
|
|
16287
|
+
"6a696248": J.color,
|
|
16288
|
+
"0f40e92f": J.textColor,
|
|
16289
|
+
"56455e1e": R.value,
|
|
16290
|
+
"32dfe58e": w.value
|
|
16291
16291
|
}));
|
|
16292
16292
|
const I = Q, C = A, E = {
|
|
16293
16293
|
...I.trigger === "hover" && !I.disabled && {
|
|
@@ -16324,10 +16324,7 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
|
|
|
16324
16324
|
open: i,
|
|
16325
16325
|
placement: I.placement,
|
|
16326
16326
|
strategy: I.positionStrategy,
|
|
16327
|
-
middleware: [
|
|
16328
|
-
oD(u.value),
|
|
16329
|
-
EL({ element: a, padding: 8 })
|
|
16330
|
-
],
|
|
16327
|
+
middleware: [oD(u.value), EL({ element: a, padding: 8 })],
|
|
16331
16328
|
whileElementsMounted: I.positionStrategy === "fixed" ? eD : void 0
|
|
16332
16329
|
});
|
|
16333
16330
|
function y(J) {
|
|
@@ -16337,12 +16334,9 @@ const Wi = /* @__PURE__ */ Ra(rK), aK = /* @__PURE__ */ Eg({
|
|
|
16337
16334
|
() => I.modelValue,
|
|
16338
16335
|
(J) => I.trigger === "manual" && (i.value = J),
|
|
16339
16336
|
{ immediate: !0 }
|
|
16340
|
-
), yg(
|
|
16341
|
-
|
|
16342
|
-
|
|
16343
|
-
C(J ? "opened" : "closed");
|
|
16344
|
-
}
|
|
16345
|
-
), (J, m) => (oA(), uA("div", {
|
|
16337
|
+
), yg(S, (J) => {
|
|
16338
|
+
C(J ? "opened" : "closed");
|
|
16339
|
+
}), (J, m) => (oA(), uA("div", {
|
|
16346
16340
|
class: BA(J.$style.tooltip)
|
|
16347
16341
|
}, [
|
|
16348
16342
|
SA("div", GQ({
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@v1nt1248/3nclient-lib",
|
|
3
3
|
"license": "AGPL-3.0-or-later",
|
|
4
4
|
"author": "v1nt1248",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.13",
|
|
6
6
|
"description": "Library for 3NWeb clients",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"files": [
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"build:components": "LIB_NAME=lib vite build",
|
|
37
37
|
"build:plugins": "LIB_NAME=plugins vite build",
|
|
38
38
|
"build:utils": "LIB_NAME=utils vite build",
|
|
39
|
-
"build": "pnpm run clean:dist && pnpm run build:
|
|
39
|
+
"build": "pnpm run clean:dist && pnpm run build:plugins && pnpm run build:utils && pnpm run build:components && pnpm run copy:css",
|
|
40
40
|
"pack": "pnpm run build && npm pack && cp *.tgz ./dist && rm *.tgz",
|
|
41
41
|
"preview": "vite preview",
|
|
42
42
|
"stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss}'",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"pinia": "2.2.1",
|
|
65
|
-
"vue": "3.4.
|
|
65
|
+
"vue": "3.4.38"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@types/lodash": "4.17.5",
|
|
@@ -71,9 +71,9 @@
|
|
|
71
71
|
"@typescript-eslint/eslint-plugin": "8.0.1",
|
|
72
72
|
"@typescript-eslint/parser": "8.0.1",
|
|
73
73
|
"@vitejs/plugin-vue": "5.1.2",
|
|
74
|
-
"@vue/compiler-core": "3.4.
|
|
74
|
+
"@vue/compiler-core": "3.4.38",
|
|
75
75
|
"@vue/eslint-config-typescript": "13.0.0",
|
|
76
|
-
"@vue/runtime-core": "3.4.
|
|
76
|
+
"@vue/runtime-core": "3.4.38",
|
|
77
77
|
"@vuedx/typescript-plugin-vue": "0.7.6",
|
|
78
78
|
"eslint": "9.9.0",
|
|
79
79
|
"eslint-config-prettier": "^9.1.0",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"vite-plugin-dts": "4.0.2",
|
|
100
100
|
"vite-plugin-vue-devtools": "^7.3.7",
|
|
101
101
|
"vitepress": "1.3.2",
|
|
102
|
-
"vue": "3.4.
|
|
102
|
+
"vue": "3.4.38",
|
|
103
103
|
"vue-tsc": "2.0.29"
|
|
104
104
|
},
|
|
105
105
|
"packageManager": "pnpm@9.7.0",
|
|
@@ -5,30 +5,29 @@ import type { Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots } from './typ
|
|
|
5
5
|
|
|
6
6
|
const baseOffset = 5;
|
|
7
7
|
|
|
8
|
-
const props = withDefaults(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
trigger: 'hover',
|
|
18
|
-
},
|
|
19
|
-
);
|
|
8
|
+
const props = withDefaults(defineProps<Ui3nTooltipProps>(), {
|
|
9
|
+
color: 'var(--color-bg-control-secondary-default)',
|
|
10
|
+
textColor: 'var(--color-text-control-primary-default)',
|
|
11
|
+
placement: 'top',
|
|
12
|
+
positionStrategy: 'absolute',
|
|
13
|
+
offsetX: 0,
|
|
14
|
+
offsetY: 0,
|
|
15
|
+
trigger: 'hover',
|
|
16
|
+
});
|
|
20
17
|
|
|
21
18
|
const emits = defineEmits<Ui3nTooltipEmits>();
|
|
22
19
|
defineSlots<Ui3nTooltipSlots>();
|
|
23
20
|
|
|
24
21
|
const referenceElEventHandler = {
|
|
25
|
-
...(props.trigger === 'hover' &&
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
22
|
+
...(props.trigger === 'hover' &&
|
|
23
|
+
!props.disabled && {
|
|
24
|
+
mouseenter: () => handleMouseEvents(true),
|
|
25
|
+
mouseleave: () => handleMouseEvents(false),
|
|
26
|
+
}),
|
|
27
|
+
...(props.trigger === 'click' &&
|
|
28
|
+
!props.disabled && {
|
|
29
|
+
click: () => handleMouseEvents(!showTooltip.value),
|
|
30
|
+
}),
|
|
32
31
|
};
|
|
33
32
|
|
|
34
33
|
const showTooltip = ref(false);
|
|
@@ -72,10 +71,7 @@ const { floatingStyles, isPositioned, middlewareData } = useFloating(referenceEl
|
|
|
72
71
|
open: showTooltip,
|
|
73
72
|
placement: props.placement,
|
|
74
73
|
strategy: props.positionStrategy,
|
|
75
|
-
middleware: [
|
|
76
|
-
offset(offsetOptions.value),
|
|
77
|
-
arrow({ element: floatingArrowEl, padding: 8 }),
|
|
78
|
-
],
|
|
74
|
+
middleware: [offset(offsetOptions.value), arrow({ element: floatingArrowEl, padding: 8 })],
|
|
79
75
|
whileElementsMounted: props.positionStrategy === 'fixed' ? autoUpdate : undefined,
|
|
80
76
|
});
|
|
81
77
|
|
|
@@ -87,16 +83,13 @@ function handleMouseEvents(val: boolean) {
|
|
|
87
83
|
|
|
88
84
|
watch(
|
|
89
85
|
() => props.modelValue,
|
|
90
|
-
|
|
86
|
+
val => props.trigger === 'manual' && (showTooltip.value = val),
|
|
91
87
|
{ immediate: true },
|
|
92
88
|
);
|
|
93
89
|
|
|
94
|
-
watch(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
val ? emits('opened') : emits('closed');
|
|
98
|
-
},
|
|
99
|
-
);
|
|
90
|
+
watch(isPositioned, val => {
|
|
91
|
+
val ? emits('opened') : emits('closed');
|
|
92
|
+
});
|
|
100
93
|
</script>
|
|
101
94
|
|
|
102
95
|
<template>
|
|
@@ -109,7 +102,12 @@ watch(
|
|
|
109
102
|
<slot name="default" />
|
|
110
103
|
</div>
|
|
111
104
|
|
|
112
|
-
<div
|
|
105
|
+
<div
|
|
106
|
+
ref="floatingEl"
|
|
107
|
+
:class="$style.floating"
|
|
108
|
+
:style="floatingStyles"
|
|
109
|
+
v-if="showTooltip"
|
|
110
|
+
>
|
|
113
111
|
<slot name="content">
|
|
114
112
|
<div :class="$style.content">
|
|
115
113
|
{{ props.content }}
|