@milaboratories/uikit 2.10.26 → 2.10.28

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 (80) hide show
  1. package/.turbo/turbo-build.log +40 -41
  2. package/.turbo/turbo-formatter$colon$check.log +2 -2
  3. package/.turbo/turbo-linter$colon$check.log +2 -2
  4. package/.turbo/turbo-types$colon$check.log +1 -1
  5. package/CHANGELOG.md +12 -0
  6. package/dist/components/DataTable/TableComponent.vue.js +16 -17
  7. package/dist/components/DataTable/TableComponent.vue.js.map +1 -1
  8. package/dist/components/PlAccordion/ExpandTransition.vue3.js +2 -2
  9. package/dist/components/PlAccordion/PlAccordionSection.vue2.js +2 -2
  10. package/dist/components/PlAutocomplete/PlAutocomplete.vue.js +33 -33
  11. package/dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js +17 -17
  12. package/dist/components/PlBtnGroup/PlBtnGroup.vue.js +17 -17
  13. package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js +12 -12
  14. package/dist/components/PlChip/PlChip.vue.js +8 -8
  15. package/dist/components/PlDropdown/PlDropdown.vue.js +27 -27
  16. package/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js +39 -39
  17. package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js +20 -20
  18. package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts +3 -1
  19. package/dist/components/PlFileDialog/PlFileDialog.vue.d.ts.map +1 -1
  20. package/dist/components/PlFileDialog/Remote.vue.d.ts +3 -1
  21. package/dist/components/PlFileDialog/Remote.vue.d.ts.map +1 -1
  22. package/dist/components/PlFileDialog/Remote.vue.js +80 -76
  23. package/dist/components/PlFileDialog/Remote.vue.js.map +1 -1
  24. package/dist/components/PlFileDialog/Shortcuts.vue.d.ts +4 -1
  25. package/dist/components/PlFileDialog/Shortcuts.vue.d.ts.map +1 -1
  26. package/dist/components/PlFileDialog/Shortcuts.vue2.js +18 -14
  27. package/dist/components/PlFileDialog/Shortcuts.vue2.js.map +1 -1
  28. package/dist/components/PlFileInput/PlFileInput.vue.js +17 -17
  29. package/dist/components/PlLogView/PlLogView.vue.js +22 -22
  30. package/dist/components/PlNumberField/PlNumberField.vue.js +8 -8
  31. package/dist/components/PlSearchField/PlSearchField.vue.d.ts +28 -4
  32. package/dist/components/PlSearchField/PlSearchField.vue.d.ts.map +1 -1
  33. package/dist/components/PlSearchField/PlSearchField.vue2.js +40 -30
  34. package/dist/components/PlSearchField/PlSearchField.vue2.js.map +1 -1
  35. package/dist/components/PlSlideModal/PlPureSlideModal.vue.js +3 -4
  36. package/dist/components/PlSlideModal/PlPureSlideModal.vue.js.map +1 -1
  37. package/dist/components/PlTabs/Tab.vue.d.ts +42 -12
  38. package/dist/components/PlTabs/Tab.vue.d.ts.map +1 -1
  39. package/dist/components/PlTabs/Tab.vue.js +6 -6
  40. package/dist/components/PlTextArea/PlTextArea.vue.js +22 -22
  41. package/dist/components/PlTextField/PlTextField.vue.js +14 -14
  42. package/dist/components/PlTooltip/PlTooltip.vue.d.ts +30 -3
  43. package/dist/components/PlTooltip/PlTooltip.vue.d.ts.map +1 -1
  44. package/dist/components/PlTooltip/PlTooltip.vue.js +7 -110
  45. package/dist/components/PlTooltip/PlTooltip.vue.js.map +1 -1
  46. package/dist/components/PlTooltip/PlTooltip.vue2.js +132 -2
  47. package/dist/components/PlTooltip/PlTooltip.vue2.js.map +1 -1
  48. package/dist/components/PlTooltip/PlTooltip.vue3.js +26 -0
  49. package/dist/components/PlTooltip/PlTooltip.vue3.js.map +1 -0
  50. package/dist/components/Slider.vue.d.ts +1 -1
  51. package/dist/components/Slider.vue.d.ts.map +1 -1
  52. package/dist/components/Slider.vue.js +21 -21
  53. package/dist/components/SliderRange.vue.d.ts +1 -1
  54. package/dist/components/SliderRange.vue.d.ts.map +1 -1
  55. package/dist/components/SliderRange.vue.js +31 -31
  56. package/dist/components/SliderRangeTriple.vue.d.ts +1 -1
  57. package/dist/components/SliderRangeTriple.vue.d.ts.map +1 -1
  58. package/dist/components/SliderRangeTriple.vue.js +23 -23
  59. package/dist/index.js +1 -1
  60. package/dist/utils/DoubleContour.vue2.js +23 -0
  61. package/dist/utils/DoubleContour.vue2.js.map +1 -0
  62. package/package.json +3 -3
  63. package/src/assets/base.scss +4 -1
  64. package/src/assets/mixins.scss +1 -2
  65. package/src/assets/utils.scss +1 -1
  66. package/src/components/PlFileDialog/Remote.vue +5 -3
  67. package/src/components/PlFileDialog/Shortcuts.vue +5 -1
  68. package/src/components/PlSearchField/PlSearchField.vue +22 -17
  69. package/src/components/PlTooltip/PlTooltip.vue +228 -33
  70. package/dist/components/PlTooltip/Beak.vue.d.ts +0 -3
  71. package/dist/components/PlTooltip/Beak.vue.d.ts.map +0 -1
  72. package/dist/components/PlTooltip/Beak.vue.js +0 -23
  73. package/dist/components/PlTooltip/Beak.vue.js.map +0 -1
  74. package/dist/components/PlTooltip/useTooltipPosition.d.ts +0 -12
  75. package/dist/components/PlTooltip/useTooltipPosition.d.ts.map +0 -1
  76. package/dist/components/PlTooltip/useTooltipPosition.js +0 -18
  77. package/dist/components/PlTooltip/useTooltipPosition.js.map +0 -1
  78. package/src/components/PlTooltip/Beak.vue +0 -12
  79. package/src/components/PlTooltip/pl-tooltip.scss +0 -117
  80. package/src/components/PlTooltip/useTooltipPosition.ts +0 -59
@@ -1,4 +1,4 @@
1
- import { defineComponent as ae, ref as P, useTemplateRef as ie, reactive as se, computed as i, unref as s, watch as D, watchPostEffect as de, createElementBlock as v, openBlock as l, createElementVNode as f, createCommentVNode as c, normalizeClass as ce, createBlock as u, createVNode as $, withDirectives as ue, vModelText as pe, withCtx as z, createTextVNode as fe, toDisplayString as h, renderSlot as M, withModifiers as T } from "vue";
1
+ import { defineComponent as ae, ref as B, useTemplateRef as ie, reactive as se, computed as i, unref as s, watch as D, watchPostEffect as de, createElementBlock as v, openBlock as l, createElementVNode as f, createCommentVNode as c, normalizeClass as ce, createBlock as u, createVNode as T, withDirectives as ue, vModelText as pe, withCtx as z, createTextVNode as fe, toDisplayString as h, renderSlot as M, withModifiers as $ } from "vue";
2
2
  import me from "../../assets/images/required.svg.js";
3
3
  import { getErrorMessage as ve } from "../../helpers/error.js";
4
4
  import { tap as he } from "../../helpers/functions.js";
@@ -9,23 +9,23 @@ import ge from "../../utils/DoubleContour.vue.js";
9
9
  import { useLabelNotch as ye } from "../../utils/useLabelNotch.js";
10
10
  import ke from "../LongText.vue.js";
11
11
  /* empty css */
12
- import _ from "../PlIcon16/PlIcon16.vue.js";
12
+ import b from "../PlIcon16/PlIcon16.vue.js";
13
13
  import F from "../PlIcon24/PlIcon24.vue.js";
14
14
  import Ie from "../PlSvg/PlSvg.vue.js";
15
15
  import xe from "../PlTooltip/PlTooltip.vue.js";
16
- import _e from "./OptionList.vue.js";
16
+ import be from "./OptionList.vue.js";
17
17
  /* empty css */
18
- import { useGroupBy as be } from "./useGroupBy.js";
19
- const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class: "pl-dropdown__field" }, Ee = ["disabled", "placeholder"], Re = {
18
+ import { useGroupBy as Ve } from "./useGroupBy.js";
19
+ const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class: "pl-dropdown__field" }, Ee = ["disabled", "placeholder"], Re = {
20
20
  key: 0,
21
21
  class: "input-value"
22
- }, Se = { class: "pl-dropdown__controls" }, Oe = { key: 0 }, Ae = {
22
+ }, Se = { class: "pl-dropdown__controls" }, Oe = { key: 0 }, Pe = {
23
23
  key: 0,
24
24
  class: "pl-dropdown__error"
25
- }, Be = {
25
+ }, Ae = {
26
26
  key: 1,
27
27
  class: "pl-dropdown__helper"
28
- }, Pe = {
28
+ }, Be = {
29
29
  key: 2,
30
30
  class: "pl-dropdown__helper"
31
31
  }, De = {
@@ -51,7 +51,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
51
51
  },
52
52
  emits: ["update:modelValue"],
53
53
  setup(r, { emit: N }) {
54
- const b = N, n = r, d = P(), w = P(), g = ie("optionListRef"), o = se({
54
+ const V = N, n = r, d = B(), w = B(), g = ie("optionListRef"), o = se({
55
55
  search: "",
56
56
  activeIndex: -1,
57
57
  open: !1,
@@ -59,7 +59,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
59
59
  }), q = () => he(
60
60
  S.value.findIndex((e) => x(e.value, n.modelValue)),
61
61
  (e) => e < 0 ? 0 : e
62
- ), H = () => o.activeIndex = q(), y = i(() => n.options === void 0), V = i(() => !n.disabled && y.value), k = i(() => y.value ? !0 : n.disabled), L = i(() => (n.options ?? []).findIndex((e) => x(e.value, n.modelValue))), C = i(() => {
62
+ ), H = () => o.activeIndex = q(), y = i(() => n.options === void 0), _ = i(() => !n.disabled && y.value), k = i(() => y.value ? !0 : n.disabled), L = i(() => (n.options ?? []).findIndex((e) => x(e.value, n.modelValue))), C = i(() => {
63
63
  if (!y.value) {
64
64
  if (n.error)
65
65
  return ve(n.error);
@@ -82,12 +82,12 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
82
82
  const a = o.search.toLowerCase();
83
83
  return t.label.toLowerCase().includes(a) || t.description && t.description.toLowerCase().includes(a) ? !0 : typeof t.value == "string" ? t.value.toLowerCase().includes(a) : t.value === o.search;
84
84
  }) : e;
85
- }), { orderedRef: S, groupsRef: W, restRef: j } = be(G, "group"), J = i(() => k.value ? void 0 : "0"), O = (e) => {
85
+ }), { orderedRef: S, groupsRef: W, restRef: j } = Ve(G, "group"), J = i(() => k.value ? void 0 : "0"), O = (e) => {
86
86
  var t;
87
- b("update:modelValue", e), o.search = "", o.open = !1, (t = d == null ? void 0 : d.value) == null || t.focus();
87
+ V("update:modelValue", e), o.search = "", o.open = !1, (t = d == null ? void 0 : d.value) == null || t.focus();
88
88
  }, Q = (e) => {
89
89
  O(e);
90
- }, X = () => b("update:modelValue", void 0), Y = () => {
90
+ }, X = () => V("update:modelValue", void 0), Y = () => {
91
91
  var e;
92
92
  return (e = w.value) == null ? void 0 : e.focus();
93
93
  }, Z = () => {
@@ -97,7 +97,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
97
97
  const t = e.relatedTarget;
98
98
  !((a = d.value) != null && a.contains(t)) && !((m = (p = g.value) == null ? void 0 : p.listRef) != null && m.contains(t)) && (o.search = "", o.open = !1);
99
99
  }, te = (e) => {
100
- var A, B;
100
+ var P, A;
101
101
  if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
102
102
  e.preventDefault();
103
103
  else
@@ -107,11 +107,11 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
107
107
  e.code === "Enter" && (o.open = !0);
108
108
  return;
109
109
  }
110
- e.code === "Escape" && (o.open = !1, (A = d.value) == null || A.focus());
110
+ e.code === "Escape" && (o.open = !1, (P = d.value) == null || P.focus());
111
111
  const p = S.value, { length: m } = p;
112
112
  if (!m)
113
113
  return;
114
- e.code === "Enter" && O((B = p.find((I) => I.index === a)) == null ? void 0 : B.value);
114
+ e.code === "Enter" && O((A = p.find((I) => I.index === a)) == null ? void 0 : A.value);
115
115
  const ne = p.findIndex((I) => I.index === a) ?? -1, re = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, le = Math.abs(ne + re + m) % m;
116
116
  o.activeIndex = p[le].index ?? -1;
117
117
  };
@@ -153,7 +153,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
153
153
  [pe, o.search]
154
154
  ]),
155
155
  o.open ? c("", !0) : (l(), v("div", Re, [
156
- $(ke, null, {
156
+ T(ke, null, {
157
157
  default: z(() => [
158
158
  fe(h(R.value), 1)
159
159
  ]),
@@ -161,30 +161,30 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
161
161
  })
162
162
  ])),
163
163
  f("div", Se, [
164
- V.value ? (l(), u(s(F), {
164
+ _.value ? (l(), u(s(F), {
165
165
  key: 0,
166
166
  name: "loading"
167
167
  })) : c("", !0),
168
- r.clearable && K.value ? (l(), u(s(_), {
168
+ r.clearable && K.value ? (l(), u(s(b), {
169
169
  key: 1,
170
170
  class: "clear",
171
171
  name: "delete-clear",
172
- onClick: T(X, ["stop"])
172
+ onClick: $(X, ["stop"])
173
173
  })) : c("", !0),
174
174
  M(e.$slots, "append"),
175
175
  f("div", {
176
176
  class: "pl-dropdown__arrow-wrapper",
177
- onClick: T(Z, ["stop"])
177
+ onClick: $(Z, ["stop"])
178
178
  }, [
179
179
  r.arrowIconLarge ? (l(), u(s(F), {
180
180
  key: 0,
181
181
  name: r.arrowIconLarge,
182
182
  class: "arrow-icon"
183
- }, null, 8, ["name"])) : r.arrowIcon ? (l(), u(s(_), {
183
+ }, null, 8, ["name"])) : r.arrowIcon ? (l(), u(s(b), {
184
184
  key: 1,
185
185
  name: r.arrowIcon,
186
186
  class: "arrow-icon"
187
- }, null, 8, ["name"])) : (l(), u(s(_), {
187
+ }, null, 8, ["name"])) : (l(), u(s(b), {
188
188
  key: 2,
189
189
  name: "chevron-down",
190
190
  class: "arrow-icon arrow-icon-default"
@@ -209,7 +209,7 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
209
209
  _: 3
210
210
  })) : c("", !0)
211
211
  ])) : c("", !0),
212
- o.open ? (l(), u(_e, {
212
+ o.open ? (l(), u(be, {
213
213
  key: 1,
214
214
  ref_key: "optionListRef",
215
215
  ref: g,
@@ -219,13 +219,13 @@ const Ve = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
219
219
  "option-size": r.optionSize,
220
220
  "select-option": Q
221
221
  }, null, 8, ["root-ref", "groups", "rest", "option-size"])) : c("", !0),
222
- $(ge, {
222
+ T(ge, {
223
223
  class: "pl-dropdown__contour",
224
224
  "group-position": r.groupPosition
225
225
  }, null, 8, ["group-position"])
226
226
  ])
227
- ], 42, Ve),
228
- C.value ? (l(), v("div", Ae, h(C.value), 1)) : V.value && r.loadingOptionsHelper ? (l(), v("div", Be, h(r.loadingOptionsHelper), 1)) : r.helper ? (l(), v("div", Pe, h(r.helper), 1)) : c("", !0)
227
+ ], 42, _e),
228
+ C.value ? (l(), v("div", Pe, h(C.value), 1)) : _.value && r.loadingOptionsHelper ? (l(), v("div", Ae, h(r.loadingOptionsHelper), 1)) : r.helper ? (l(), v("div", Be, h(r.helper), 1)) : c("", !0)
229
229
  ]));
230
230
  }
231
231
  });
@@ -1,4 +1,4 @@
1
- import { defineComponent as te, useSlots as ne, ref as V, reactive as le, computed as s, unref as u, watch as F, watchPostEffect as re, createElementBlock as a, openBlock as l, createElementVNode as p, createCommentVNode as c, normalizeClass as b, createVNode as M, withDirectives as ie, vModelText as ae, withCtx as N, createTextVNode as se, toDisplayString as m, createBlock as h, renderSlot as P, withModifiers as w, Fragment as de, renderList as ce } from "vue";
1
+ import { defineComponent as te, useSlots as ne, ref as V, reactive as le, computed as s, unref as u, watch as B, watchPostEffect as re, createElementBlock as a, openBlock as l, createElementVNode as p, createCommentVNode as c, normalizeClass as b, createVNode as F, withDirectives as ie, vModelText as ae, withCtx as M, createTextVNode as se, toDisplayString as m, createBlock as h, renderSlot as N, withModifiers as w, Fragment as de, renderList as ce } from "vue";
2
2
  /* empty css */
3
3
  import { tap as ue, tapIf as pe } from "../../helpers/functions.js";
4
4
  import fe from "../PlTooltip/PlTooltip.vue.js";
@@ -10,28 +10,28 @@ import { deepEqual as C } from "../../helpers/objects.js";
10
10
  import we from "../DropdownListItem.vue.js";
11
11
  import ke from "../LongText.vue.js";
12
12
  /* empty css */
13
- import _e from "../PlIcon16/PlIcon16.vue.js";
14
- import ye from "../PlIcon24/PlIcon24.vue.js";
13
+ import ye from "../PlIcon16/PlIcon16.vue.js";
14
+ import _e from "../PlIcon24/PlIcon24.vue.js";
15
15
  import { normalizeListOptions as Ie } from "../../helpers/utils.js";
16
16
  import { getErrorMessage as ge } from "../../helpers/error.js";
17
17
  import xe from "../PlSvg/PlSvg.vue.js";
18
18
  import Ve from "../../assets/images/required.svg.js";
19
- const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"], $e = { class: "ui-dropdown__controls" }, Ae = { key: 0 }, Oe = {
19
+ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"], Ae = { class: "ui-dropdown__controls" }, Oe = { key: 0 }, $e = {
20
20
  key: 0,
21
21
  class: "nothing-found"
22
22
  }, De = {
23
23
  key: 0,
24
24
  class: "ui-dropdown__error"
25
- }, ze = {
25
+ }, Pe = {
26
26
  key: 1,
27
27
  class: "ui-dropdown__helper"
28
- }, Be = {
28
+ }, ze = {
29
29
  key: 2,
30
30
  class: "ui-dropdown__helper"
31
- }, Fe = {
31
+ }, Be = {
32
32
  name: "PlDropdown"
33
33
  }, oo = /* @__PURE__ */ te({
34
- ...Fe,
34
+ ...Be,
35
35
  props: {
36
36
  modelValue: {},
37
37
  label: { default: "" },
@@ -49,32 +49,32 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
49
49
  },
50
50
  emits: ["update:modelValue"],
51
51
  setup(r, { emit: q }) {
52
- const E = q, n = r, T = ne(), d = V(), L = V(), y = V(), t = le({
52
+ const E = q, n = r, T = ne(), d = V(), L = V(), _ = V(), t = le({
53
53
  search: "",
54
54
  activeIndex: -1,
55
55
  open: !1
56
56
  }), H = () => ue(
57
57
  f.value.findIndex((e) => C(e.value, n.modelValue)),
58
58
  (e) => e < 0 ? 0 : e
59
- ), R = () => t.activeIndex = H(), k = s(() => n.options === void 0), I = s(() => k.value ? !0 : n.disabled), S = s(() => (n.options ?? []).findIndex((e) => C(e.value, n.modelValue))), $ = s(() => {
59
+ ), R = () => t.activeIndex = H(), k = s(() => n.options === void 0), I = s(() => k.value ? !0 : n.disabled), S = s(() => (n.options ?? []).findIndex((e) => C(e.value, n.modelValue))), A = s(() => {
60
60
  if (!k.value) {
61
61
  if (n.error)
62
62
  return ge(n.error);
63
63
  if (n.modelValue !== void 0 && S.value === -1)
64
64
  return "The selected value is not one of the options";
65
65
  }
66
- }), A = s(
66
+ }), O = s(
67
67
  () => Ie(n.options ?? []).map((e, o) => ({
68
68
  ...e,
69
69
  index: o,
70
70
  isSelected: o === S.value,
71
71
  isActive: o === t.activeIndex
72
72
  }))
73
- ), O = s(() => {
74
- const o = u(A).find((i) => C(i.value, n.modelValue));
73
+ ), $ = s(() => {
74
+ const o = u(O).find((i) => C(i.value, n.modelValue));
75
75
  return (o == null ? void 0 : o.label) || n.modelValue;
76
- }), U = s(() => !t.open && n.modelValue ? "" : n.modelValue ? String(O.value) : n.placeholder), K = s(() => n.modelValue !== void 0 && n.modelValue !== null), f = s(() => {
77
- const e = A.value;
76
+ }), U = s(() => !t.open && n.modelValue ? "" : n.modelValue ? String($.value) : n.placeholder), K = s(() => n.modelValue !== void 0 && n.modelValue !== null), f = s(() => {
77
+ const e = O.value;
78
78
  return t.search ? e.filter((o) => {
79
79
  const i = t.search.toLowerCase();
80
80
  return o.label.toLowerCase().includes(i) || o.description && o.description.toLowerCase().includes(i) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(i) : o.value === t.search;
@@ -84,7 +84,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
84
84
  E("update:modelValue", e), t.search = "", t.open = !1, (o = d == null ? void 0 : d.value) == null || o.focus();
85
85
  }, G = () => E("update:modelValue", void 0), J = () => {
86
86
  var e;
87
- return (e = y.value) == null ? void 0 : e.focus();
87
+ return (e = _.value) == null ? void 0 : e.focus();
88
88
  }, g = () => t.open = !t.open, Q = () => t.open = !0, W = (e) => {
89
89
  var o;
90
90
  (o = d == null ? void 0 : d.value) != null && o.contains(e.relatedTarget) || (t.search = "", t.open = !1);
@@ -94,7 +94,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
94
94
  he(e, o);
95
95
  });
96
96
  }, Y = (e) => {
97
- var z, B;
97
+ var P, z;
98
98
  if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
99
99
  e.preventDefault();
100
100
  else
@@ -104,19 +104,19 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
104
104
  e.code === "Enter" && (t.open = !0);
105
105
  return;
106
106
  }
107
- e.code === "Escape" && (t.open = !1, (z = d.value) == null || z.focus());
108
- const v = u(f), { length: _ } = v;
109
- if (!_)
107
+ e.code === "Escape" && (t.open = !1, (P = d.value) == null || P.focus());
108
+ const v = u(f), { length: y } = v;
109
+ if (!y)
110
110
  return;
111
- e.code === "Enter" && D((B = v.find((x) => x.index === i)) == null ? void 0 : B.value);
112
- const Z = v.findIndex((x) => x.index === i) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(Z + ee + _) % _;
111
+ e.code === "Enter" && D((z = v.find((x) => x.index === i)) == null ? void 0 : z.value);
112
+ const Z = v.findIndex((x) => x.index === i) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(Z + ee + y) % y;
113
113
  t.activeIndex = f.value[oe].index ?? -1;
114
114
  };
115
- return me(d), F(() => n.modelValue, R, { immediate: !0 }), F(
115
+ return me(d), B(() => n.modelValue, R, { immediate: !0 }), B(
116
116
  () => t.open,
117
117
  (e) => {
118
118
  var o;
119
- return e ? (o = y.value) == null ? void 0 : o.focus() : "";
119
+ return e ? (o = _.value) == null ? void 0 : o.focus() : "";
120
120
  }
121
121
  ), re(() => {
122
122
  t.search, t.activeIndex >= 0 && t.open && X();
@@ -133,7 +133,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
133
133
  p("div", Le, [
134
134
  ie(p("input", {
135
135
  ref_key: "input",
136
- ref: y,
136
+ ref: _,
137
137
  "onUpdate:modelValue": o[0] || (o[0] = (i) => t.search = i),
138
138
  type: "text",
139
139
  tabindex: "-1",
@@ -149,25 +149,25 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
149
149
  key: 0,
150
150
  onClick: J
151
151
  }, [
152
- M(ke, { class: "input-value" }, {
153
- default: N(() => [
154
- se(m(O.value), 1)
152
+ F(ke, { class: "input-value" }, {
153
+ default: M(() => [
154
+ se(m($.value), 1)
155
155
  ]),
156
156
  _: 1
157
157
  })
158
158
  ])),
159
- p("div", $e, [
160
- k.value ? (l(), h(u(ye), {
159
+ p("div", Ae, [
160
+ k.value ? (l(), h(u(_e), {
161
161
  key: 0,
162
162
  name: "loading"
163
163
  })) : c("", !0),
164
- r.clearable && K.value ? (l(), h(u(_e), {
164
+ r.clearable && K.value ? (l(), h(u(ye), {
165
165
  key: 1,
166
166
  class: "clear",
167
167
  name: "delete-clear",
168
168
  onClick: w(G, ["stop"])
169
169
  })) : c("", !0),
170
- P(e.$slots, "append"),
170
+ N(e.$slots, "append"),
171
171
  r.arrowIconLarge ? (l(), a("div", {
172
172
  key: 2,
173
173
  class: b(["arrow-icon", [`icon-24 ${r.arrowIconLarge}`]]),
@@ -183,7 +183,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
183
183
  }))
184
184
  ])
185
185
  ]),
186
- r.label ? (l(), a("label", Ae, [
186
+ r.label ? (l(), a("label", Oe, [
187
187
  r.required ? (l(), h(u(xe), {
188
188
  key: 0,
189
189
  uri: u(Ve)
@@ -194,8 +194,8 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
194
194
  class: "info",
195
195
  position: "top"
196
196
  }, {
197
- tooltip: N(() => [
198
- P(e.$slots, "tooltip")
197
+ tooltip: M(() => [
198
+ N(e.$slots, "tooltip")
199
199
  ]),
200
200
  _: 3
201
201
  })) : c("", !0)
@@ -212,14 +212,14 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
212
212
  "is-selected": i.isSelected,
213
213
  "is-hovered": i.isActive,
214
214
  size: r.optionSize,
215
- onClick: w((_) => D(i.value), ["stop"])
215
+ onClick: w((y) => D(i.value), ["stop"])
216
216
  }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
217
- f.value.length ? c("", !0) : (l(), a("div", Oe, "Nothing found"))
217
+ f.value.length ? c("", !0) : (l(), a("div", $e, "Nothing found"))
218
218
  ], 512)) : c("", !0),
219
- M(ve, { class: "ui-dropdown__contour" })
219
+ F(ve, { class: "ui-dropdown__contour" })
220
220
  ])
221
221
  ], 42, Ce),
222
- $.value ? (l(), a("div", De, m($.value), 1)) : k.value && r.loadingOptionsHelper ? (l(), a("div", ze, m(r.loadingOptionsHelper), 1)) : r.helper ? (l(), a("div", Be, m(r.helper), 1)) : c("", !0)
222
+ A.value ? (l(), a("div", De, m(A.value), 1)) : k.value && r.loadingOptionsHelper ? (l(), a("div", Pe, m(r.loadingOptionsHelper), 1)) : r.helper ? (l(), a("div", ze, m(r.helper), 1)) : c("", !0)
223
223
  ]));
224
224
  }
225
225
  });
@@ -1,14 +1,14 @@
1
- import { defineComponent as Y, useSlots as Z, ref as P, useTemplateRef as ee, reactive as oe, computed as d, unref as s, watch as te, watchPostEffect as le, createElementBlock as c, openBlock as r, createElementVNode as p, createCommentVNode as m, normalizeClass as ne, createBlock as v, createVNode as re, withDirectives as se, vModelText as ie, Fragment as b, renderList as C, withModifiers as O, withCtx as y, createTextVNode as S, toDisplayString as h, renderSlot as q } from "vue";
1
+ import { defineComponent as Y, useSlots as Z, ref as N, useTemplateRef as ee, reactive as oe, computed as d, unref as s, watch as te, watchPostEffect as le, createElementBlock as c, openBlock as r, createElementVNode as p, createCommentVNode as m, normalizeClass as ne, createBlock as v, createVNode as re, withDirectives as se, vModelText as ie, Fragment as b, renderList as C, withModifiers as O, withCtx as y, createTextVNode as S, toDisplayString as h, renderSlot as T } from "vue";
2
2
  import ae from "../../assets/images/required.svg.js";
3
3
  import { getErrorMessage as ue } from "../../helpers/error.js";
4
- import { deepEqual as V, deepIncludes as B } from "../../helpers/objects.js";
4
+ import { deepEqual as V, deepIncludes as q } from "../../helpers/objects.js";
5
5
  import { normalizeListOptions as de } from "../../helpers/utils.js";
6
6
  import ce from "../../utils/DoubleContour.vue.js";
7
7
  /* empty css */
8
8
  import pe from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
9
9
  import { useLabelNotch as fe } from "../../utils/useLabelNotch.js";
10
10
  import me from "../DropdownListItem.vue.js";
11
- import I from "../PlChip/PlChip.vue.js";
11
+ import B from "../PlChip/PlChip.vue.js";
12
12
  import ve from "../PlIcon24/PlIcon24.vue.js";
13
13
  import he from "../PlSvg/PlSvg.vue.js";
14
14
  import _e from "../PlTooltip/PlTooltip.vue.js";
@@ -16,10 +16,10 @@ import _e from "../PlTooltip/PlTooltip.vue.js";
16
16
  const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = { class: "pl-dropdown-multi__field" }, ke = ["disabled", "placeholder"], be = {
17
17
  key: 0,
18
18
  class: "chips-container"
19
- }, Ce = { class: "pl-dropdown-multi__controls" }, Oe = { key: 0 }, Ve = { class: "pl-dropdown-multi__open-chips-container" }, $e = {
19
+ }, Ce = { class: "pl-dropdown-multi__controls" }, Oe = { key: 0 }, Ve = { class: "pl-dropdown-multi__open-chips-container" }, xe = {
20
20
  key: 0,
21
21
  class: "nothing-found"
22
- }, xe = {
22
+ }, $e = {
23
23
  key: 0,
24
24
  class: "pl-dropdown-multi__error"
25
25
  }, Ae = {
@@ -41,8 +41,8 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
41
41
  groupPosition: { default: void 0 }
42
42
  },
43
43
  emits: ["update:modelValue"],
44
- setup(a, { emit: T }) {
45
- const z = T, $ = (e) => z("update:modelValue", e), U = Z(), i = a, f = P(), x = P(), _ = ee("overlay"), t = oe({
44
+ setup(a, { emit: I }) {
45
+ const z = I, x = (e) => z("update:modelValue", e), U = Z(), i = a, f = N(), $ = N(), _ = ee("overlay"), t = oe({
46
46
  search: "",
47
47
  activeOption: -1,
48
48
  open: !1,
@@ -54,17 +54,17 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
54
54
  return o.label.toLowerCase().includes(n) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(n) : o.value === t.search;
55
55
  }) : [...l]).map((o) => ({
56
56
  ...o,
57
- selected: B(e, o.value)
57
+ selected: q(e, o.value)
58
58
  }));
59
59
  }), L = d(() => i.options === void 0), H = d(() => !i.disabled && L.value), k = d(() => L.value ? !0 : i.disabled), j = d(() => k.value ? void 0 : "0"), G = () => {
60
60
  t.activeOption = 0;
61
61
  }, M = (e) => {
62
62
  var o;
63
63
  const l = s(w);
64
- $(B(l, e) ? l.filter((n) => !V(n, e)) : [...l, e]), t.search = "", (o = f == null ? void 0 : f.value) == null || o.focus();
65
- }, R = (e) => $(s(w).filter((l) => !V(l, e))), J = () => {
64
+ x(q(l, e) ? l.filter((n) => !V(n, e)) : [...l, e]), t.search = "", (o = f == null ? void 0 : f.value) == null || o.focus();
65
+ }, R = (e) => x(s(w).filter((l) => !V(l, e))), J = () => {
66
66
  var e;
67
- return (e = x.value) == null ? void 0 : e.focus();
67
+ return (e = $.value) == null ? void 0 : e.focus();
68
68
  }, Q = () => {
69
69
  t.open = !t.open, t.open || (t.search = "");
70
70
  }, D = (e) => {
@@ -85,8 +85,8 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
85
85
  ["ArrowDown", "ArrowUp", "Enter"].includes(e.code) && e.preventDefault(), e.code === "Enter" && M(n[o].value);
86
86
  const X = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
87
87
  t.activeOption = Math.abs(o + X + u) % u, requestAnimationFrame(() => {
88
- var N;
89
- return (N = _.value) == null ? void 0 : N.scrollIntoActive();
88
+ var P;
89
+ return (P = _.value) == null ? void 0 : P.scrollIntoActive();
90
90
  });
91
91
  };
92
92
  return fe(f), te(
@@ -112,7 +112,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
112
112
  p("div", ge, [
113
113
  se(p("input", {
114
114
  ref_key: "input",
115
- ref: x,
115
+ ref: $,
116
116
  "onUpdate:modelValue": l[0] || (l[0] = (o) => t.search = o),
117
117
  type: "text",
118
118
  tabindex: "-1",
@@ -125,7 +125,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
125
125
  [ie, t.search]
126
126
  ]),
127
127
  t.open ? m("", !0) : (r(), c("div", be, [
128
- (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(I), {
128
+ (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
129
129
  key: n,
130
130
  closeable: "",
131
131
  small: "",
@@ -143,7 +143,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
143
143
  key: 0,
144
144
  name: "loading"
145
145
  })) : m("", !0),
146
- q(e.$slots, "append"),
146
+ T(e.$slots, "append"),
147
147
  p("div", {
148
148
  class: "pl-dropdown-multi__arrow-wrapper",
149
149
  onClick: O(Q, ["stop"])
@@ -164,7 +164,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
164
164
  position: "top"
165
165
  }, {
166
166
  tooltip: y(() => [
167
- q(e.$slots, "tooltip")
167
+ T(e.$slots, "tooltip")
168
168
  ]),
169
169
  _: 3
170
170
  })) : m("", !0)
@@ -181,7 +181,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
181
181
  }, {
182
182
  default: y(() => [
183
183
  p("div", Ve, [
184
- (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(I), {
184
+ (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
185
185
  key: n,
186
186
  closeable: "",
187
187
  small: "",
@@ -203,7 +203,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
203
203
  "use-checkbox": "",
204
204
  onClick: O((u) => M(o.value), ["stop"])
205
205
  }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
206
- g.value.length ? m("", !0) : (r(), c("div", $e, "Nothing found"))
206
+ g.value.length ? m("", !0) : (r(), c("div", xe, "Nothing found"))
207
207
  ]),
208
208
  _: 1
209
209
  }, 8, ["root"])) : m("", !0),
@@ -213,7 +213,7 @@ const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = {
213
213
  }, null, 8, ["group-position"])
214
214
  ])
215
215
  ], 42, we),
216
- a.error ? (r(), c("div", xe, h(s(ue)(a.error)), 1)) : a.helper ? (r(), c("div", Ae, h(a.helper), 1)) : m("", !0)
216
+ a.error ? (r(), c("div", $e, h(s(ue)(a.error)), 1)) : a.helper ? (r(), c("div", Ae, h(a.helper), 1)) : m("", !0)
217
217
  ]));
218
218
  }
219
219
  });
@@ -69,7 +69,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
69
69
  title: string;
70
70
  extensions: string[];
71
71
  autoSelectStorage: boolean;
72
- }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
72
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
73
+ lsContainerRef: HTMLDivElement;
74
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
73
75
  P: {};
74
76
  B: {};
75
77
  D: {};
@@ -1 +1 @@
1
- {"version":3,"file":"PlFileDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,aAAa,CAAC;AAc/D,KAAK,WAAW,GAAG;IACf;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAVQ,MAAM;yBASQ,OAAO;gBApBhB,MAAM,EAAE;uBAgBD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4O/B,wBAUG"}
1
+ {"version":3,"file":"PlFileDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,aAAa,CAAC;AAc/D,KAAK,WAAW,GAAG;IACf;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAVQ,MAAM;yBASQ,OAAO;gBApBhB,MAAM,EAAE;uBAgBD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4O/B,wBAUG"}
@@ -24,6 +24,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
24
24
  title: string;
25
25
  extensions: string[];
26
26
  autoSelectStorage: boolean;
27
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
27
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
28
+ lsContainerRef: HTMLDivElement;
29
+ }, HTMLDivElement>;
28
30
  export default _default;
29
31
  //# sourceMappingURL=Remote.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Remote.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Remote.vue"],"names":[],"mappings":"AAiVA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAoBnF,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;;;;;;;;;;;;;;WAHQ,MAAM;gBAFD,MAAM,EAAE;uBAGD,OAAO;;AA2d/B,wBAUG"}
1
+ {"version":3,"file":"Remote.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/Remote.vue"],"names":[],"mappings":"AAmVA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAoBnF,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;;;;;;;;;;;;;;WAHQ,MAAM;gBAFD,MAAM,EAAE;uBAGD,OAAO;;;;AAoe/B,wBAWG"}