@shtabapp/ui-kit 1.71.0 → 1.72.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 (65) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/{SColorPicker-BmaA5Xnp.js → SColorPicker-BjtlrGHZ.js} +3 -3
  3. package/dist/{SColorPicker-D7mTRL7K.cjs → SColorPicker-Ct8FVU0D.cjs} +1 -1
  4. package/dist/SDropdown-B8Z4oNMk.cjs +1 -0
  5. package/dist/SDropdown-cNmJ5Lrz.js +400 -0
  6. package/dist/SSelect-mnobObXO.cjs +1 -0
  7. package/dist/{SSelect-DUtNtnqM.js → SSelect-rpJCD5PL.js} +22 -19
  8. package/dist/{STable-CunQFK-x.js → STable-DjJYfejr.js} +692 -674
  9. package/dist/STable-yU2XUABP.cjs +1 -0
  10. package/dist/components/SBanner/SBanner.types.d.ts +2 -0
  11. package/dist/components/SBanner/SBanner.types.d.ts.map +1 -1
  12. package/dist/components/SBanner/SBanner.vue.d.ts.map +1 -1
  13. package/dist/components/SDropdown/SDropdown.types.d.ts +4 -4
  14. package/dist/components/SDropdown/SDropdown.types.d.ts.map +1 -1
  15. package/dist/components/SDropdown/SDropdown.vue.d.ts +8 -8
  16. package/dist/components/SDropdown/SDropdown.vue.d.ts.map +1 -1
  17. package/dist/components/SDropdown/parts/SDropdownSheet.types.d.ts +2 -0
  18. package/dist/components/SDropdown/parts/SDropdownSheet.types.d.ts.map +1 -1
  19. package/dist/components/SDropdown/parts/SDropdownSheet.vue.d.ts +3 -1
  20. package/dist/components/SDropdown/parts/SDropdownSheet.vue.d.ts.map +1 -1
  21. package/dist/components/SDropdown/utils/context.d.ts +13 -0
  22. package/dist/components/SDropdown/utils/context.d.ts.map +1 -0
  23. package/dist/components/SDropdown/utils/useDropdownTree.d.ts +18 -0
  24. package/dist/components/SDropdown/utils/useDropdownTree.d.ts.map +1 -0
  25. package/dist/components/SNotification/SNotification.types.d.ts +2 -0
  26. package/dist/components/SNotification/SNotification.types.d.ts.map +1 -1
  27. package/dist/components/SNotification/SNotification.vue.d.ts.map +1 -1
  28. package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
  29. package/dist/components/STable/STable.types.d.ts +12 -0
  30. package/dist/components/STable/STable.types.d.ts.map +1 -1
  31. package/dist/components/STable/STable.vue.d.ts.map +1 -1
  32. package/dist/components/STable/parts/STableHeaderCell.vue.d.ts.map +1 -1
  33. package/dist/components/STable/utils/useTableRowDnd.d.ts.map +1 -1
  34. package/dist/components/STable/utils/useTableStickyRows.d.ts +2 -1
  35. package/dist/components/STable/utils/useTableStickyRows.d.ts.map +1 -1
  36. package/dist/components/STag/STag.types.d.ts +1 -1
  37. package/dist/components/STag/STag.types.d.ts.map +1 -1
  38. package/dist/composables/connectedPosition/computeConnectedPosition.d.ts.map +1 -1
  39. package/dist/composables/connectedPosition/getOverflow.d.ts +1 -0
  40. package/dist/composables/connectedPosition/getOverflow.d.ts.map +1 -1
  41. package/dist/composables/useEscapeDismiss.d.ts +15 -0
  42. package/dist/composables/useEscapeDismiss.d.ts.map +1 -0
  43. package/dist/composables/useFloatingOverlay.d.ts +4 -0
  44. package/dist/composables/useFloatingOverlay.d.ts.map +1 -1
  45. package/dist/entries/color-picker.cjs +1 -1
  46. package/dist/entries/color-picker.js +1 -1
  47. package/dist/entries/composables.cjs +1 -1
  48. package/dist/entries/composables.js +2 -2
  49. package/dist/entries/dropdown.cjs +1 -1
  50. package/dist/entries/dropdown.js +2 -2
  51. package/dist/entries/select.cjs +1 -1
  52. package/dist/entries/select.js +1 -1
  53. package/dist/entries/table.cjs +1 -1
  54. package/dist/entries/table.js +1 -1
  55. package/dist/index.cjs +1 -1
  56. package/dist/index.js +221 -193
  57. package/dist/uikit-components.css +1 -1
  58. package/dist/useFloatingOverlay-CwGCMrig.cjs +1 -0
  59. package/dist/{useFloatingOverlay-b9_eDGNE.js → useFloatingOverlay-TxzVisMJ.js} +89 -86
  60. package/package.json +3 -3
  61. package/dist/SDropdown-BdgpPzfl.cjs +0 -1
  62. package/dist/SDropdown-xNcC6JDy.js +0 -362
  63. package/dist/SSelect-Coyrc99Y.cjs +0 -1
  64. package/dist/STable-Ch7thYCy.cjs +0 -1
  65. package/dist/useFloatingOverlay-Dp44TxvN.cjs +0 -1
@@ -1,6 +1,6 @@
1
1
  import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
2
2
  import { n as i } from "./useSelectionGroup-BCAmPf3R.js";
3
- import { t as a } from "./SDropdown-xNcC6JDy.js";
3
+ import { t as a } from "./SDropdown-cNmJ5Lrz.js";
4
4
  import { t as o } from "./SDropdownMenu-2koPU6IG.js";
5
5
  import { n as s, t as c } from "./SInput-D8NftspL.js";
6
6
  import { t as l } from "./SListItem-BOSQGRWA.js";
@@ -362,7 +362,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
362
362
  }
363
363
  await lt();
364
364
  }
365
- }, dt = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), V.value || await Q(), await it(), await z.value?.handleKeyboardNavigation(e), !0), ft = (e) => {
365
+ }, dt = async () => {
366
+ i.disabled || i.readonly || await lt();
367
+ }, ft = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), V.value || await Q(), await it(), await z.value?.handleKeyboardNavigation(e), !0), pt = (e) => {
366
368
  let t = ze(e);
367
369
  if (t) {
368
370
  if (Z.value) {
@@ -371,35 +373,35 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
371
373
  }
372
374
  K.value = e, ot();
373
375
  }
374
- }, pt = async (e) => {
375
- if (!(i.disabled || i.readonly) && !await dt(e)) {
376
+ }, mt = async (e) => {
377
+ if (!(i.disabled || i.readonly) && !await ft(e)) {
376
378
  if (e.key === "Escape") {
377
379
  e.preventDefault(), $();
378
380
  return;
379
381
  }
380
382
  if (e.key === "Enter" || e.key === " ") {
381
383
  if (e.preventDefault(), V.value && B.value) {
382
- ft(B.value);
384
+ pt(B.value);
383
385
  return;
384
386
  }
385
387
  await lt();
386
388
  }
387
389
  }
388
- }, mt = async (e) => {
390
+ }, ht = async (e) => {
389
391
  if (e.key === "Escape") {
390
392
  e.preventDefault(), $();
391
393
  return;
392
394
  }
393
- await dt(e);
394
- }, ht = mt, gt = (e) => {
395
+ await ft(e);
396
+ }, gt = ht, _t = (e) => {
395
397
  i.disabled || (H.value || y("focus", e), H.value = !0);
396
- }, _t = (e) => {
398
+ }, vt = (e) => {
397
399
  if (!(e.currentTarget instanceof HTMLElement)) return;
398
400
  let t = e.relatedTarget;
399
401
  t instanceof Node && e.currentTarget.contains(t) || (H.value = !1, y("blur", e));
400
- }, vt = () => {
402
+ }, yt = () => {
401
403
  Le(), y("clear");
402
- }, yt = (e) => {
404
+ }, bt = (e) => {
403
405
  y("endReached", e);
404
406
  };
405
407
  return s({
@@ -450,7 +452,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
450
452
  "selected-on-top": A(Z),
451
453
  "can-load-more": i.canLoadMore,
452
454
  "end-reached-distance": i.endReachedDistance,
453
- onEndReached: yt
455
+ onEndReached: bt
454
456
  }, _({ _: 2 }, [A(k).option || A(k)["option-icon"] || i.closableOptions || A(Z) ? {
455
457
  name: "item",
456
458
  fn: M((a) => [A(k).option ? D(s.$slots, "option", w(S({ key: 0 }, a))) : i.closableOptions ? (T(), m(A(l), w(S({ key: 1 }, Je(a))), _({ _: 2 }, [A(k)["option-icon"] ? {
@@ -515,7 +517,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
515
517
  clearable: !1,
516
518
  "icon-left": "search",
517
519
  onClick: u[1] ||= de(() => {}, ["stop"]),
518
- onKeydown: A(ht)
520
+ onKeydown: A(gt)
519
521
  }, null, 8, [
520
522
  "modelValue",
521
523
  "placeholder",
@@ -557,9 +559,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
557
559
  customize: i.customize,
558
560
  name: i.name,
559
561
  id: Xe.value,
560
- onClear: vt,
561
- onFocus: gt,
562
- onBlur: _t
562
+ onClear: yt,
563
+ onFocus: _t,
564
+ onBlur: vt
563
565
  }, _({
564
566
  control: M(() => [te("div", {
565
567
  id: Xe.value,
@@ -577,7 +579,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
577
579
  "aria-autocomplete": A(Ie) ? "list" : void 0,
578
580
  tabindex: et.value,
579
581
  onClick: ut,
580
- onKeydown: pt
582
+ onKeydown: mt
581
583
  }, [
582
584
  A(Z) ? D(s.$slots, "selection", w(S({ key: 0 }, $e.value)), () => [A(Fe) ? (T(), g("span", Se, O(A(Fe)), 1)) : A(q) && !A(J) ? (T(), g("span", Ce, O(i.placeholder), 1)) : h("", !0)]) : A(q) && !A(J) ? (T(), g("span", we, O(i.placeholder), 1)) : A(J) ? h("", !0) : (T(), g("span", Te, O(A(Ne)), 1)),
583
585
  A(k)["value-suffix"] && !A(Z) && !A(J) && !A(q) ? (T(), g("div", Ee, [D(s.$slots, "value-suffix", w(b(Ve.value)))])) : h("", !0),
@@ -595,13 +597,14 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
595
597
  autocomplete: "off",
596
598
  onClick: u[6] ||= de(() => {}, ["stop"]),
597
599
  onFocus: at,
598
- onKeydown: mt
600
+ onKeydown: ht
599
601
  }, null, 40, De)), [[ce, f.value]]) : h("", !0)
600
602
  ], 42, xe)]),
601
603
  action: M(() => [v(A(fe), {
602
604
  name: "chevronMiniDown",
603
605
  size: Oe,
604
- class: "s-ui-select__chevron"
606
+ class: "s-ui-select__chevron",
607
+ onClick: dt
605
608
  })]),
606
609
  _: 2
607
610
  }, [