@onereach/ui-components 20.2.0-beta.5208.0 → 20.2.0-beta.5210.0

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 (77) hide show
  1. package/dist/esm/components/{OrAutocompleteV3-508d99c0.js → OrAutocompleteV3-8e55b499.js} +41 -43
  2. package/dist/esm/components/OrDateTimePickerV3-261e1552.js +1506 -0
  3. package/dist/esm/components/{OrEditorTabsV3-4047a163.js → OrEditorTabsV3-6acf7c40.js} +1 -1
  4. package/dist/esm/components/{OrInlineInputV3-46210775.js → OrInlineInputV3-afd8f2df.js} +1 -1
  5. package/dist/esm/components/index.js +5 -5
  6. package/dist/esm/components/or-autocomplete-v3/index.js +2 -2
  7. package/dist/esm/components/or-avatar-v3/index.js +2 -2
  8. package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -2
  9. package/dist/esm/components/or-button-group-v3/index.js +2 -2
  10. package/dist/esm/components/or-button-v3/OrButton.vue.d.ts +0 -1
  11. package/dist/esm/components/or-button-v3/index.js +14 -68
  12. package/dist/esm/components/or-button-v3/styles.d.ts +1 -3
  13. package/dist/esm/components/or-card-collection-v3/index.js +2 -2
  14. package/dist/esm/components/or-checkbox-group-v3/index.js +2 -2
  15. package/dist/esm/components/or-checkbox-tree-v3/index.js +2 -2
  16. package/dist/esm/components/or-checkbox-v3/index.js +2 -2
  17. package/dist/esm/components/or-code-v3/index.js +2 -2
  18. package/dist/esm/components/or-confirm-v3/index.js +2 -2
  19. package/dist/esm/components/or-context-menu-v3/index.js +2 -2
  20. package/dist/esm/components/or-data-grid-v3/index.js +4 -4
  21. package/dist/esm/components/or-date-format-v3/index.js +3 -3
  22. package/dist/esm/components/or-date-picker-v3/index.js +3 -3
  23. package/dist/esm/components/or-date-range-picker-v3/index.js +3 -3
  24. package/dist/esm/components/or-date-time-format-v3/index.js +4 -4
  25. package/dist/esm/components/or-date-time-picker-v3/index.js +19 -1510
  26. package/dist/esm/components/or-drawer-v3/index.js +2 -2
  27. package/dist/esm/components/or-drop-area-v3/index.js +2 -2
  28. package/dist/esm/components/or-editor-tabs-v3/index.js +3 -3
  29. package/dist/esm/components/or-expansion-panel-v3/index.js +2 -2
  30. package/dist/esm/components/or-fab-v3/index.js +2 -2
  31. package/dist/esm/components/or-filter-popover-v3/index.js +2 -2
  32. package/dist/esm/components/or-filter-trigger-v3/index.js +2 -2
  33. package/dist/esm/components/or-filter-v3/index.js +2 -2
  34. package/dist/esm/components/or-icon-button-v3/index.js +2 -2
  35. package/dist/esm/components/or-inline-input-v3/index.js +2 -2
  36. package/dist/esm/components/or-inline-textarea-v3/index.js +2 -2
  37. package/dist/esm/components/or-input-v3/index.js +2 -2
  38. package/dist/esm/components/or-list-v3/index.js +2 -2
  39. package/dist/esm/components/or-menu-item-v3/index.js +2 -2
  40. package/dist/esm/components/or-menu-v3/index.js +2 -2
  41. package/dist/esm/components/or-modal-v3/index.js +2 -2
  42. package/dist/esm/components/or-notification-v3/index.js +2 -2
  43. package/dist/esm/components/or-overlay-v3/index.js +2 -2
  44. package/dist/esm/components/or-pagination-v3/index.js +2 -2
  45. package/dist/esm/components/or-popover-v3/index.js +2 -2
  46. package/dist/esm/components/or-progress-v3/index.js +2 -2
  47. package/dist/esm/components/or-radio-group-v3/index.js +2 -2
  48. package/dist/esm/components/or-radio-v3/index.js +2 -2
  49. package/dist/esm/components/or-range-slider-v3/index.js +2 -2
  50. package/dist/esm/components/or-rating-v3/index.js +2 -2
  51. package/dist/esm/components/or-resizeable-panel-v3/index.js +2 -2
  52. package/dist/esm/components/or-rich-text-editor-v3/index.js +2 -2
  53. package/dist/esm/components/or-rich-tooltip-v3/index.js +2 -2
  54. package/dist/esm/components/or-search-v3/index.js +2 -2
  55. package/dist/esm/components/or-segmented-control-v3/index.js +2 -2
  56. package/dist/esm/components/or-select-v3/index.js +3 -3
  57. package/dist/esm/components/or-sidebar-v3/index.js +2 -2
  58. package/dist/esm/components/or-skeleton-v3/index.js +2 -2
  59. package/dist/esm/components/or-slider-v3/index.js +2 -2
  60. package/dist/esm/components/or-sorting-v3/index.js +2 -2
  61. package/dist/esm/components/or-switch-v3/index.js +2 -2
  62. package/dist/esm/components/or-tabs-v3/OrTabs.vue.d.ts +10 -1
  63. package/dist/esm/components/or-tabs-v3/index.js +26 -7
  64. package/dist/esm/components/or-tabs-v3/props.d.ts +5 -0
  65. package/dist/esm/components/or-tabs-v3/styles.d.ts +2 -1
  66. package/dist/esm/components/or-tag-input-v3/index.js +2 -2
  67. package/dist/esm/components/or-tag-v3/index.js +2 -2
  68. package/dist/esm/components/or-tags-v3/index.js +2 -2
  69. package/dist/esm/components/or-textarea-v3/index.js +2 -2
  70. package/dist/esm/components/or-time-format-v3/index.js +4 -4
  71. package/dist/esm/components/or-time-picker-v3/index.js +4 -4
  72. package/dist/esm/components/or-time-range-picker-v3/index.js +4 -4
  73. package/dist/esm/components/or-toast-v3/index.js +2 -2
  74. package/dist/esm/components/or-tooltip-v3/index.js +2 -2
  75. package/dist/esm/components/or-tree-v3/index.js +2 -2
  76. package/dist/esm/index.js +5 -5
  77. package/package.json +3 -3
@@ -136,27 +136,27 @@ const k$1 = () => {
136
136
  return r + n.value;
137
137
  }
138
138
  }, "") : e.value(void 0, t.value)), K$1 = (e, t) => {
139
- const o = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
139
+ const s = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
140
140
  function n(a) {
141
141
  a.style.zIndex = String(Math.max(0, ...l$1(a)) + 1);
142
142
  }
143
- watch([o, r], ([a]) => {
143
+ watch([s, r], ([a]) => {
144
144
  a && n(a);
145
145
  }, { immediate: !0 });
146
146
  }, N$1 = () => {
147
147
  const e = useAttrs(), t = getCurrentInstance();
148
148
  return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
149
149
  }, X$1 = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), ee = (e, t = {}) => {
150
- const { hide: o = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
151
- function s() {
150
+ const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
151
+ function o() {
152
152
  const i = n.value;
153
153
  if (i) {
154
154
  const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
155
155
  const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
156
- return D + I > w + A + r ? (o && f.style.setProperty("visibility", "hidden"), {
156
+ return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
157
157
  innerItems: m,
158
158
  outerItems: [...y, f]
159
- }) : (o && f.style.removeProperty("visibility"), {
159
+ }) : (s && f.style.removeProperty("visibility"), {
160
160
  innerItems: [...m, f],
161
161
  outerItems: y
162
162
  });
@@ -168,20 +168,20 @@ const k$1 = () => {
168
168
  } else
169
169
  a.value = [], l.value = [];
170
170
  }
171
- return watch(n, s, {
171
+ return watch(n, o, {
172
172
  immediate: !0
173
- }), useMutationObserver(n, s, {
173
+ }), useMutationObserver(n, o, {
174
174
  childList: !0
175
- }), useResizeObserver(n, () => b$1(s)), {
175
+ }), useResizeObserver(n, () => b$1(o)), {
176
176
  innerItems: a,
177
177
  outerItems: l
178
178
  };
179
- }, te = (e, t, o = {}) => {
179
+ }, te = (e, t, s = {}) => {
180
180
  const r = ref(e.value ? "open" : "closed");
181
181
  watch(e, (i) => {
182
182
  r.value = i ? "open" : "closed";
183
183
  });
184
- const n = refDebounced(r, o.debounce ?? 0);
184
+ const n = refDebounced(r, s.debounce ?? 0);
185
185
  watch(n, (i) => {
186
186
  switch (t("update:state", i), i) {
187
187
  case "open":
@@ -198,18 +198,18 @@ const k$1 = () => {
198
198
  function l() {
199
199
  r.value = "closed";
200
200
  }
201
- function s() {
201
+ function o() {
202
202
  r.value = r.value === "open" ? "closed" : "open";
203
203
  }
204
204
  return {
205
205
  state: n,
206
206
  open: a,
207
207
  close: l,
208
- toggle: s
208
+ toggle: o
209
209
  };
210
210
  };
211
- function re(e, t, o = {}) {
212
- const { defaultValue: r } = o;
211
+ function re(e, t, s = {}) {
212
+ const { defaultValue: r } = s;
213
213
  return r ? computed({
214
214
  get: () => e.value ?? r.value,
215
215
  set: (n) => {
@@ -223,29 +223,29 @@ function re(e, t, o = {}) {
223
223
  });
224
224
  }
225
225
  function ne(e) {
226
- const t = getCurrentInstance(), o = ref();
227
- e ? watch(e, (s) => {
228
- o.value = s;
226
+ const t = getCurrentInstance(), s = ref();
227
+ e ? watch(e, (o) => {
228
+ s.value = o;
229
229
  }) : onMounted(() => {
230
230
  if (t) {
231
- const s = t.vnode["el" ];
232
- s instanceof Element && (o.value = s);
231
+ const o = t.vnode["el" ];
232
+ o instanceof Element && (s.value = o);
233
233
  }
234
234
  });
235
- const r = computed(() => l(o.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
236
- function l(s) {
235
+ const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
236
+ function l(o) {
237
237
  var d;
238
- if (!s)
238
+ if (!o)
239
239
  return !1;
240
- const i = (d = s.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
241
- return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(s.parentElement ?? void 0);
240
+ const i = (d = o.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
241
+ return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(o.parentElement ?? void 0);
242
242
  }
243
243
  return {
244
244
  isDesktop: r,
245
245
  isMobile: n
246
246
  };
247
247
  }
248
- const ue = () => L$2.theme, oe = (e) => computed(() => e.value ?? inject(q$1, h$1.Auto)), se = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
248
+ const ue = () => L$2.theme, se = (e) => computed(() => e.value ?? inject(q$1, h$1.Auto)), oe = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
249
249
  timeStyle: "short",
250
250
  hourCycle: e.value !== h$1.Auto ? e.value : void 0,
251
251
  timeZone: "UTC"
@@ -263,7 +263,7 @@ const ue = () => L$2.theme, oe = (e) => computed(() => e.value ?? inject(q$1, h$
263
263
  }, "") : e.value(void 0, t.value));
264
264
  function ae(e = !1) {
265
265
  const t = ref(e);
266
- function o() {
266
+ function s() {
267
267
  t.value = !0;
268
268
  }
269
269
  function r() {
@@ -274,7 +274,7 @@ function ae(e = !1) {
274
274
  }
275
275
  return {
276
276
  isActiveToggle: t,
277
- show: o,
277
+ show: s,
278
278
  hide: r,
279
279
  toggle: n
280
280
  };
@@ -655,9 +655,6 @@ var script = defineComponent({
655
655
  }
656
656
  function onBlur(event) {
657
657
  activated.value = false;
658
- if (props.multiple) {
659
- clear();
660
- }
661
658
  context.emit('blur', event);
662
659
  }
663
660
  function openMobilePopover() {
@@ -772,8 +769,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
772
769
  disabled: _ctx.disabled,
773
770
  "enable-clear": _ctx.enableClear,
774
771
  onInput: _cache[1] || (_cache[1] = $event => _ctx.onInput($event)),
775
- onFocus: _cache[2] || (_cache[2] = $event => _ctx.onFocus($event)),
776
- onBlur: _cache[3] || (_cache[3] = $event => _ctx.onBlur($event))
772
+ onFocus: _cache[2] || (_cache[2] = $event => {
773
+ _ctx.onFocus($event);
774
+ })
777
775
  }, {
778
776
  tag: withCtx(({
779
777
  item
@@ -802,17 +800,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
802
800
  required: _ctx.required,
803
801
  readonly: _ctx.readonly,
804
802
  disabled: _ctx.disabled,
805
- onInput: _cache[4] || (_cache[4] = $event => {
803
+ onInput: _cache[3] || (_cache[3] = $event => {
806
804
  _ctx.$emit('input', $event);
807
805
  _ctx.onInput($event);
808
806
  _ctx.model = _ctx.searchText;
809
807
  }),
810
- onKeydown: _cache[5] || (_cache[5] = $event => _ctx.$emit('keydown', $event)),
811
- onKeyup: _cache[6] || (_cache[6] = $event => _ctx.$emit('keyup', $event)),
812
- onFocus: _cache[7] || (_cache[7] = $event => {
808
+ onKeydown: _cache[4] || (_cache[4] = $event => _ctx.$emit('keydown', $event)),
809
+ onKeyup: _cache[5] || (_cache[5] = $event => _ctx.$emit('keyup', $event)),
810
+ onFocus: _cache[6] || (_cache[6] = $event => {
813
811
  _ctx.onFocus($event);
814
812
  }),
815
- onBlur: _cache[8] || (_cache[8] = $event => {
813
+ onBlur: _cache[7] || (_cache[7] = $event => {
816
814
  _ctx.onBlur($event);
817
815
  })
818
816
  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[_directive_dropdown_open, _ctx.openMobilePopover]])]),
@@ -823,7 +821,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
823
821
  key: 0,
824
822
  icon: 'close',
825
823
  color: 'inherit',
826
- onClick: _cache[9] || (_cache[9] = $event => _ctx.reset())
824
+ onClick: _cache[8] || (_cache[8] = $event => _ctx.reset())
827
825
  })) : createCommentVNode("v-if", true)]),
828
826
  key: "0"
829
827
  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), createVNode(_component_OrPopover, {
@@ -843,12 +841,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
843
841
  key: 0,
844
842
  ref: 'mobileMultipleControl',
845
843
  modelValue: _ctx.model,
846
- "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => _ctx.model = $event),
844
+ "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.model = $event),
847
845
  overflow: 'scroll',
848
846
  placeholder: _ctx.placeholder,
849
847
  error: !!_ctx.error,
850
848
  "enable-clear": false,
851
- onInput: _cache[11] || (_cache[11] = $event => _ctx.onInput($event))
849
+ onInput: _cache[10] || (_cache[10] = $event => _ctx.onInput($event))
852
850
  }, {
853
851
  tag: withCtx(({
854
852
  item
@@ -866,7 +864,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
866
864
  ref: "mobileSingleControl",
867
865
  "model-value": _ctx.searchText || _ctx.model && _ctx.model.toString(),
868
866
  placeholder: _ctx.placeholder,
869
- onInput: _cache[12] || (_cache[12] = $event => {
867
+ onInput: _cache[11] || (_cache[11] = $event => {
870
868
  _ctx.$emit('input', $event);
871
869
  _ctx.onInput($event);
872
870
  _ctx.model = _ctx.searchText;
@@ -918,4 +916,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
918
916
  script.render = render;
919
917
  script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
920
918
 
921
- export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, V$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, q$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$2 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, i$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ae as bb, ie as c, ds as d, e, X$1 as f, c$1 as g, h$1 as h, isVue3 as i, se as j, k$1 as k, isVue2 as l, d as m, ne as n, oe as o, p, hs as q, re as r, s, te as t, ue as u, ee as v, script as w, $ as x, ys as y, y as z };
919
+ export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, V$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, q$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$2 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, i$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ae as bb, ie as c, ds as d, e, X$1 as f, c$1 as g, se as h, isVue3 as i, h$1 as j, k$1 as k, isVue2 as l, d as m, ne as n, oe as o, p, hs as q, re as r, s, te as t, ue as u, ee as v, script as w, $ as x, ys as y, y as z };