@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.
Files changed (121) hide show
  1. package/dist/components/AlertDialog/AlertDialogAction.vue.js +2 -3
  2. package/dist/components/AlertDialog/AlertDialogCancel.vue.js +8 -9
  3. package/dist/components/AlertDialog/AlertDialogTrigger.vue.js +7 -8
  4. package/dist/components/Button/Button.css +1 -1
  5. package/dist/components/Button/Button.vue.js +5 -52
  6. package/dist/components/Button/Button.vue2.js +52 -3
  7. package/dist/components/Calendar/CalendarNext.vue.js +3 -4
  8. package/dist/components/Calendar/CalendarPrev.vue.js +7 -8
  9. package/dist/components/ConfirmDialog/ConfirmDialog.vue2.js +11 -12
  10. package/dist/components/DatePicker/DatePickerNext.vue.js +1 -2
  11. package/dist/components/DatePicker/DatePickerPrev.vue.js +7 -8
  12. package/dist/components/DateRangePicker/DateRangePickerNext.vue.js +6 -7
  13. package/dist/components/DateRangePicker/DateRangePickerPrev.vue.js +7 -8
  14. package/dist/components/RangeCalendar/RangeCalendarNext.vue.js +3 -4
  15. package/dist/components/RangeCalendar/RangeCalendarPrev.vue.js +3 -4
  16. package/dist/components/Schedule/Schedule.vue2.js +38 -39
  17. package/dist/components/index.js +391 -392
  18. package/dist/components/v2/AlertDialog/AlertDialog.css +1 -1
  19. package/dist/components/v2/AlertDialog/AlertDialog.types.d.ts +2 -2
  20. package/dist/components/v2/AlertDialog/AlertDialog.vue.d.ts +2 -2
  21. package/dist/components/v2/AlertDialog/AlertDialog.vue.js +2 -2
  22. package/dist/components/v2/AlertDialog/AlertDialog.vue2.js +29 -29
  23. package/dist/components/v2/Checkbox/Checkbox.css +1 -1
  24. package/dist/components/v2/Checkbox/Checkbox.types.d.ts +11 -0
  25. package/dist/components/v2/Checkbox/Checkbox.vue.d.ts +2 -0
  26. package/dist/components/v2/Checkbox/Checkbox.vue.js +2 -2
  27. package/dist/components/v2/Checkbox/Checkbox.vue2.js +61 -49
  28. package/dist/components/v2/Combobox/Combobox.css +1 -1
  29. package/dist/components/v2/Combobox/Combobox.types.d.ts +28 -2
  30. package/dist/components/v2/Combobox/Combobox.vue.d.ts +3 -2
  31. package/dist/components/v2/Combobox/Combobox.vue.js +1 -1
  32. package/dist/components/v2/Combobox/Combobox.vue2.js +305 -251
  33. package/dist/components/v2/ConfirmDialog/ConfirmDialog.types.d.ts +2 -2
  34. package/dist/components/v2/ConfirmDialog/ConfirmDialog.vue.d.ts +2 -2
  35. package/dist/components/v2/ConfirmDialog/ConfirmDialog.vue.js +6 -6
  36. package/dist/components/v2/DatePicker/DatePicker.css +1 -1
  37. package/dist/components/v2/DatePicker/DatePicker.types.d.ts +2 -2
  38. package/dist/components/v2/DatePicker/DatePicker.vue.d.ts +2 -2
  39. package/dist/components/v2/DatePicker/DatePicker.vue.js +2 -2
  40. package/dist/components/v2/DatePicker/DatePicker.vue2.js +54 -54
  41. package/dist/components/v2/Divider/Divider.css +1 -1
  42. package/dist/components/v2/Divider/Divider.types.d.ts +8 -0
  43. package/dist/components/v2/Divider/Divider.vue.js +2 -2
  44. package/dist/components/v2/DropdownMenu/DropdownMenu.types.d.ts +2 -2
  45. package/dist/components/v2/DropdownMenu/DropdownMenu.vue.d.ts +2 -2
  46. package/dist/components/v2/DropdownMenu/DropdownMenu.vue2.js +6 -6
  47. package/dist/components/v2/FileUpload/FileUpload.css +1 -1
  48. package/dist/components/v2/FileUpload/FileUpload.vue.js +2 -2
  49. package/dist/components/v2/FileUpload/FileUpload.vue2.js +16 -16
  50. package/dist/components/v2/FormField/FormField.css +1 -0
  51. package/dist/components/v2/FormField/FormField.types.d.ts +48 -0
  52. package/dist/components/v2/FormField/FormField.vue.d.ts +25 -0
  53. package/dist/components/v2/FormField/FormField.vue.js +8 -0
  54. package/dist/components/v2/FormField/FormField.vue2.js +54 -0
  55. package/dist/components/v2/FormField/index.d.ts +3 -0
  56. package/dist/components/v2/Image/Image.css +1 -0
  57. package/dist/components/v2/Image/Image.types.d.ts +26 -0
  58. package/dist/components/v2/Image/Image.vue.d.ts +16 -0
  59. package/dist/components/v2/Image/Image.vue.js +8 -0
  60. package/dist/components/v2/Image/Image.vue2.js +91 -0
  61. package/dist/components/v2/Image/ImageList.css +1 -0
  62. package/dist/components/v2/Image/ImageList.types.d.ts +28 -0
  63. package/dist/components/v2/Image/ImageList.vue.d.ts +15 -0
  64. package/dist/components/v2/Image/ImageList.vue.js +8 -0
  65. package/dist/components/v2/Image/ImageList.vue2.js +38 -0
  66. package/dist/components/v2/Image/index.d.ts +5 -0
  67. package/dist/components/v2/Input/Input.css +1 -1
  68. package/dist/components/v2/Input/Input.vue.js +2 -2
  69. package/dist/components/v2/Input/Input.vue2.js +113 -107
  70. package/dist/components/v2/InputNumber/InputNumber.css +1 -1
  71. package/dist/components/v2/InputNumber/InputNumber.vue.js +2 -2
  72. package/dist/components/v2/InputNumber/InputNumber.vue2.js +22 -21
  73. package/dist/components/v2/InputSelect/InputSelect.types.d.ts +2 -2
  74. package/dist/components/v2/InputSelect/InputSelect.vue.d.ts +2 -2
  75. package/dist/components/v2/InputSelect/InputSelect.vue.js +14 -14
  76. package/dist/components/v2/InputSelect/InputSelectChip.css +1 -1
  77. package/dist/components/v2/InputSelect/InputSelectChip.vue.d.ts +3 -3
  78. package/dist/components/v2/InputSelect/InputSelectChip.vue.js +2 -2
  79. package/dist/components/v2/InputSelect/InputSelectChip.vue2.js +17 -17
  80. package/dist/components/v2/Popover/Popover.css +1 -1
  81. package/dist/components/v2/Popover/Popover.types.d.ts +2 -2
  82. package/dist/components/v2/Popover/Popover.vue.d.ts +2 -2
  83. package/dist/components/v2/Popover/Popover.vue.js +2 -2
  84. package/dist/components/v2/Popover/Popover.vue2.js +24 -24
  85. package/dist/components/v2/Radio/Radio.css +1 -1
  86. package/dist/components/v2/Radio/Radio.vue.d.ts +4 -0
  87. package/dist/components/v2/Radio/Radio.vue.js +1 -1
  88. package/dist/components/v2/Radio/Radio.vue2.js +57 -49
  89. package/dist/components/v2/Schedule/Schedule.css +1 -1
  90. package/dist/components/v2/Schedule/Schedule.types.d.ts +2 -2
  91. package/dist/components/v2/Schedule/Schedule.vue.d.ts +2 -2
  92. package/dist/components/v2/Schedule/Schedule.vue.js +3 -3
  93. package/dist/components/v2/Schedule/Schedule.vue2.js +55 -55
  94. package/dist/components/v2/Select/Select.css +1 -1
  95. package/dist/components/v2/Select/Select.types.d.ts +8 -2
  96. package/dist/components/v2/Select/Select.vue.js +3 -3
  97. package/dist/components/v2/Select/Select.vue2.js +143 -127
  98. package/dist/components/v2/Toast/Toast.types.d.ts +2 -2
  99. package/dist/components/v2/Toast/Toaster.css +1 -1
  100. package/dist/components/v2/Toast/Toaster.vue.d.ts +2 -2
  101. package/dist/components/v2/Toast/Toaster.vue.js +1 -1
  102. package/dist/components/v2/Toast/Toaster.vue2.js +17 -17
  103. package/dist/components/v2/Tooltip/Tooltip.css +1 -1
  104. package/dist/components/v2/Tooltip/Tooltip.types.d.ts +2 -2
  105. package/dist/components/v2/Tooltip/Tooltip.vue.d.ts +2 -2
  106. package/dist/components/v2/Tooltip/Tooltip.vue.js +1 -1
  107. package/dist/components/v2/Tooltip/Tooltip.vue2.js +39 -38
  108. package/dist/components/v2/Tooltip/TooltipContent.css +1 -1
  109. package/dist/components/v2/Tooltip/TooltipContent.vue.d.ts +2 -2
  110. package/dist/components/v2/Tooltip/TooltipContent.vue.js +2 -2
  111. package/dist/components/v2/Tooltip/TooltipContent.vue2.js +20 -20
  112. package/dist/components/v2/Tooltip/vTooltip.directive.js +40 -41
  113. package/dist/components/v2/index.d.ts +2 -0
  114. package/dist/components/v2/index.js +82 -76
  115. package/dist/components/v2/shared/isHtmlElement.util.d.ts +15 -0
  116. package/dist/components/v2/shared/isHtmlElement.util.js +10 -0
  117. package/dist/components/v2/shared/useIsMobile.util.d.ts +13 -0
  118. package/dist/components/v2/shared/useIsMobile.util.js +8 -0
  119. package/dist/components/v2/shared/useTriggerAria.util.js +4 -3
  120. package/dist/types/global.types.d.ts +10 -0
  121. package/package.json +3 -1
@@ -1,5 +1,5 @@
1
1
  import { Component, VNode } from 'vue';
2
- import { TBreakpoints } from '../../../types/global.types';
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?: TBreakpoints;
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 { TBreakpoints } from '../../../types/global.types';
3
+ import { TBreakpointMobile } from '../../../types/global.types';
4
4
  declare const _default: DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ConfirmDialogProps> & Readonly<{}>, {
5
- breakpointMobile: TBreakpoints;
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: N } = H(), m = B(null);
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), O = n(() => p.value !== null), S = n(
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), N();
83
+ clearTimeout(b), S();
84
84
  }), (t, s) => l(j) ? (o(), c(l(K), {
85
85
  key: 0,
86
- open: O.value,
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
- S.value ? {
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-e2156ddc]{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-e2156ddc]:hover{border-color:var(--input-border-color-hover)}.date-picker-field__main[data-v-e2156ddc]{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-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.date-picker-field__main[data-v-e2156ddc]:disabled{cursor:not-allowed}.date-picker-field--open[data-v-e2156ddc]{border-color:var(--input-border-color-focus)}.date-picker-field--disabled[data-v-e2156ddc]{cursor:not-allowed;opacity:.6}.date-picker-field--small[data-v-e2156ddc]{height:var(--input-height-small)}.date-picker-field--large[data-v-e2156ddc]{height:var(--input-height-large)}.date-picker-field__icon[data-v-e2156ddc]{color:var(--theme-neutral-icon-caption);flex:none}.date-picker-field__placeholder[data-v-e2156ddc],.date-picker-field__value[data-v-e2156ddc]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.date-picker-field__placeholder[data-v-e2156ddc]{font-size:var(--input-font-size);color:var(--input-color-placeholder)}.date-picker-field__value[data-v-e2156ddc]{font-size:var(--input-font-size);color:var(--theme-neutral-text-body)}.date-picker-field__clear[data-v-e2156ddc]{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-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-field__clear svg[data-v-e2156ddc]{width:100%;height:100%}.date-picker-field__clear[data-v-e2156ddc]:hover{color:var(--color-error-500)}.date-picker-calendar[data-v-e2156ddc]{padding:16px}.date-picker-calendar__header[data-v-e2156ddc]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-picker-calendar__title[data-v-e2156ddc]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.date-picker-calendar__close[data-v-e2156ddc]{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-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-calendar__close[data-v-e2156ddc]:hover{color:var(--theme-neutral-icon-primary)}.date-picker-calendar__footer[data-v-e2156ddc]{flex-direction:column;align-items:center;gap:12px;margin-top:16px;display:flex}.date-picker-calendar__summary[data-v-e2156ddc]{color:var(--theme-primary-500);text-align:center;margin:0;font-size:.9375rem;font-weight:500}
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 { TBreakpoints } from '../../../types/global.types';
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?: TBreakpoints;
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 { TBreakpoints } from '../../../types/global.types';
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: TBreakpoints;
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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e2156ddc"]]);
5
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b59dbb47"]]);
6
6
  export {
7
- c as default
7
+ m as default
8
8
  };
@@ -1,22 +1,22 @@
1
- import { defineComponent as A, useId as F, computed as d, 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 k, createVNode as p, createCommentVNode as V, createTextVNode as U, normalizeStyle as X, normalizeClass as H, withModifiers as W, mergeModels as Z } from "vue";
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 Q from "../Button/Button.vue.js";
7
- import _ from "../Calendar/Calendar.vue.js";
8
- import ee from "../Popover/Popover.vue.js";
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
- }, re = {
13
+ }, oe = {
14
14
  key: 1,
15
15
  class: "date-picker-field__value"
16
- }, oe = ["aria-label"], de = {
16
+ }, re = ["aria-label"], ie = {
17
17
  key: 0,
18
18
  class: "date-picker-calendar__header"
19
- }, ie = ["aria-label"], ne = {
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), C = `date-picker-title-${F()}`, y = d(() => t.labels?.title ?? "Выбрать дату"), n = Y(a, "modelValue");
58
- function i(e) {
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 = K.smaller(t.breakpointMobile), x = d(
61
+ const s = j(!1), u = ee(t.breakpointMobile), x = i(
62
62
  () => Math.max(t.numberOfMonths, ue)
63
- ), B = d(
63
+ ), B = i(
64
64
  () => t.width === "full" ? "100%" : `${t.width}px`
65
- ), I = d(() => t.numberOfMonths <= 1 ? 320 : t.numberOfMonths * 276 + (t.numberOfMonths - 1) * 24 + 32);
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 S = d(() => {
69
+ const C = i(() => {
70
70
  const e = n.value;
71
- return t.range ? i(e) && (!!e.start || !!e.end) : !!e && !i(e);
72
- }), h = d(() => {
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 (!i(e) || !e.start && !e.end) return "";
76
- const r = e.start ? g(e.start) : "…", o = e.end ? g(e.end) : "…";
77
- return `${r}${t.rangeSeparator}${o}`;
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 && !i(e) ? g(e) : "";
80
- }), N = d(() => {
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 = d(() => {
87
+ const z = i(() => {
88
88
  const e = n.value;
89
89
  if (t.range) {
90
- if (!i(e) || !e.start && !e.end) return "";
91
- const r = e.start ? M(e.start) : "…", o = e.end ? M(e.end) : "…";
92
- return `Выбранный диапазон: ${r} — ${o}`;
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 && !i(e) ? `Выбранная дата: ${M(e)}` : "";
95
- }), L = d(() => {
94
+ return e && !d(e) ? `Выбранная дата: ${M(e)}` : "";
95
+ }), L = i(() => {
96
96
  const e = n.value;
97
- return t.range ? i(e) ? e.start ?? e.end : void 0 : e && !i(e) ? e : void 0;
98
- }), D = 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
- i(e) && e.start && e.end && (s.value = !1);
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, r) => (c(), R(l(ee), {
118
+ }), (e, o) => (c(), R(l(_), {
119
119
  open: s.value,
120
- "onUpdate:open": r[3] || (r[3] = (o) => s.value = o),
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) ? C : void 0,
127
+ "labelled-by": l(u) ? S : void 0,
128
128
  "test-id": a.testId
129
129
  }, {
130
- trigger: w(({ props: o }) => [
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
- }, { ...o, ...l(m)("field") }), [
148
- p(l(G), {
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", re, k(h.value), 1)) : (c(), v("span", le, k(a.placeholder), 1))
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 && S.value ? (c(), v("button", b({
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
- p(l(J))
164
- ], 16, oe)) : V("", !0)
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", de, [
169
+ l(u) ? (c(), v("div", ie, [
170
170
  f("span", {
171
- id: C,
171
+ id: S,
172
172
  class: "date-picker-calendar__title"
173
- }, k(y.value), 1),
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: r[0] || (r[0] = (o) => s.value = !1)
179
+ onClick: o[0] || (o[0] = (r) => s.value = !1)
180
180
  }), [
181
- p(l(q), { size: 20 })
182
- ], 16, ie)
181
+ k(l(q), { size: 20 })
182
+ ], 16, de)
183
183
  ])) : V("", !0),
184
- p(l(_), {
184
+ k(l(Q), {
185
185
  modelValue: D.value,
186
- "onUpdate:modelValue": r[1] || (r[1] = (o) => D.value = o),
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) && S.value ? (c(), v("div", ne, [
202
- f("p", se, k(z.value), 1),
203
- p(l(Q), b({
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: r[2] || (r[2] = (o) => s.value = !1)
207
+ onClick: o[2] || (o[2] = (r) => s.value = !1)
208
208
  }), {
209
209
  default: w(() => [
210
- U(k(y.value), 1)
210
+ U(p(y.value), 1)
211
211
  ]),
212
212
  _: 1
213
213
  }, 16)
@@ -1 +1 @@
1
- .divider-v2[data-v-c694304a]{--divider-color:var(--theme-neutral-250);--divider-thickness:1px;--divider-spacing:0rem;--divider-align-length:1.5rem;align-items:center;gap:.25rem;display:flex}.divider-v2--spacing-small[data-v-c694304a]{--divider-spacing:.5rem}.divider-v2--spacing-medium[data-v-c694304a]{--divider-spacing:1rem}.divider-v2--spacing-large[data-v-c694304a]{--divider-spacing:1.5rem}.divider-v2__content[data-v-c694304a]{color:var(--theme-neutral-text-caption);flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1rem}.divider-v2__line[data-v-c694304a]{flex:auto}.divider-v2--dashed[data-v-c694304a]{--divider-style:dashed}.divider-v2--dotted[data-v-c694304a]{--divider-style:dotted}.divider-v2--horizontal[data-v-c694304a]{width:100%;margin-block:var(--divider-spacing)}.divider-v2--horizontal.divider-v2--plain[data-v-c694304a],.divider-v2--horizontal .divider-v2__line[data-v-c694304a]{border-block-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--horizontal.divider-v2--start .divider-v2__line[data-v-c694304a]:first-child,.divider-v2--horizontal.divider-v2--end .divider-v2__line[data-v-c694304a]:last-child{flex:0 0 var(--divider-align-length)}.divider-v2--vertical[data-v-c694304a]{min-height:100%;margin-inline:var(--divider-spacing);flex-direction:column;align-self:stretch}.divider-v2--vertical.divider-v2--plain[data-v-c694304a],.divider-v2--vertical .divider-v2__line[data-v-c694304a]{border-inline-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider-v2--vertical.divider-v2--start .divider-v2__line[data-v-c694304a]:first-child,.divider-v2--vertical.divider-v2--end .divider-v2__line[data-v-c694304a]:last-child{flex:0 0 var(--divider-align-length)}
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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c694304a"]]);
5
+ const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c13dce29"]]);
6
6
  export {
7
- m as default
7
+ i as default
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import { Component } from 'vue';
2
- import { TBreakpoints } from '../../../types/global.types';
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?: TBreakpoints;
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 { TBreakpoints } from '../../../types/global.types';
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: TBreakpoints;
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 P, toDisplayString as S, createCommentVNode as $, resolveDynamicComponent as G, renderSlot as J, normalizeProps as L, guardReactiveProps as Q, mergeModels as C, nextTick as W } from "vue";
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, P(K.value, (t, a) => (l(), d(I, { key: a }, [
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)), S(t.label), 17, te)) : $("", !0),
158
- (l(!0), d(I, null, P(t.items, ({ entry: i, index: p }) => (l(), d("button", b({
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, S(i.label), 1)
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-27716030]{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-27716030]{opacity:.7;cursor:not-allowed}.file-upload__header[data-v-27716030]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.file-upload__heading[data-v-27716030]{align-items:center;gap:.5rem;min-width:0;display:flex}.file-upload__title[data-v-27716030]{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-27716030]{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-27716030]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__hint svg[data-v-27716030]{width:1rem;height:1rem}.file-upload__hint-content[data-v-27716030]{flex-direction:column;gap:.25rem;display:flex}.file-upload__hint-image[data-v-27716030]{object-fit:contain;border-radius:.5rem;width:100%;max-height:15rem}.file-upload__required[data-v-27716030]{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-27716030]{width:.875rem;height:.875rem}.file-upload__body[data-v-27716030]{align-items:stretch;gap:.25rem;height:8.25rem;display:flex}.file-upload__dropzone[data-v-27716030]{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-27716030]{gap:.75rem}.file-upload__dropzone--dragging[data-v-27716030]{background-color:var(--theme-primary-50);border-color:var(--theme-primary-500)}.file-upload__drop[data-v-27716030]{align-items:center;gap:.25rem;display:flex}.file-upload__drop-icon[data-v-27716030]{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-27716030]{width:1rem;height:1rem}.file-upload__drop-text[data-v-27716030]{color:var(--theme-neutral-text-subtitle);font-size:.75rem;font-weight:500;line-height:1rem}.file-upload__divider[data-v-27716030]{align-items:center;gap:.25rem;width:100%;display:flex}.file-upload__divider-line[data-v-27716030]{background-color:var(--theme-neutral-border-divider);flex:1 1 0;min-width:0;height:.0625rem}.file-upload__divider-text[data-v-27716030]{color:var(--theme-neutral-text-caption);white-space:nowrap;font-size:.75rem;font-weight:400;line-height:1rem}.file-upload__list[data-v-27716030]{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.file-upload__track[data-v-27716030]{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-27716030]::-webkit-scrollbar{display:none}.file-upload__scroll[data-v-27716030]{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-27716030]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__scroll svg[data-v-27716030]{width:.75rem;height:.75rem}.file-upload__scroll[data-v-27716030]:hover{background-color:var(--theme-primary-600)}.file-upload__button[data-v-27716030]{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-27716030]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__button svg[data-v-27716030]{width:1rem;height:1rem}.file-upload__button[data-v-27716030]:hover:not(:disabled){color:var(--theme-primary-700);background-color:var(--theme-primary-200)}.file-upload__button[data-v-27716030]:disabled{color:var(--theme-neutral-text-disabled);background-color:var(--theme-neutral-surface-disabled);cursor:not-allowed}.file-upload__input[data-v-27716030]{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-27716030]{flex-direction:column;flex-shrink:0;gap:.25rem;width:8.25rem;display:flex}.file-upload__example-label[data-v-27716030]{color:var(--theme-neutral-text-body);font-size:.75rem;font-weight:500;line-height:1rem}.file-upload__example-preview[data-v-27716030]{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-27716030]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.125rem}.file-upload__example-image[data-v-27716030]{object-fit:cover;width:100%;height:100%}.file-upload__example-zoom[data-v-27716030]{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-27716030]{width:2rem;height:2rem}.file-upload__example-preview:hover .file-upload__example-zoom[data-v-27716030],.file-upload__example-preview:focus-visible .file-upload__example-zoom[data-v-27716030]{opacity:1}
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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-27716030"]]);
5
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c87172c"]]);
6
6
  export {
7
- m as default
7
+ c as default
8
8
  };