@dv.net/ui-kit 7.4.1 → 7.4.2

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.
@@ -15,7 +15,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
15
15
  /* empty css */
16
16
  /* empty css */
17
17
  /* empty css */
18
- import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
18
+ import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
19
19
  /* empty css */
20
20
  /* empty css */
21
21
  import "vue-router";
@@ -1,13 +1,13 @@
1
- import { defineComponent as P, mergeModels as h, useModel as D, ref as i, onMounted as T, createElementBlock as c, openBlock as t, normalizeClass as q, createCommentVNode as d, createElementVNode as y, renderSlot as B, withDirectives as v, toDisplayString as A, withKeys as F, vModelDynamic as I, createBlock as k, Transition as V, withCtx as C, createVNode as $, vShow as g, withModifiers as K } from "vue";
2
- import { _ as z } from "./UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
1
+ import { defineComponent as K, mergeModels as h, useModel as T, ref as t, onMounted as U, createElementBlock as y, openBlock as i, normalizeClass as q, createCommentVNode as r, createElementVNode as m, renderSlot as B, withDirectives as v, toDisplayString as F, withKeys as H, vModelDynamic as L, createBlock as k, Transition as V, withCtx as C, createVNode as E, vShow as g, withModifiers as j } from "vue";
2
+ import { _ as A } from "./UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
3
3
  import "./style.CD0jFgS4.js";
4
- const U = {
4
+ const G = {
5
5
  class: "ui-input__inner",
6
6
  tabindex: "-1"
7
- }, j = {
7
+ }, J = {
8
8
  key: 0,
9
9
  class: "ui-input__label"
10
- }, G = ["type", "placeholder", "disabled", "readonly", "autofocus", "tabindex", "autocomplete", "name", "step"], O = /* @__PURE__ */ P({
10
+ }, O = ["type", "placeholder", "disabled", "readonly", "autofocus", "tabindex", "autocomplete", "name", "step"], Y = /* @__PURE__ */ K({
11
11
  __name: "UiInput",
12
12
  props: /* @__PURE__ */ h({
13
13
  isDisabled: { type: Boolean },
@@ -20,6 +20,7 @@ const U = {
20
20
  inside: { type: Boolean },
21
21
  type: { default: "text" },
22
22
  readonly: { type: Boolean },
23
+ readonlyInteractive: { type: Boolean },
23
24
  autofocus: { type: Boolean },
24
25
  clearable: { type: Boolean },
25
26
  isEmptyValueNull: { type: Boolean },
@@ -34,105 +35,132 @@ const U = {
34
35
  modelModifiers: {}
35
36
  }),
36
37
  emits: /* @__PURE__ */ h(["change", "clear", "blur", "input"], ["update:modelValue"]),
37
- setup(b, { expose: E, emit: M }) {
38
- const a = b, r = M, o = D(b, "modelValue"), p = i(!1), s = i(!1), n = i(), f = i(), m = i();
39
- function N() {
40
- p.value = !1, n.value?.blur(), r("blur");
38
+ setup(b, { expose: D, emit: I }) {
39
+ const o = b, d = I, n = T(b, "modelValue"), p = t(!1), s = t(!1), a = t(), f = t(), c = t(), $ = [
40
+ "ArrowLeft",
41
+ "ArrowRight",
42
+ "ArrowUp",
43
+ "ArrowDown",
44
+ "Tab",
45
+ "Home",
46
+ "End",
47
+ "Shift",
48
+ "Control",
49
+ "Alt",
50
+ "Meta",
51
+ "Escape"
52
+ ];
53
+ function z() {
54
+ p.value = !1, a.value?.blur(), d("blur");
41
55
  }
42
- function R() {
43
- o.value = a.isEmptyValueNull ? null : "", r("clear");
56
+ function M() {
57
+ n.value = o.isEmptyValueNull ? null : "", d("clear");
44
58
  }
45
- function S(e) {
46
- a.isEmptyValueNull && e.target.value === "" && (o.value = null), r("input", e.target.value);
59
+ function R(e) {
60
+ o.isEmptyValueNull && e.target.value === "" && (n.value = null), d("input", e.target.value);
47
61
  }
48
62
  function w() {
49
- a.disabled || a.readonly || (p.value = !0, n.value?.focus());
63
+ o.disabled || o.readonly || (p.value = !0, a.value?.focus());
64
+ }
65
+ function S(e) {
66
+ o.readonlyInteractive && ($.includes(e.key) || e.preventDefault());
67
+ }
68
+ function N(e) {
69
+ o.readonlyInteractive && e.preventDefault();
70
+ }
71
+ function P(e) {
72
+ o.readonlyInteractive && e.preventDefault();
50
73
  }
51
- return E({
52
- focus: () => n.value?.focus()
53
- }), T(() => {
54
- f.value && a.disabled && f.value.querySelectorAll("button").forEach((e) => e.disabled = !0), m.value && a.disabled && m.value.querySelectorAll("button").forEach((e) => e.disabled = !0);
55
- }), (e, l) => (t(), c("div", {
74
+ return D({
75
+ focus: () => a.value?.focus()
76
+ }), U(() => {
77
+ f.value && o.disabled && f.value.querySelectorAll("button").forEach((e) => e.disabled = !0), c.value && o.disabled && c.value.querySelectorAll("button").forEach((e) => e.disabled = !0);
78
+ }), (e, l) => (i(), y("div", {
56
79
  class: q(["ui-input", [
57
80
  e.size,
58
81
  { "is-focus": p.value },
59
82
  { "is-filled": e.filled },
60
83
  { "is-disabled": e.disabled },
61
84
  { "is-inside": e.inside },
62
- { "not-empty": !!o.value }
85
+ { "not-empty": !!n.value }
63
86
  ]]),
64
87
  tabindex: "-1",
65
88
  onClick: w
66
89
  }, [
67
- e.$slots.prepend ? (t(), c("div", {
90
+ e.$slots.prepend ? (i(), y("div", {
68
91
  key: 0,
69
92
  ref_key: "prependRef",
70
- ref: m,
93
+ ref: c,
71
94
  class: "ui-input__prepend"
72
95
  }, [
73
96
  B(e.$slots, "prepend")
74
- ], 512)) : d("", !0),
75
- y("div", U, [
76
- e.inside ? (t(), c("span", j, A(e.placeholder), 1)) : d("", !0),
77
- v(y("input", {
97
+ ], 512)) : r("", !0),
98
+ m("div", G, [
99
+ e.inside ? (i(), y("span", J, F(e.placeholder), 1)) : r("", !0),
100
+ v(m("input", {
78
101
  ref_key: "inputRef",
79
- ref: n,
80
- "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
102
+ ref: a,
103
+ "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
81
104
  class: "ui-input__input",
82
105
  type: e.showPassword ? s.value ? "text" : "password" : e.type,
83
106
  placeholder: e.inside ? "" : e.placeholder,
84
107
  disabled: e.disabled,
85
- onBlur: N,
108
+ onKeydown: [
109
+ S,
110
+ l[2] || (l[2] = H((u) => a.value?.blur(), ["esc"]))
111
+ ],
112
+ onBeforeinput: N,
113
+ onPaste: P,
114
+ onBlur: z,
86
115
  onFocus: w,
87
116
  onChange: l[1] || (l[1] = (u) => e.$emit("change")),
88
- onInput: S,
89
- onKeydown: l[2] || (l[2] = F((u) => n.value?.blur(), ["esc"])),
117
+ onInput: R,
90
118
  readonly: e.readonly,
91
119
  autofocus: e.autofocus,
92
120
  tabindex: e.indexTab,
93
121
  autocomplete: e.autocomplete,
94
122
  name: e.name,
95
123
  step: e.step
96
- }, null, 40, G), [
124
+ }, null, 40, O), [
97
125
  [
98
- I,
99
- o.value,
126
+ L,
127
+ n.value,
100
128
  void 0,
101
129
  { trim: !0 }
102
130
  ]
103
131
  ])
104
132
  ]),
105
- y("div", {
133
+ m("div", {
106
134
  ref_key: "appendRef",
107
135
  ref: f,
108
136
  class: "ui-input__append"
109
137
  }, [
110
- e.clearable ? (t(), k(V, {
138
+ e.clearable ? (i(), k(V, {
111
139
  key: 0,
112
140
  name: "fade"
113
141
  }, {
114
142
  default: C(() => [
115
- v($(z, {
143
+ v(E(A, {
116
144
  "no-size": "",
117
145
  size: "sm",
118
146
  "icon-color": "var(--color-icon-tertiary)",
119
- onClick: R,
147
+ onClick: M,
120
148
  "icon-name": "close",
121
149
  "icon-type": "400",
122
150
  tabindex: "-1"
123
151
  }, null, 512), [
124
- [g, e.clearable && o.value]
152
+ [g, e.clearable && n.value]
125
153
  ])
126
154
  ]),
127
155
  _: 1
128
- })) : d("", !0),
129
- e.showPassword ? (t(), k(V, {
156
+ })) : r("", !0),
157
+ e.showPassword ? (i(), k(V, {
130
158
  key: 1,
131
159
  name: "fade"
132
160
  }, {
133
161
  default: C(() => [
134
- v($(z, {
135
- onClick: l[3] || (l[3] = K((u) => s.value = !s.value, ["stop"])),
162
+ v(E(A, {
163
+ onClick: l[3] || (l[3] = j((u) => s.value = !s.value, ["stop"])),
136
164
  "icon-name": s.value ? "visibility" : "visibility-off",
137
165
  "icon-type": "400",
138
166
  "icon-color": "var(--color-icon-secondary)",
@@ -140,16 +168,16 @@ const U = {
140
168
  size: "sm",
141
169
  tabindex: "-1"
142
170
  }, null, 8, ["icon-name"]), [
143
- [g, e.showPassword && o.value]
171
+ [g, e.showPassword && n.value]
144
172
  ])
145
173
  ]),
146
174
  _: 1
147
- })) : d("", !0),
175
+ })) : r("", !0),
148
176
  B(e.$slots, "append")
149
177
  ], 512)
150
178
  ], 2));
151
179
  }
152
180
  });
153
181
  export {
154
- O as _
182
+ Y as _
155
183
  };
@@ -17,7 +17,7 @@ import { _ as O } from "./UiDrawer.vue_vue_type_script_setup_true_lang.7FvRxX0A.
17
17
  /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
20
- import { _ as D } from "./UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
20
+ import { _ as D } from "./UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
21
21
  import { useBreakpoints as Q } from "../composables/useBreakpoints.js";
22
22
  /* empty css */
23
23
  /* empty css */
@@ -22,7 +22,7 @@ import "vue-router";
22
22
  /* empty css */
23
23
  /* empty css */
24
24
  /* empty css */
25
- import { _ as U } from "./UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js";
25
+ import { _ as U } from "./UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js";
26
26
  /* empty css */
27
27
  /* empty css */
28
28
  /* empty css */
@@ -4,7 +4,7 @@ import "./style.CD0jFgS4.js";
4
4
  import { _ as ue } from "./SelectList.vue_vue_type_script_setup_true_lang.D7rVgcUu.js";
5
5
  import { _ as Y } from "./SelectListItem.vue_vue_type_script_setup_true_lang.CqpBkc62.js";
6
6
  /* empty css */
7
- import { _ as pe } from "./SelectSearch.vue_vue_type_script_setup_true_lang.CtZVcSW3.js";
7
+ import { _ as pe } from "./SelectSearch.vue_vue_type_script_setup_true_lang.C3yDssCy.js";
8
8
  import { _ as de } from "./SelectTrigger.vue_vue_type_script_setup_true_lang.Qj7K7MkG.js";
9
9
  import { _ as ce } from "./SelectVirtualList.vue_vue_type_script_setup_true_lang.D93PRpP9.js";
10
10
  import { useKeyboard as fe } from "../components/UiSelect/composables/useKeyboard.js";
@@ -27,7 +27,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
27
27
  /* empty css */
28
28
  import "vue-router";
29
29
  /* empty css */
30
- import { _ as me } from "./UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js";
30
+ import { _ as me } from "./UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js";
31
31
  /* empty css */
32
32
  /* empty css */
33
33
  /* empty css */
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../assets/UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
1
+ import { _ as m } from "../../assets/UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
2
2
  import "../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
@@ -10,6 +10,7 @@ export interface InputProps {
10
10
  inside?: boolean;
11
11
  type?: string;
12
12
  readonly?: boolean;
13
+ readonlyInteractive?: boolean;
13
14
  autofocus?: boolean;
14
15
  clearable?: boolean;
15
16
  isEmptyValueNull?: boolean;
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../assets/UiLanguages.vue_vue_type_script_setup_true_lang.DtEthdD6.js";
1
+ import { _ as m } from "../../assets/UiLanguages.vue_vue_type_script_setup_true_lang.CRO_Wqzn.js";
2
2
  import "../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
@@ -28,6 +28,7 @@ declare function __VLS_template(): {
28
28
  readonly inside?: boolean | undefined;
29
29
  readonly type?: string | undefined;
30
30
  readonly readonly?: boolean | undefined;
31
+ readonly readonlyInteractive?: boolean | undefined;
31
32
  readonly autofocus?: boolean | undefined;
32
33
  readonly clearable?: boolean | undefined;
33
34
  readonly isEmptyValueNull?: boolean | undefined;
@@ -156,6 +157,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
156
157
  readonly inside?: boolean | undefined;
157
158
  readonly type?: string | undefined;
158
159
  readonly readonly?: boolean | undefined;
160
+ readonly readonlyInteractive?: boolean | undefined;
159
161
  readonly autofocus?: boolean | undefined;
160
162
  readonly clearable?: boolean | undefined;
161
163
  readonly isEmptyValueNull?: boolean | undefined;
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../assets/UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js";
1
+ import { _ as m } from "../../assets/UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js";
2
2
  import "../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../assets/UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js";
1
+ import { _ as m } from "../../assets/UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js";
2
2
  import "../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.CtZVcSW3.js";
1
+ import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.C3yDssCy.js";
2
2
  import "../../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
@@ -24,6 +24,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
24
24
  readonly inside?: boolean | undefined;
25
25
  readonly type?: string | undefined;
26
26
  readonly readonly?: boolean | undefined;
27
+ readonly readonlyInteractive?: boolean | undefined;
27
28
  readonly autofocus?: boolean | undefined;
28
29
  readonly clearable?: boolean | undefined;
29
30
  readonly isEmptyValueNull?: boolean | undefined;
@@ -1,4 +1,4 @@
1
- import { _ as m } from "../../assets/UiTable.vue_vue_type_script_setup_true_lang.f0rsrVh5.js";
1
+ import { _ as m } from "../../assets/UiTable.vue_vue_type_script_setup_true_lang.DHaR-pL7.js";
2
2
  import "../../assets/style.CD0jFgS4.js";
3
3
  export {
4
4
  m as default
package/dist/index.js CHANGED
@@ -26,8 +26,8 @@ import { _ as $ } from "./assets/UiGallery.vue_vue_type_script_setup_true_lang.v
26
26
  import { _ as ro } from "./assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
27
27
  /* empty css */
28
28
  import { _ as ao } from "./assets/UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
29
- import { _ as io } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js";
30
- import { _ as mo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.DtEthdD6.js";
29
+ import { _ as io } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
30
+ import { _ as mo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.CRO_Wqzn.js";
31
31
  import { _ as so } from "./assets/UiLayout.vue_vue_type_script_setup_true_lang.CELUDfDH.js";
32
32
  /* empty css */
33
33
  import { default as Uo } from "./components/UiLayoutAuth/UiLayoutAuth.js";
@@ -40,17 +40,17 @@ import { _ as Lo } from "./assets/UiMobileMenu.vue_vue_type_script_setup_true_la
40
40
  import { _ as ko } from "./assets/UiModal.vue_vue_type_script_setup_true_lang.CatEtX_V.js";
41
41
  import { _ as Mo } from "./assets/UiOverlay.vue_vue_type_script_setup_true_lang.DkZL3VLh.js";
42
42
  /* empty css */
43
- import { _ as ho } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js";
43
+ import { _ as ho } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js";
44
44
  import { _ as wo } from "./assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.DLKXYSDQ.js";
45
45
  import { _ as Fo } from "./assets/UiRadio.vue_vue_type_script_setup_true_lang.Fg_yBWqe.js";
46
46
  /* empty css */
47
47
  import { _ as Ro } from "./assets/UiRadioGroup.vue_vue_type_script_setup_true_lang.Bp5ikjTU.js";
48
48
  /* empty css */
49
- import { _ as vo } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js";
49
+ import { _ as vo } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js";
50
50
  import { _ as jo } from "./assets/UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
51
51
  /* empty css */
52
52
  import { _ as Oo } from "./assets/UiSwitch.vue_vue_type_script_setup_true_lang.DqsPZD1T.js";
53
- import { _ as zo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.f0rsrVh5.js";
53
+ import { _ as zo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.DHaR-pL7.js";
54
54
  import { _ as Ho } from "./assets/UiTabs.vue_vue_type_script_setup_true_lang.Cl2uvELZ.js";
55
55
  /* empty css */
56
56
  import { _ as Ko } from "./assets/UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dv.net/ui-kit",
3
3
  "private": false,
4
- "version": "7.4.01",
4
+ "version": "7.4.2",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "module": "dist/index.js",