@profitliga/ui 2.0.2 → 2.0.4
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/AlertDialog/AlertDialogAction.vue.js +2 -3
- package/dist/components/AlertDialog/AlertDialogCancel.vue.js +8 -9
- package/dist/components/AlertDialog/AlertDialogTrigger.vue.js +7 -8
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/Button/Button.vue.js +5 -52
- package/dist/components/Button/Button.vue2.js +52 -3
- package/dist/components/Calendar/CalendarNext.vue.js +3 -4
- package/dist/components/Calendar/CalendarPrev.vue.js +7 -8
- package/dist/components/ConfirmDialog/ConfirmDialog.vue2.js +11 -12
- package/dist/components/DatePicker/DatePickerNext.vue.js +1 -2
- package/dist/components/DatePicker/DatePickerPrev.vue.js +7 -8
- package/dist/components/DateRangePicker/DateRangePickerNext.vue.js +6 -7
- package/dist/components/DateRangePicker/DateRangePickerPrev.vue.js +7 -8
- package/dist/components/RangeCalendar/RangeCalendarNext.vue.js +3 -4
- package/dist/components/RangeCalendar/RangeCalendarPrev.vue.js +3 -4
- package/dist/components/Schedule/Schedule.vue2.js +38 -39
- package/dist/components/index.js +391 -392
- package/dist/components/v2/AlertDialog/AlertDialog.css +1 -1
- package/dist/components/v2/AlertDialog/AlertDialog.types.d.ts +2 -2
- package/dist/components/v2/AlertDialog/AlertDialog.vue.d.ts +2 -2
- package/dist/components/v2/AlertDialog/AlertDialog.vue.js +2 -2
- package/dist/components/v2/AlertDialog/AlertDialog.vue2.js +29 -29
- package/dist/components/v2/Checkbox/Checkbox.css +1 -1
- package/dist/components/v2/Checkbox/Checkbox.types.d.ts +11 -0
- package/dist/components/v2/Checkbox/Checkbox.vue.d.ts +2 -0
- package/dist/components/v2/Checkbox/Checkbox.vue.js +2 -2
- package/dist/components/v2/Checkbox/Checkbox.vue2.js +61 -49
- package/dist/components/v2/Combobox/Combobox.css +1 -1
- package/dist/components/v2/Combobox/Combobox.types.d.ts +28 -2
- package/dist/components/v2/Combobox/Combobox.vue.d.ts +3 -2
- package/dist/components/v2/Combobox/Combobox.vue.js +1 -1
- package/dist/components/v2/Combobox/Combobox.vue2.js +305 -251
- package/dist/components/v2/ConfirmDialog/ConfirmDialog.types.d.ts +2 -2
- package/dist/components/v2/ConfirmDialog/ConfirmDialog.vue.d.ts +2 -2
- package/dist/components/v2/ConfirmDialog/ConfirmDialog.vue.js +6 -6
- package/dist/components/v2/DatePicker/DatePicker.css +1 -1
- package/dist/components/v2/DatePicker/DatePicker.types.d.ts +2 -2
- package/dist/components/v2/DatePicker/DatePicker.vue.d.ts +2 -2
- package/dist/components/v2/DatePicker/DatePicker.vue.js +2 -2
- package/dist/components/v2/DatePicker/DatePicker.vue2.js +54 -54
- package/dist/components/v2/Divider/Divider.css +1 -1
- package/dist/components/v2/Divider/Divider.types.d.ts +8 -0
- package/dist/components/v2/Divider/Divider.vue.js +2 -2
- package/dist/components/v2/DropdownMenu/DropdownMenu.types.d.ts +2 -2
- package/dist/components/v2/DropdownMenu/DropdownMenu.vue.d.ts +2 -2
- package/dist/components/v2/DropdownMenu/DropdownMenu.vue2.js +6 -6
- package/dist/components/v2/FileUpload/FileUpload.css +1 -1
- package/dist/components/v2/FileUpload/FileUpload.vue.js +2 -2
- package/dist/components/v2/FileUpload/FileUpload.vue2.js +16 -16
- package/dist/components/v2/FormField/FormField.css +1 -0
- package/dist/components/v2/FormField/FormField.types.d.ts +48 -0
- package/dist/components/v2/FormField/FormField.vue.d.ts +25 -0
- package/dist/components/v2/FormField/FormField.vue.js +8 -0
- package/dist/components/v2/FormField/FormField.vue2.js +54 -0
- package/dist/components/v2/FormField/index.d.ts +3 -0
- package/dist/components/v2/Image/Image.css +1 -0
- package/dist/components/v2/Image/Image.types.d.ts +26 -0
- package/dist/components/v2/Image/Image.vue.d.ts +16 -0
- package/dist/components/v2/Image/Image.vue.js +8 -0
- package/dist/components/v2/Image/Image.vue2.js +91 -0
- package/dist/components/v2/Image/ImageList.css +1 -0
- package/dist/components/v2/Image/ImageList.types.d.ts +28 -0
- package/dist/components/v2/Image/ImageList.vue.d.ts +15 -0
- package/dist/components/v2/Image/ImageList.vue.js +8 -0
- package/dist/components/v2/Image/ImageList.vue2.js +38 -0
- package/dist/components/v2/Image/index.d.ts +5 -0
- package/dist/components/v2/Input/Input.css +1 -1
- package/dist/components/v2/Input/Input.vue.js +2 -2
- package/dist/components/v2/Input/Input.vue2.js +113 -107
- package/dist/components/v2/InputNumber/InputNumber.css +1 -1
- package/dist/components/v2/InputNumber/InputNumber.vue.js +2 -2
- package/dist/components/v2/InputNumber/InputNumber.vue2.js +22 -21
- package/dist/components/v2/InputSelect/InputSelect.types.d.ts +2 -2
- package/dist/components/v2/InputSelect/InputSelect.vue.d.ts +2 -2
- package/dist/components/v2/InputSelect/InputSelect.vue.js +14 -14
- package/dist/components/v2/InputSelect/InputSelectChip.css +1 -1
- package/dist/components/v2/InputSelect/InputSelectChip.vue.d.ts +3 -3
- package/dist/components/v2/InputSelect/InputSelectChip.vue.js +2 -2
- package/dist/components/v2/InputSelect/InputSelectChip.vue2.js +17 -17
- package/dist/components/v2/Popover/Popover.css +1 -1
- package/dist/components/v2/Popover/Popover.types.d.ts +2 -2
- package/dist/components/v2/Popover/Popover.vue.d.ts +2 -2
- package/dist/components/v2/Popover/Popover.vue.js +2 -2
- package/dist/components/v2/Popover/Popover.vue2.js +24 -24
- package/dist/components/v2/Radio/Radio.css +1 -1
- package/dist/components/v2/Radio/Radio.vue.d.ts +4 -0
- package/dist/components/v2/Radio/Radio.vue.js +1 -1
- package/dist/components/v2/Radio/Radio.vue2.js +57 -49
- package/dist/components/v2/Schedule/Schedule.css +1 -1
- package/dist/components/v2/Schedule/Schedule.types.d.ts +2 -2
- package/dist/components/v2/Schedule/Schedule.vue.d.ts +2 -2
- package/dist/components/v2/Schedule/Schedule.vue.js +3 -3
- package/dist/components/v2/Schedule/Schedule.vue2.js +55 -55
- package/dist/components/v2/Select/Select.css +1 -1
- package/dist/components/v2/Select/Select.types.d.ts +8 -2
- package/dist/components/v2/Select/Select.vue.js +3 -3
- package/dist/components/v2/Select/Select.vue2.js +143 -127
- package/dist/components/v2/Toast/Toast.types.d.ts +2 -2
- package/dist/components/v2/Toast/Toaster.css +1 -1
- package/dist/components/v2/Toast/Toaster.vue.d.ts +2 -2
- package/dist/components/v2/Toast/Toaster.vue.js +1 -1
- package/dist/components/v2/Toast/Toaster.vue2.js +17 -17
- package/dist/components/v2/Tooltip/Tooltip.css +1 -1
- package/dist/components/v2/Tooltip/Tooltip.types.d.ts +2 -2
- package/dist/components/v2/Tooltip/Tooltip.vue.d.ts +2 -2
- package/dist/components/v2/Tooltip/Tooltip.vue.js +1 -1
- package/dist/components/v2/Tooltip/Tooltip.vue2.js +39 -38
- package/dist/components/v2/Tooltip/TooltipContent.css +1 -1
- package/dist/components/v2/Tooltip/TooltipContent.vue.d.ts +2 -2
- package/dist/components/v2/Tooltip/TooltipContent.vue.js +2 -2
- package/dist/components/v2/Tooltip/TooltipContent.vue2.js +20 -20
- package/dist/components/v2/Tooltip/vTooltip.directive.js +40 -41
- package/dist/components/v2/index.d.ts +2 -0
- package/dist/components/v2/index.js +82 -76
- package/dist/components/v2/shared/isHtmlElement.util.d.ts +15 -0
- package/dist/components/v2/shared/isHtmlElement.util.js +10 -0
- package/dist/components/v2/shared/useIsMobile.util.d.ts +13 -0
- package/dist/components/v2/shared/useIsMobile.util.js +8 -0
- package/dist/components/v2/shared/useTriggerAria.util.js +4 -3
- package/dist/types/global.types.d.ts +10 -0
- package/package.json +3 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, VNode } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
3
3
|
import { AlertDialogVariant } from '../AlertDialog/AlertDialog.types';
|
|
4
4
|
import { ButtonProps } from '../Button/Button.types';
|
|
5
5
|
export type ConfirmVariant = AlertDialogVariant;
|
|
@@ -37,7 +37,7 @@ export interface ConfirmService {
|
|
|
37
37
|
close: () => void;
|
|
38
38
|
}
|
|
39
39
|
export interface ConfirmDialogProps {
|
|
40
|
-
breakpointMobile?:
|
|
40
|
+
breakpointMobile?: TBreakpointMobile;
|
|
41
41
|
/** Базовый `data-testid`; внутренние части получают суффикс имени части. */
|
|
42
42
|
testId?: string;
|
|
43
43
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ConfirmDialogProps } from './ConfirmDialog.types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
import {
|
|
3
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
4
4
|
declare const _default: DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ConfirmDialogProps> & Readonly<{}>, {
|
|
5
|
-
breakpointMobile:
|
|
5
|
+
breakpointMobile: TBreakpointMobile;
|
|
6
6
|
testId: string;
|
|
7
7
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
8
8
|
export default _default;
|
|
@@ -7,11 +7,11 @@ import { registerConfirmDialog as H, confirmState as p } from "./useConfirm.js";
|
|
|
7
7
|
const Z = /* @__PURE__ */ P({
|
|
8
8
|
__name: "ConfirmDialog",
|
|
9
9
|
props: {
|
|
10
|
-
breakpointMobile: { default: "sm" },
|
|
10
|
+
breakpointMobile: { type: [String, Boolean], default: "sm" },
|
|
11
11
|
testId: { default: void 0 }
|
|
12
12
|
},
|
|
13
13
|
setup(f) {
|
|
14
|
-
const _ = f, C = G(() => _.testId), { isActive: j, unregister:
|
|
14
|
+
const _ = f, C = G(() => _.testId), { isActive: j, unregister: S } = H(), m = B(null);
|
|
15
15
|
let b;
|
|
16
16
|
R(p, (t) => {
|
|
17
17
|
if (clearTimeout(b), t) {
|
|
@@ -22,7 +22,7 @@ const Z = /* @__PURE__ */ P({
|
|
|
22
22
|
m.value = null;
|
|
23
23
|
}, q);
|
|
24
24
|
});
|
|
25
|
-
const e = n(() => p.value ?? m.value),
|
|
25
|
+
const e = n(() => p.value ?? m.value), N = n(() => p.value !== null), O = n(
|
|
26
26
|
() => !!(e.value?.content || e.value?.description)
|
|
27
27
|
), r = B(!1), u = B(!1), y = n(() => r.value || u.value), g = n(() => {
|
|
28
28
|
const { label: t, enabled: s, ...a } = e.value?.acceptProps ?? {};
|
|
@@ -80,10 +80,10 @@ const Z = /* @__PURE__ */ P({
|
|
|
80
80
|
t || D();
|
|
81
81
|
}
|
|
82
82
|
return U(() => {
|
|
83
|
-
clearTimeout(b),
|
|
83
|
+
clearTimeout(b), S();
|
|
84
84
|
}), (t, s) => l(j) ? (o(), c(l(K), {
|
|
85
85
|
key: 0,
|
|
86
|
-
open:
|
|
86
|
+
open: N.value,
|
|
87
87
|
variant: e.value?.variant,
|
|
88
88
|
width: e.value?.width ?? 500,
|
|
89
89
|
"breakpoint-mobile": f.breakpointMobile,
|
|
@@ -117,7 +117,7 @@ const Z = /* @__PURE__ */ P({
|
|
|
117
117
|
]),
|
|
118
118
|
key: "0"
|
|
119
119
|
} : void 0,
|
|
120
|
-
|
|
120
|
+
O.value ? {
|
|
121
121
|
name: "default",
|
|
122
122
|
fn: i(() => [
|
|
123
123
|
e.value?.content ? (o(), c(A(e.value?.content), { key: 0 })) : (o(), z(F, { key: 1 }, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.date-picker-field[data-v-
|
|
1
|
+
.date-picker-field[data-v-b59dbb47]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.date-picker-field[data-v-b59dbb47]:hover{border-color:var(--input-border-color-hover)}.date-picker-field__main[data-v-b59dbb47]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.date-picker-field__main[data-v-b59dbb47]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.date-picker-field__main[data-v-b59dbb47]:disabled{cursor:not-allowed}.date-picker-field--open[data-v-b59dbb47]{border-color:var(--input-border-color-focus)}.date-picker-field--disabled[data-v-b59dbb47]{cursor:not-allowed;opacity:.6}.date-picker-field--small[data-v-b59dbb47]{height:var(--input-height-small)}.date-picker-field--large[data-v-b59dbb47]{height:var(--input-height-large)}.date-picker-field__icon[data-v-b59dbb47]{color:var(--theme-neutral-icon-caption);flex:none}.date-picker-field__placeholder[data-v-b59dbb47],.date-picker-field__value[data-v-b59dbb47]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.date-picker-field__placeholder[data-v-b59dbb47]{font-size:var(--input-font-size);color:var(--input-color-placeholder)}.date-picker-field__value[data-v-b59dbb47]{font-size:var(--input-font-size);color:var(--theme-neutral-text-body)}.date-picker-field__clear[data-v-b59dbb47]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.date-picker-field__clear[data-v-b59dbb47]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-field__clear svg[data-v-b59dbb47]{width:100%;height:100%}.date-picker-field__clear[data-v-b59dbb47]:hover{color:var(--color-error-500)}.date-picker-calendar[data-v-b59dbb47]{padding:16px}.date-picker-calendar__header[data-v-b59dbb47]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-picker-calendar__title[data-v-b59dbb47]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.date-picker-calendar__close[data-v-b59dbb47]{width:24px;height:24px;color:var(--theme-neutral-icon-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.date-picker-calendar__close[data-v-b59dbb47]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-calendar__close[data-v-b59dbb47]:hover{color:var(--theme-neutral-icon-primary)}.date-picker-calendar__footer[data-v-b59dbb47]{flex-direction:column;align-items:center;gap:12px;margin-top:16px;display:flex}.date-picker-calendar__summary[data-v-b59dbb47]{color:var(--theme-primary-500);text-align:center;margin:0;font-size:.9375rem;font-weight:500}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CalendarDate } from '@internationalized/date';
|
|
2
|
-
import {
|
|
2
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
3
3
|
import { CalendarRangeValue, CalendarWeekdayFormat, CalendarWeekStartsOn } from '../Calendar';
|
|
4
4
|
export type { CalendarRangeValue };
|
|
5
5
|
export type DatePickerModelValue = CalendarDate | CalendarRangeValue | undefined;
|
|
@@ -25,7 +25,7 @@ export interface DatePickerProps {
|
|
|
25
25
|
format?: string;
|
|
26
26
|
/** Разделитель между границами диапазона в поле */
|
|
27
27
|
rangeSeparator?: string;
|
|
28
|
-
breakpointMobile?:
|
|
28
|
+
breakpointMobile?: TBreakpointMobile;
|
|
29
29
|
/**
|
|
30
30
|
* Доступное имя поля. По умолчанию берётся `placeholder`; выбранное
|
|
31
31
|
* значение подставляется к нему автоматически.
|
|
@@ -2,7 +2,7 @@ import { CalendarDate } from '@internationalized/date';
|
|
|
2
2
|
import { CalendarRangeValue, DatePickerProps, DatePickerLabels } from './DatePicker.types';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
4
|
import { CalendarWeekStartsOn, CalendarWeekdayFormat } from '..';
|
|
5
|
-
import {
|
|
5
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
6
6
|
type __VLS_Props = DatePickerProps;
|
|
7
7
|
type __VLS_PublicProps = {
|
|
8
8
|
modelValue?: CalendarDate | CalendarRangeValue | undefined;
|
|
@@ -26,7 +26,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
|
|
|
26
26
|
numberOfMonths: number;
|
|
27
27
|
isDateDisabled: (date: CalendarDate) => boolean;
|
|
28
28
|
range: boolean;
|
|
29
|
-
breakpointMobile:
|
|
29
|
+
breakpointMobile: TBreakpointMobile;
|
|
30
30
|
format: string;
|
|
31
31
|
showClear: boolean;
|
|
32
32
|
testId: string;
|
|
@@ -2,7 +2,7 @@ import './DatePicker.css';
|
|
|
2
2
|
import o from "./DatePicker.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b59dbb47"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
m as default
|
|
8
8
|
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as A, useId as F, computed as
|
|
1
|
+
import { defineComponent as A, useId as F, computed as i, useModel as Y, ref as j, watch as E, openBlock as c, createBlock as R, unref as l, withCtx as w, createElementVNode as f, mergeProps as b, createElementBlock as v, toDisplayString as p, createVNode as k, createCommentVNode as V, createTextVNode as U, normalizeStyle as X, normalizeClass as H, withModifiers as W, mergeModels as Z } from "vue";
|
|
2
2
|
import { getLocalTimeZone as $ } from "@internationalized/date";
|
|
3
3
|
import { X as q, CalendarIcon as G, CircleX as J } from "@lucide/vue";
|
|
4
|
-
import { breakpoints as K } from "../../../utils/breakpoints.util.js";
|
|
5
4
|
import { dayjs as O } from "../../../utils/dayjs.util.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
5
|
+
import K from "../Button/Button.vue.js";
|
|
6
|
+
import Q from "../Calendar/Calendar.vue.js";
|
|
7
|
+
import _ from "../Popover/Popover.vue.js";
|
|
8
|
+
import { useIsMobile as ee } from "../shared/useIsMobile.util.js";
|
|
9
9
|
import { useTestId as ae } from "../shared/useTestId.util.js";
|
|
10
10
|
const te = ["disabled", "aria-label"], le = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "date-picker-field__placeholder"
|
|
13
|
-
},
|
|
13
|
+
}, oe = {
|
|
14
14
|
key: 1,
|
|
15
15
|
class: "date-picker-field__value"
|
|
16
|
-
},
|
|
16
|
+
}, re = ["aria-label"], ie = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "date-picker-calendar__header"
|
|
19
|
-
},
|
|
19
|
+
}, de = ["aria-label"], ne = {
|
|
20
20
|
key: 1,
|
|
21
21
|
class: "date-picker-calendar__footer"
|
|
22
22
|
}, se = {
|
|
@@ -42,7 +42,7 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
42
42
|
pagedNavigation: { type: Boolean, default: !0 },
|
|
43
43
|
format: { default: "DD.MM.YYYY" },
|
|
44
44
|
rangeSeparator: { default: " – " },
|
|
45
|
-
breakpointMobile: { default: "sm" },
|
|
45
|
+
breakpointMobile: { type: [String, Boolean], default: "sm" },
|
|
46
46
|
label: { default: void 0 },
|
|
47
47
|
labels: { default: void 0 },
|
|
48
48
|
testId: { default: void 0 }
|
|
@@ -54,48 +54,48 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
54
54
|
}),
|
|
55
55
|
emits: ["update:modelValue"],
|
|
56
56
|
setup(a) {
|
|
57
|
-
const t = a, m = ae(() => t.testId),
|
|
58
|
-
function
|
|
57
|
+
const t = a, m = ae(() => t.testId), S = `date-picker-title-${F()}`, y = i(() => t.labels?.title ?? "Выбрать дату"), n = Y(a, "modelValue");
|
|
58
|
+
function d(e) {
|
|
59
59
|
return !!e && typeof e == "object" && !Array.isArray(e) && "start" in e;
|
|
60
60
|
}
|
|
61
|
-
const s = j(!1), u =
|
|
61
|
+
const s = j(!1), u = ee(t.breakpointMobile), x = i(
|
|
62
62
|
() => Math.max(t.numberOfMonths, ue)
|
|
63
|
-
), B =
|
|
63
|
+
), B = i(
|
|
64
64
|
() => t.width === "full" ? "100%" : `${t.width}px`
|
|
65
|
-
), I =
|
|
65
|
+
), I = i(() => t.numberOfMonths <= 1 ? 320 : t.numberOfMonths * 276 + (t.numberOfMonths - 1) * 24 + 32);
|
|
66
66
|
function g(e) {
|
|
67
67
|
return O(e.toDate($())).format(t.format);
|
|
68
68
|
}
|
|
69
|
-
const
|
|
69
|
+
const C = i(() => {
|
|
70
70
|
const e = n.value;
|
|
71
|
-
return t.range ?
|
|
72
|
-
}), h =
|
|
71
|
+
return t.range ? d(e) && (!!e.start || !!e.end) : !!e && !d(e);
|
|
72
|
+
}), h = i(() => {
|
|
73
73
|
const e = n.value;
|
|
74
74
|
if (t.range) {
|
|
75
|
-
if (!
|
|
76
|
-
const
|
|
77
|
-
return `${
|
|
75
|
+
if (!d(e) || !e.start && !e.end) return "";
|
|
76
|
+
const o = e.start ? g(e.start) : "…", r = e.end ? g(e.end) : "…";
|
|
77
|
+
return `${o}${t.rangeSeparator}${r}`;
|
|
78
78
|
}
|
|
79
|
-
return e && !
|
|
80
|
-
}), N =
|
|
79
|
+
return e && !d(e) ? g(e) : "";
|
|
80
|
+
}), N = i(() => {
|
|
81
81
|
const e = t.label ?? t.placeholder;
|
|
82
82
|
return h.value ? `${e}: ${h.value}` : e;
|
|
83
83
|
});
|
|
84
84
|
function M(e) {
|
|
85
85
|
return O(e.toDate($())).format("D MMMM");
|
|
86
86
|
}
|
|
87
|
-
const z =
|
|
87
|
+
const z = i(() => {
|
|
88
88
|
const e = n.value;
|
|
89
89
|
if (t.range) {
|
|
90
|
-
if (!
|
|
91
|
-
const
|
|
92
|
-
return `Выбранный диапазон: ${
|
|
90
|
+
if (!d(e) || !e.start && !e.end) return "";
|
|
91
|
+
const o = e.start ? M(e.start) : "…", r = e.end ? M(e.end) : "…";
|
|
92
|
+
return `Выбранный диапазон: ${o} — ${r}`;
|
|
93
93
|
}
|
|
94
|
-
return e && !
|
|
95
|
-
}), L =
|
|
94
|
+
return e && !d(e) ? `Выбранная дата: ${M(e)}` : "";
|
|
95
|
+
}), L = i(() => {
|
|
96
96
|
const e = n.value;
|
|
97
|
-
return t.range ?
|
|
98
|
-
}), D =
|
|
97
|
+
return t.range ? d(e) ? e.start ?? e.end : void 0 : e && !d(e) ? e : void 0;
|
|
98
|
+
}), D = i({
|
|
99
99
|
get: () => n.value,
|
|
100
100
|
set: (e) => {
|
|
101
101
|
n.value = Array.isArray(e) ? e[0] : e;
|
|
@@ -110,24 +110,24 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
110
110
|
return E(n, (e) => {
|
|
111
111
|
if (u.value) {
|
|
112
112
|
if (t.range) {
|
|
113
|
-
|
|
113
|
+
d(e) && e.start && e.end && (s.value = !1);
|
|
114
114
|
return;
|
|
115
115
|
}
|
|
116
116
|
e && (s.value = !1);
|
|
117
117
|
}
|
|
118
|
-
}), (e,
|
|
118
|
+
}), (e, o) => (c(), R(l(_), {
|
|
119
119
|
open: s.value,
|
|
120
|
-
"onUpdate:open":
|
|
120
|
+
"onUpdate:open": o[3] || (o[3] = (r) => s.value = r),
|
|
121
121
|
side: "bottom",
|
|
122
122
|
align: "start",
|
|
123
123
|
arrow: !1,
|
|
124
124
|
width: I.value,
|
|
125
125
|
"breakpoint-mobile": a.breakpointMobile,
|
|
126
126
|
label: l(u) ? void 0 : y.value,
|
|
127
|
-
"labelled-by": l(u) ?
|
|
127
|
+
"labelled-by": l(u) ? S : void 0,
|
|
128
128
|
"test-id": a.testId
|
|
129
129
|
}, {
|
|
130
|
-
trigger: w(({ props:
|
|
130
|
+
trigger: w(({ props: r }) => [
|
|
131
131
|
f("div", {
|
|
132
132
|
class: H(["date-picker-field", [
|
|
133
133
|
`date-picker-field--${a.size}`,
|
|
@@ -144,15 +144,15 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
144
144
|
class: "date-picker-field__main",
|
|
145
145
|
disabled: a.disabled,
|
|
146
146
|
"aria-label": N.value
|
|
147
|
-
}, { ...
|
|
148
|
-
|
|
147
|
+
}, { ...r, ...l(m)("field") }), [
|
|
148
|
+
k(l(G), {
|
|
149
149
|
class: "date-picker-field__icon",
|
|
150
150
|
size: 18,
|
|
151
151
|
"aria-hidden": "true"
|
|
152
152
|
}),
|
|
153
|
-
h.value ? (c(), v("span",
|
|
153
|
+
h.value ? (c(), v("span", oe, p(h.value), 1)) : (c(), v("span", le, p(a.placeholder), 1))
|
|
154
154
|
], 16, te),
|
|
155
|
-
a.showClear &&
|
|
155
|
+
a.showClear && C.value ? (c(), v("button", b({
|
|
156
156
|
key: 0,
|
|
157
157
|
type: "button",
|
|
158
158
|
class: "date-picker-field__clear",
|
|
@@ -160,30 +160,30 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
160
160
|
}, l(m)("clear"), {
|
|
161
161
|
onClick: W(T, ["stop"])
|
|
162
162
|
}), [
|
|
163
|
-
|
|
164
|
-
], 16,
|
|
163
|
+
k(l(J))
|
|
164
|
+
], 16, re)) : V("", !0)
|
|
165
165
|
], 6)
|
|
166
166
|
]),
|
|
167
167
|
default: w(() => [
|
|
168
168
|
f("div", b({ class: "date-picker-calendar" }, l(m)("calendar")), [
|
|
169
|
-
l(u) ? (c(), v("div",
|
|
169
|
+
l(u) ? (c(), v("div", ie, [
|
|
170
170
|
f("span", {
|
|
171
|
-
id:
|
|
171
|
+
id: S,
|
|
172
172
|
class: "date-picker-calendar__title"
|
|
173
|
-
},
|
|
173
|
+
}, p(y.value), 1),
|
|
174
174
|
f("button", b({
|
|
175
175
|
type: "button",
|
|
176
176
|
class: "date-picker-calendar__close",
|
|
177
177
|
"aria-label": a.labels?.close ?? "Закрыть"
|
|
178
178
|
}, l(m)("close"), {
|
|
179
|
-
onClick:
|
|
179
|
+
onClick: o[0] || (o[0] = (r) => s.value = !1)
|
|
180
180
|
}), [
|
|
181
|
-
|
|
182
|
-
], 16,
|
|
181
|
+
k(l(q), { size: 20 })
|
|
182
|
+
], 16, de)
|
|
183
183
|
])) : V("", !0),
|
|
184
|
-
|
|
184
|
+
k(l(Q), {
|
|
185
185
|
modelValue: D.value,
|
|
186
|
-
"onUpdate:modelValue":
|
|
186
|
+
"onUpdate:modelValue": o[1] || (o[1] = (r) => D.value = r),
|
|
187
187
|
range: a.range,
|
|
188
188
|
locale: a.locale,
|
|
189
189
|
"week-starts-on": a.weekStartsOn,
|
|
@@ -198,16 +198,16 @@ const te = ["disabled", "aria-label"], le = {
|
|
|
198
198
|
"default-placeholder": L.value,
|
|
199
199
|
"test-id": a.testId
|
|
200
200
|
}, null, 8, ["modelValue", "range", "locale", "week-starts-on", "weekday-format", "number-of-months", "paged-navigation", "scrollable", "min-value", "max-value", "is-date-disabled", "disabled", "default-placeholder", "test-id"]),
|
|
201
|
-
!l(u) &&
|
|
202
|
-
f("p", se,
|
|
203
|
-
|
|
201
|
+
!l(u) && C.value ? (c(), v("div", ne, [
|
|
202
|
+
f("p", se, p(z.value), 1),
|
|
203
|
+
k(l(K), b({
|
|
204
204
|
variant: "success",
|
|
205
205
|
full: ""
|
|
206
206
|
}, l(m)("submit"), {
|
|
207
|
-
onClick:
|
|
207
|
+
onClick: o[2] || (o[2] = (r) => s.value = !1)
|
|
208
208
|
}), {
|
|
209
209
|
default: w(() => [
|
|
210
|
-
U(
|
|
210
|
+
U(p(y.value), 1)
|
|
211
211
|
]),
|
|
212
212
|
_: 1
|
|
213
213
|
}, 16)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.divider-v2[data-v-
|
|
1
|
+
.divider-v2[data-v-c13dce29]{--divider-color:var(--theme-neutral-250);--divider-thickness:1px;--divider-spacing:0rem;--divider-align-length:1.5rem;align-items:center;gap:.75rem;display:flex}.divider-v2--spacing-small[data-v-c13dce29]{--divider-spacing:.5rem}.divider-v2--spacing-medium[data-v-c13dce29]{--divider-spacing:1rem}.divider-v2--spacing-large[data-v-c13dce29]{--divider-spacing:1.5rem}.divider-v2__content[data-v-c13dce29]{color:var(--theme-neutral-text-caption);flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1rem}.divider-v2__line[data-v-c13dce29]{flex:auto}.divider-v2--dashed[data-v-c13dce29]{--divider-style:dashed}.divider-v2--dotted[data-v-c13dce29]{--divider-style:dotted}.divider-v2--horizontal[data-v-c13dce29]{width:100%;margin-block:var(--divider-spacing)}.divider-v2--horizontal.divider-v2--plain[data-v-c13dce29],.divider-v2--horizontal .divider-v2__line[data-v-c13dce29]{border-block-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--horizontal.divider-v2--start .divider-v2__line[data-v-c13dce29]:first-child,.divider-v2--horizontal.divider-v2--end .divider-v2__line[data-v-c13dce29]:last-child{flex:0 0 var(--divider-align-length)}.divider-v2--vertical[data-v-c13dce29]{min-height:100%;margin-inline:var(--divider-spacing);flex-direction:column;align-self:stretch}.divider-v2--vertical.divider-v2--plain[data-v-c13dce29],.divider-v2--vertical .divider-v2__line[data-v-c13dce29]{border-inline-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--vertical.divider-v2--start .divider-v2__line[data-v-c13dce29]:first-child,.divider-v2--vertical.divider-v2--end .divider-v2__line[data-v-c13dce29]:last-child{flex:0 0 var(--divider-align-length)}
|
|
@@ -15,6 +15,14 @@ export interface DividerProps {
|
|
|
15
15
|
align?: DividerAlign;
|
|
16
16
|
/** Толщина линии в пикселях. */
|
|
17
17
|
thickness?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Отступы над и под линией.
|
|
20
|
+
*
|
|
21
|
+
* Задаются как `margin-block` в scoped-стилях компонента, а у них
|
|
22
|
+
* специфичность выше (`[data-v-*]`), чем у одиночного класса. Поэтому
|
|
23
|
+
* `my-*` и прочие утилиты Tailwind снаружи разделитель не подвинут —
|
|
24
|
+
* отступ нужно менять этим пропом. Не баг, но встречают неожиданно.
|
|
25
|
+
*/
|
|
18
26
|
spacing?: DividerSpacing;
|
|
19
27
|
/** Цвет линии. Любое значение, допустимое в CSS. */
|
|
20
28
|
color?: string;
|
|
@@ -2,7 +2,7 @@ import './Divider.css';
|
|
|
2
2
|
import o from "./Divider.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c13dce29"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
i as default
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
3
3
|
import { PopoverAlign, PopoverSide } from '../Popover';
|
|
4
4
|
export interface DropdownMenuItemData {
|
|
5
5
|
type?: 'item';
|
|
@@ -29,7 +29,7 @@ export interface DropdownMenuProps {
|
|
|
29
29
|
alignOffset?: number;
|
|
30
30
|
arrow?: boolean;
|
|
31
31
|
zIndex?: number | 'auto';
|
|
32
|
-
breakpointMobile?:
|
|
32
|
+
breakpointMobile?: TBreakpointMobile;
|
|
33
33
|
disableOutsidePointerEvents?: boolean;
|
|
34
34
|
/**
|
|
35
35
|
* Доступное имя меню (`aria-label`) — скринридер объявляет его при
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DropdownMenuItemData, DropdownMenuProps } from './DropdownMenu.types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
import { PopoverSide, PopoverAlign } from '..';
|
|
4
|
-
import {
|
|
4
|
+
import { TBreakpointMobile } from '../../../types/global.types';
|
|
5
5
|
type __VLS_Props = DropdownMenuProps;
|
|
6
6
|
type __VLS_PublicProps = {
|
|
7
7
|
'open'?: boolean;
|
|
@@ -42,7 +42,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
|
|
|
42
42
|
sideOffset: number;
|
|
43
43
|
align: PopoverAlign;
|
|
44
44
|
alignOffset: number;
|
|
45
|
-
breakpointMobile:
|
|
45
|
+
breakpointMobile: TBreakpointMobile;
|
|
46
46
|
arrow: boolean;
|
|
47
47
|
testId: string;
|
|
48
48
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as F, useModel as q, useTemplateRef as N, ref as U, useId as V, computed as H, watch as j, openBlock as l, createBlock as O, unref as f, withCtx as M, createElementVNode as B, mergeProps as b, createElementBlock as d, Fragment as I, renderList as
|
|
1
|
+
import { defineComponent as F, useModel as q, useTemplateRef as N, ref as U, useId as V, computed as H, watch as j, openBlock as l, createBlock as O, unref as f, withCtx as M, createElementVNode as B, mergeProps as b, createElementBlock as d, Fragment as I, renderList as S, toDisplayString as P, createCommentVNode as $, resolveDynamicComponent as G, renderSlot as J, normalizeProps as L, guardReactiveProps as Q, mergeModels as C, nextTick as W } from "vue";
|
|
2
2
|
import X from "../Popover/Popover.vue.js";
|
|
3
3
|
import { useTestId as Y } from "../shared/useTestId.util.js";
|
|
4
4
|
const Z = ["aria-label"], ee = ["role", "aria-labelledby"], te = ["id"], ne = ["disabled", "tabindex", "data-menu-index", "onClick", "onMouseenter"], oe = { class: "dropdown-menu__item-label" }, se = /* @__PURE__ */ F({
|
|
@@ -12,7 +12,7 @@ const Z = ["aria-label"], ee = ["role", "aria-labelledby"], te = ["id"], ne = ["
|
|
|
12
12
|
alignOffset: { default: 0 },
|
|
13
13
|
arrow: { type: Boolean, default: !1 },
|
|
14
14
|
zIndex: { default: "auto" },
|
|
15
|
-
breakpointMobile: { default: "sm" },
|
|
15
|
+
breakpointMobile: { type: [String, Boolean], default: "sm" },
|
|
16
16
|
disableOutsidePointerEvents: { type: Boolean, default: !1 },
|
|
17
17
|
label: { default: void 0 },
|
|
18
18
|
testId: { default: void 0 }
|
|
@@ -138,7 +138,7 @@ const Z = ["aria-label"], ee = ["role", "aria-labelledby"], te = ["id"], ne = ["
|
|
|
138
138
|
"aria-orientation": "vertical",
|
|
139
139
|
class: "dropdown-menu"
|
|
140
140
|
}, f(c)("content"), { onKeydown: T }), [
|
|
141
|
-
(l(!0), d(I, null,
|
|
141
|
+
(l(!0), d(I, null, S(K.value, (t, a) => (l(), d(I, { key: a }, [
|
|
142
142
|
t.type === "separator" ? (l(), d("div", b({
|
|
143
143
|
key: 0,
|
|
144
144
|
role: "separator",
|
|
@@ -154,8 +154,8 @@ const Z = ["aria-label"], ee = ["role", "aria-labelledby"], te = ["id"], ne = ["
|
|
|
154
154
|
id: t.labelId,
|
|
155
155
|
role: "presentation",
|
|
156
156
|
class: "dropdown-menu__label"
|
|
157
|
-
}, { ref_for: !0 }, f(c)("label", t.index)),
|
|
158
|
-
(l(!0), d(I, null,
|
|
157
|
+
}, { ref_for: !0 }, f(c)("label", t.index)), P(t.label), 17, te)) : $("", !0),
|
|
158
|
+
(l(!0), d(I, null, S(t.items, ({ entry: i, index: p }) => (l(), d("button", b({
|
|
159
159
|
key: p,
|
|
160
160
|
type: "button",
|
|
161
161
|
role: "menuitem",
|
|
@@ -174,7 +174,7 @@ const Z = ["aria-label"], ee = ["role", "aria-labelledby"], te = ["id"], ne = ["
|
|
|
174
174
|
class: "dropdown-menu__item-icon",
|
|
175
175
|
"aria-hidden": "true"
|
|
176
176
|
})) : $("", !0),
|
|
177
|
-
B("span", oe,
|
|
177
|
+
B("span", oe, P(i.label), 1)
|
|
178
178
|
], 16, ne))), 128))
|
|
179
179
|
], 8, ee))
|
|
180
180
|
], 64))), 128))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.file-upload[data-v-
|
|
1
|
+
.file-upload[data-v-0c87172c]{box-sizing:border-box;background-color:var(--theme-neutral-250_40);border:.0625rem solid var(--theme-neutral-border-default);border-radius:.75rem;flex-direction:column;gap:.625rem;padding:.75rem;display:flex}.file-upload--disabled[data-v-0c87172c]{opacity:.7;cursor:not-allowed}.file-upload__header[data-v-0c87172c]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.file-upload__heading[data-v-0c87172c]{align-items:center;gap:.5rem;min-width:0;display:flex}.file-upload__title[data-v-0c87172c]{color:var(--theme-neutral-text-title);overflow-wrap:break-word;font-size:1rem;font-weight:600;line-height:1.25rem}.file-upload__hint[data-v-0c87172c]{width:1rem;height:1rem;color:var(--theme-neutral-icon-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-upload__hint[data-v-0c87172c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__hint svg[data-v-0c87172c]{width:1rem;height:1rem}.file-upload__hint-content[data-v-0c87172c]{flex-direction:column;gap:.25rem;display:flex}.file-upload__hint-image[data-v-0c87172c]{object-fit:contain;border-radius:.5rem;width:100%;max-height:15rem}.file-upload__required[data-v-0c87172c]{color:var(--theme-error-500);flex-shrink:0;align-items:center;gap:.25rem;font-size:.625rem;font-weight:400;line-height:1.2;display:flex}.file-upload__required svg[data-v-0c87172c]{width:.875rem;height:.875rem}.file-upload__body[data-v-0c87172c]{align-items:stretch;gap:.25rem;height:8.25rem;display:flex}.file-upload__dropzone[data-v-0c87172c]{box-sizing:border-box;background-color:var(--theme-neutral-0);border:.0625rem dashed var(--theme-neutral-border-default);min-width:0;height:100%;transition:border-color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;border-radius:.75rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.file-upload__dropzone--filled[data-v-0c87172c]{gap:.75rem}.file-upload__dropzone--dragging[data-v-0c87172c]{background-color:var(--theme-primary-50);border-color:var(--theme-primary-500)}.file-upload__drop[data-v-0c87172c]{align-items:center;gap:.25rem;display:flex}.file-upload__drop-icon[data-v-0c87172c]{width:2.25rem;height:2.25rem;color:var(--theme-neutral-text-subtitle);justify-content:center;align-items:center;display:flex}.file-upload__drop-icon svg[data-v-0c87172c]{width:1rem;height:1rem}.file-upload__drop-text[data-v-0c87172c]{color:var(--theme-neutral-text-subtitle);font-size:.75rem;font-weight:500;line-height:1rem}.file-upload__divider[data-v-0c87172c]{align-items:center;gap:.25rem;width:100%;display:flex}.file-upload__divider-line[data-v-0c87172c]{background-color:var(--theme-neutral-border-divider);flex:1 1 0;min-width:0;height:.0625rem}.file-upload__divider-text[data-v-0c87172c]{color:var(--theme-neutral-text-caption);white-space:nowrap;font-size:.75rem;font-weight:400;line-height:1rem}.file-upload__list[data-v-0c87172c]{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.file-upload__track[data-v-0c87172c]{scrollbar-width:none;flex:1 1 0;align-items:center;gap:.5rem;min-width:0;margin:-.625rem -.5rem;padding:.625rem .5rem;display:flex;overflow-x:auto}.file-upload__track[data-v-0c87172c]::-webkit-scrollbar{display:none}.file-upload__scroll[data-v-0c87172c]{width:1.5rem;height:1.5rem;color:var(--theme-neutral-icon-negative);background-color:var(--theme-primary-500);box-shadow:var(--theme-shadow-button);cursor:pointer;transition:background-color var(--animation-duration-fast) ease;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-upload__scroll[data-v-0c87172c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__scroll svg[data-v-0c87172c]{width:.75rem;height:.75rem}.file-upload__scroll[data-v-0c87172c]:hover{background-color:var(--theme-primary-600)}.file-upload__button[data-v-0c87172c]{box-sizing:border-box;width:100%;height:2rem;color:var(--theme-primary-600);white-space:nowrap;background-color:var(--theme-primary-75);cursor:pointer;transition:color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1rem;display:flex}.file-upload__button[data-v-0c87172c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__button svg[data-v-0c87172c]{width:1rem;height:1rem}.file-upload__button[data-v-0c87172c]:hover:not(:disabled){color:var(--theme-primary-700);background-color:var(--theme-primary-200)}.file-upload__button[data-v-0c87172c]:disabled{color:var(--theme-neutral-text-disabled);background-color:var(--theme-neutral-surface-disabled);cursor:not-allowed}.file-upload__input[data-v-0c87172c]{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.file-upload__example[data-v-0c87172c]{flex-direction:column;flex-shrink:0;gap:.25rem;width:8.25rem;display:flex}.file-upload__example-label[data-v-0c87172c]{color:var(--theme-neutral-text-body);font-size:.75rem;font-weight:500;line-height:1rem}.file-upload__example-preview[data-v-0c87172c]{border:.0625rem dashed var(--theme-neutral-border-default);cursor:pointer;background:0 0;border-radius:.5rem;flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.file-upload__example-preview[data-v-0c87172c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__example-image[data-v-0c87172c]{object-fit:cover;width:100%;height:100%}.file-upload__example-zoom[data-v-0c87172c]{color:var(--theme-neutral-icon-negative);opacity:0;transition:opacity var(--animation-duration-fast) ease;background-color:#16161666;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-upload__example-zoom svg[data-v-0c87172c]{width:2rem;height:2rem}.file-upload__example-preview:hover .file-upload__example-zoom[data-v-0c87172c],.file-upload__example-preview:focus-visible .file-upload__example-zoom[data-v-0c87172c]{opacity:1}
|
|
@@ -2,7 +2,7 @@ import './FileUpload.css';
|
|
|
2
2
|
import o from "./FileUpload.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c87172c"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
c as default
|
|
8
8
|
};
|