@shtabapp/ui-kit 1.60.1 → 1.62.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.
- package/CHANGELOG.md +17 -0
- package/dist/{SButton-DnU_XZ1C.js → SButton-6AL2ipRT.js} +2 -2
- package/dist/{SButton-C-z_q5CG.cjs → SButton-9dLbCJvh.cjs} +1 -1
- package/dist/{SButtonGroup-Cnuo4SzC.cjs → SButtonGroup-Co1AUbsm.cjs} +1 -1
- package/dist/{SButtonGroup-BOZQSxWY.js → SButtonGroup-DPq5g7bZ.js} +1 -1
- package/dist/{SChip-XCYvlpaS.js → SChip-DN8oicUv.js} +1 -1
- package/dist/{SChip-BL47yJ-i.cjs → SChip-nzYT9SEi.cjs} +1 -1
- package/dist/{SColorPalette-CqfVzhda.cjs → SColorPalette-CqIA4Qtp.cjs} +1 -1
- package/dist/{SColorPalette-D2WCADDX.js → SColorPalette-OCu-tgZ3.js} +1 -1
- package/dist/{SColorPicker-so_XNexn.js → SColorPicker-BL-zrskU.js} +3 -3
- package/dist/{SColorPicker-DZx0q55N.cjs → SColorPicker-CvhpJEj1.cjs} +1 -1
- package/dist/{SInput-Csy2uch7.js → SInput-BLxSis1f.js} +1 -1
- package/dist/{SInput-CRAegYKS.cjs → SInput-IfbP8zrv.cjs} +1 -1
- package/dist/{SList-By6TzeID.js → SList-C39LrsoS.js} +14 -4
- package/dist/SList-Du0gqyFs.cjs +1 -0
- package/dist/{SListItem-BYMbFs2A.js → SListItem-C1IeCv8M.js} +2 -2
- package/dist/{SListItem-3IpjaE9h.cjs → SListItem-cWTuQQY-.cjs} +1 -1
- package/dist/{SPhotoEdit-BJXa6mh4.js → SPhotoEdit-CTXpy4AE.js} +1 -1
- package/dist/{SPhotoEdit-vg58q6I7.cjs → SPhotoEdit-CxYaBC3u.cjs} +1 -1
- package/dist/{SSegmentControl-Dh_HmD4Z.cjs → SSegmentControl-B9jT8Axu.cjs} +1 -1
- package/dist/{SSegmentControl-hAAYltQR.js → SSegmentControl-CAoM03V6.js} +2 -2
- package/dist/{SSelect-BZFFs_lW.js → SSelect-BkX3VuCr.js} +5 -5
- package/dist/{SSelect-C48pqmeX.cjs → SSelect-CHWKMbB_.cjs} +1 -1
- package/dist/{STab-BbzowB-Y.cjs → STab-C06drUMG.cjs} +1 -1
- package/dist/{STab-DY1TGadw.js → STab-ltjZBvbK.js} +2 -2
- package/dist/{STabs-BUafXb2Q.js → STabs-CU1lSmcH.js} +3 -3
- package/dist/{STabs-h8sm-3do.cjs → STabs-g1pGWDkl.cjs} +1 -1
- package/dist/{STag-D1mmp1kd.cjs → STag-D8xdkjVR.cjs} +1 -1
- package/dist/{STag-CluIVRKi.js → STag-DwIU1Uje.js} +1 -1
- package/dist/{STagGroup-CF2TFkb3.cjs → STagGroup-D9hENgSo.cjs} +1 -1
- package/dist/{STagGroup-GzZhto7-.js → STagGroup-DWaTQbj6.js} +1 -1
- package/dist/components/SBanner/SBanner.types.d.ts +5 -0
- package/dist/components/SBanner/SBanner.types.d.ts.map +1 -1
- package/dist/components/SBanner/SBanner.vue.d.ts.map +1 -1
- package/dist/components/SList/SList.types.d.ts +2 -2
- package/dist/components/SList/SList.types.d.ts.map +1 -1
- package/dist/components/SList/SList.vue.d.ts +7 -0
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
- package/dist/components/SNotification/SNotification.types.d.ts +6 -0
- package/dist/components/SNotification/SNotification.types.d.ts.map +1 -1
- package/dist/components/SNotification/SNotification.vue.d.ts.map +1 -1
- package/dist/components/SToast/SToast.types.d.ts +5 -0
- package/dist/components/SToast/SToast.types.d.ts.map +1 -1
- package/dist/components/SToast/SToast.vue.d.ts.map +1 -1
- package/dist/components/SToastProvider/SToastProvider.vue.d.ts.map +1 -1
- package/dist/composables/useSelectionGroup.d.ts.map +1 -1
- package/dist/entries/button-group.cjs +1 -1
- package/dist/entries/button-group.js +2 -2
- package/dist/entries/button.cjs +1 -1
- package/dist/entries/button.js +1 -1
- package/dist/entries/chip.cjs +1 -1
- package/dist/entries/chip.js +1 -1
- package/dist/entries/color-palette.cjs +1 -1
- package/dist/entries/color-palette.js +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +2 -2
- package/dist/entries/composables.cjs +1 -1
- package/dist/entries/composables.js +2 -2
- package/dist/entries/input.cjs +1 -1
- package/dist/entries/input.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/photo-edit.cjs +1 -1
- package/dist/entries/photo-edit.js +1 -1
- package/dist/entries/segment-control.cjs +1 -1
- package/dist/entries/segment-control.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/tab.cjs +1 -1
- package/dist/entries/tab.js +1 -1
- package/dist/entries/tabs.cjs +1 -1
- package/dist/entries/tabs.js +2 -2
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +2 -2
- package/dist/entries/tag.cjs +1 -1
- package/dist/entries/tag.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +194 -176
- package/dist/uikit-components.css +1 -1
- package/dist/{useSelectLink-DClG5hGA.js → useSelectLink-2aCIYmF6.js} +1 -1
- package/dist/{useSelectLink-DDdMmsJB.cjs → useSelectLink-DZIAhQ2J.cjs} +1 -1
- package/dist/{useSelectionGroup-cKj38lEN.js → useSelectionGroup-BCAmPf3R.js} +34 -28
- package/dist/{useSelectionGroup-TaektE-I.cjs → useSelectionGroup-NJvi3hNo.cjs} +1 -1
- package/package.json +3 -3
- package/dist/SList-a88nA5Qh.cjs +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e } from "./useSelectionGroup-
|
|
1
|
+
import { n as e } from "./useSelectionGroup-BCAmPf3R.js";
|
|
2
2
|
import { computed as t, nextTick as n, toValue as r, watch as i } from "vue";
|
|
3
3
|
//#region src/composables/useSelectionGroupItem.ts
|
|
4
4
|
var a = ({ group: n, value: a, el: o, disabled: s, interactive: c }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./useSelectionGroup-
|
|
1
|
+
const e=require("./useSelectionGroup-NJvi3hNo.cjs");let t=require("vue");var n=({group:n,value:r,el:i,disabled:a,interactive:o})=>{let s=(0,t.computed)(()=>(0,t.toValue)(r)),c=(0,t.computed)(()=>!!(0,t.toValue)(a)),l=(0,t.computed)(()=>(0,t.toValue)(o)??!0),u=(0,t.computed)(()=>(0,t.toValue)(n)),d=(0,t.computed)(()=>!!u.value&&!!s.value),f=(0,t.computed)(()=>!u.value||!s.value?!1:u.value.isSelected(s.value)),p=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.MULTIPLE)return f.value?`true`:`false`}),m=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.SINGLE)return f.value?`true`:`false`}),h=(0,t.computed)(()=>{if(!(!d.value||!u.value||!s.value))return u.value.getItemTabIndex(s.value)});return(0,t.watch)(()=>({inGroup:d.value,val:s.value,ctx:u.value}),(e,t,n)=>{if(!e.inGroup||!e.val||!e.ctx)return;let r=e.val;n(e.ctx.registerItem({value:()=>r,el:i,disabled:()=>c.value}))},{immediate:!0}),{isInGroup:d,isActive:f,ariaPressed:p,ariaChecked:m,tabIndex:h,handleClick:()=>{l.value&&(!d.value||!u.value||!s.value||u.value.selectItem(s.value))},handleKeydown:e=>{l.value&&(!d.value||!u.value||!s.value||u.value.handleItemKeydown(e,s.value))}}},r=({isRouterLink:e,isActive:n,group:r,value:i})=>{(0,t.watch)(()=>n.value,n=>{if(!e.value||n!==!0)return;let a=(0,t.toValue)(r),o=(0,t.toValue)(i);!a||o===void 0||a.isSelected(o)||(0,t.nextTick)(()=>{a.selectItem(o)})},{immediate:!0})};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
|
|
@@ -10,19 +10,19 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
10
10
|
"Enter",
|
|
11
11
|
" ",
|
|
12
12
|
"Spacebar"
|
|
13
|
-
], u = (e, t, n) => e === void 0 ? t === void 0 ? n : t : e, d = (e) => e != null && !Array.isArray(e),
|
|
13
|
+
], u = (e, t, n) => e === void 0 ? t === void 0 ? n : t : e, d = (e) => e != null && !Array.isArray(e), ee = (e) => {
|
|
14
14
|
if (!e) return null;
|
|
15
15
|
if (e instanceof HTMLElement) return e;
|
|
16
16
|
let t = e.$el;
|
|
17
17
|
return t instanceof HTMLElement ? t : null;
|
|
18
|
-
},
|
|
19
|
-
let
|
|
18
|
+
}, f = ({ modelValue: o, onUpdateModelValue: s, mode: c, mandatory: u, orientation: d, loop: f, enableTabNavigation: p, orderedValues: te, isValueDisabled: m, focusMode: h, onBeforeFocusItem: g, onFocusGroup: _, compareValues: v }) => {
|
|
19
|
+
let y = (e, t) => v ? v(e, t) : Object.is(e, t), b = e(() => a(c) ?? "single"), x = e(() => a(u) ?? !1), S = e(() => a(d) ?? "horizontal"), ne = e(() => a(f) ?? !0), C = e(() => a(p) ?? !1), w = e(() => a(h) ?? "dom"), T = e(() => w.value === "activedescendant"), E = e(() => {
|
|
20
20
|
let e = a(o);
|
|
21
21
|
return e == null ? [] : Array.isArray(e) ? e : [e];
|
|
22
|
-
}), D = i([]), O = r(void 0), k = (e) => E.value.some((t) =>
|
|
22
|
+
}), D = i([]), O = r(void 0), k = (e) => E.value.some((t) => y(t, e)), A = (e) => !!a(e.disabled), j = (e) => {
|
|
23
23
|
s && s(e);
|
|
24
24
|
}, M = (e, t = !0) => {
|
|
25
|
-
let n =
|
|
25
|
+
let n = b.value;
|
|
26
26
|
if (n !== "none") {
|
|
27
27
|
if (n === "single") {
|
|
28
28
|
if (k(e)) return;
|
|
@@ -33,21 +33,21 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
33
33
|
}
|
|
34
34
|
}, N = (e, t) => {
|
|
35
35
|
if (k(e)) {
|
|
36
|
-
if (
|
|
36
|
+
if (x.value) return;
|
|
37
37
|
j(void 0);
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
40
|
j(e), t && (O.value = e);
|
|
41
41
|
}, P = (e) => {
|
|
42
42
|
if (k(e)) {
|
|
43
|
-
let t = E.value.filter((t) => !
|
|
44
|
-
if (
|
|
43
|
+
let t = E.value.filter((t) => !y(t, e));
|
|
44
|
+
if (x.value && t.length === 0) return;
|
|
45
45
|
j(t);
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
48
|
j([...E.value, e]);
|
|
49
49
|
}, F = (e, t = !0) => {
|
|
50
|
-
let n =
|
|
50
|
+
let n = b.value;
|
|
51
51
|
if (n !== "none") {
|
|
52
52
|
if (n === "single") {
|
|
53
53
|
N(e, t);
|
|
@@ -56,17 +56,17 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
56
56
|
P(e);
|
|
57
57
|
}
|
|
58
58
|
}, re = () => {
|
|
59
|
-
let e =
|
|
59
|
+
let e = b.value;
|
|
60
60
|
if (e !== "none") {
|
|
61
61
|
if (e === "single") {
|
|
62
|
-
if (
|
|
62
|
+
if (x.value) return;
|
|
63
63
|
j(void 0);
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
|
-
|
|
66
|
+
x.value || j([]);
|
|
67
67
|
}
|
|
68
68
|
}, I = () => D.filter((e) => !A(e)), L = e(() => {
|
|
69
|
-
let e = a(
|
|
69
|
+
let e = a(te);
|
|
70
70
|
return !e || e.length === 0 ? null : e;
|
|
71
71
|
}), R = e(() => {
|
|
72
72
|
let e = L.value;
|
|
@@ -77,13 +77,13 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
77
77
|
r !== void 0 && t.set(r, n);
|
|
78
78
|
}
|
|
79
79
|
return t;
|
|
80
|
-
}), z = (e) => D.find((t) =>
|
|
81
|
-
if (
|
|
80
|
+
}), z = (e) => D.find((t) => y(a(t.value), e)), B = (e) => {
|
|
81
|
+
if (m) return m(e);
|
|
82
82
|
let t = z(e);
|
|
83
83
|
return t ? A(t) : !1;
|
|
84
84
|
}, V = (e) => {
|
|
85
85
|
let t = R.value;
|
|
86
|
-
return t ? t.get(e) ?? -1 : I().findIndex((t) =>
|
|
86
|
+
return t ? t.get(e) ?? -1 : I().findIndex((t) => y(a(t.value), e));
|
|
87
87
|
}, H = () => {
|
|
88
88
|
let e = L.value;
|
|
89
89
|
return e ? e.length : I().length;
|
|
@@ -125,22 +125,22 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
125
125
|
}, J = (e) => {
|
|
126
126
|
if (T.value) return -1;
|
|
127
127
|
let t = O.value;
|
|
128
|
-
if (t !== void 0) return
|
|
129
|
-
for (let t of E.value) if (
|
|
128
|
+
if (t !== void 0) return y(t, e) ? 0 : -1;
|
|
129
|
+
for (let t of E.value) if (y(t, e)) return 0;
|
|
130
130
|
let n = q();
|
|
131
|
-
return n &&
|
|
131
|
+
return n && y(n, e) ? 0 : -1;
|
|
132
132
|
}, Y = () => !T.value || H() === 0 ? -1 : 0, X = (e) => {
|
|
133
133
|
let t = z(e);
|
|
134
|
-
return t ?
|
|
134
|
+
return t ? ee(a(t.el)) : null;
|
|
135
135
|
}, Z = async (e, n = !0) => {
|
|
136
|
-
if (O.value = e,
|
|
136
|
+
if (O.value = e, g && await g(e), T.value) _ && _();
|
|
137
137
|
else {
|
|
138
138
|
let n = X(e);
|
|
139
139
|
n ||= (await t(), X(e)), n && n.focus({ preventScroll: !0 });
|
|
140
140
|
}
|
|
141
|
-
n &&
|
|
141
|
+
n && b.value === "single" && M(e);
|
|
142
142
|
}, Q = async (e, t, n = !0, r = !0) => {
|
|
143
|
-
let i = G(e, t, r &&
|
|
143
|
+
let i = G(e, t, r && ne.value);
|
|
144
144
|
if (!i) {
|
|
145
145
|
if (V(e) === -1) {
|
|
146
146
|
let e = K(t === 1 ? "start" : "end");
|
|
@@ -174,18 +174,18 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
174
174
|
let e = D.indexOf(t);
|
|
175
175
|
e !== -1 && D.splice(e, 1);
|
|
176
176
|
let n = O.value;
|
|
177
|
-
n !== void 0 &&
|
|
177
|
+
n !== void 0 && y(a(t.value), n) && (O.value = void 0);
|
|
178
178
|
};
|
|
179
179
|
return n(r, !0), r;
|
|
180
180
|
},
|
|
181
181
|
getItemTabIndex: J,
|
|
182
182
|
getGroupTabIndex: Y,
|
|
183
183
|
handleItemKeydown: async (e, t) => {
|
|
184
|
-
if (
|
|
184
|
+
if (C.value && e.key === "Tab") {
|
|
185
185
|
await ie(e, t);
|
|
186
186
|
return;
|
|
187
187
|
}
|
|
188
|
-
let n =
|
|
188
|
+
let n = S.value === "horizontal", r = {
|
|
189
189
|
[n ? "ArrowRight" : "ArrowDown"]: () => Q(t, 1, !1),
|
|
190
190
|
[n ? "ArrowLeft" : "ArrowUp"]: () => Q(t, -1, !1),
|
|
191
191
|
Home: () => $("start"),
|
|
@@ -195,11 +195,17 @@ var o = /* @__PURE__ */ function(e) {
|
|
|
195
195
|
e.preventDefault(), await r();
|
|
196
196
|
return;
|
|
197
197
|
}
|
|
198
|
-
l.includes(e.key)
|
|
198
|
+
if (l.includes(e.key)) {
|
|
199
|
+
if (e.preventDefault(), b.value === "none") {
|
|
200
|
+
X(t)?.click();
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
F(t);
|
|
204
|
+
}
|
|
199
205
|
},
|
|
200
206
|
focusItem: Z,
|
|
201
207
|
focusedValue: O
|
|
202
208
|
};
|
|
203
209
|
};
|
|
204
210
|
//#endregion
|
|
205
|
-
export { u as a, d as i, o as n,
|
|
211
|
+
export { u as a, d as i, o as n, f as o, s as r, c as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=require("vue");var t=function(e){return e.SINGLE=`single`,e.MULTIPLE=`multiple`,e.NONE=`none`,e}({}),n=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),r=function(e){return e.DOM=`dom`,e.ACTIVE_DESCENDANT=`activedescendant`,e}({}),i=[`Enter`,` `,`Spacebar`],a=(e,t,n)=>e===void 0?t===void 0?n:t:e,o=e=>e!=null&&!Array.isArray(e),s=e=>{if(!e)return null;if(e instanceof HTMLElement)return e;let t=e.$el;return t instanceof HTMLElement?t:null},c=({modelValue:t,onUpdateModelValue:n,mode:r,mandatory:a,orientation:o,loop:c,enableTabNavigation:l,orderedValues:u,isValueDisabled:d,focusMode:f,onBeforeFocusItem:p,onFocusGroup:m,compareValues:h})=>{let g=(e,t)=>h?h(e,t):Object.is(e,t),_=(0,e.computed)(()=>(0,e.toValue)(r)??`single`),v=(0,e.computed)(()=>(0,e.toValue)(a)??!1),y=(0,e.computed)(()=>(0,e.toValue)(o)??`horizontal`),b=(0,e.computed)(()=>(0,e.toValue)(c)??!0),x=(0,e.computed)(()=>(0,e.toValue)(l)??!1),S=(0,e.computed)(()=>(0,e.toValue)(f)??`dom`),C=(0,e.computed)(()=>S.value===`activedescendant`),w=(0,e.computed)(()=>{let n=(0,e.toValue)(t);return n==null?[]:Array.isArray(n)?n:[n]}),T=(0,e.shallowReactive)([]),E=(0,e.ref)(void 0),D=e=>w.value.some(t=>g(t,e)),O=t=>!!(0,e.toValue)(t.disabled),k=e=>{n&&n(e)},A=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){if(D(e))return;k(e),t&&(E.value=e);return}D(e)||k([...w.value,e])}},j=(e,t)=>{if(D(e)){if(v.value)return;k(void 0);return}k(e),t&&(E.value=e)},M=e=>{if(D(e)){let t=w.value.filter(t=>!g(t,e));if(v.value&&t.length===0)return;k(t);return}k([...w.value,e])},N=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){j(e,t);return}M(e)}},P=()=>{let e=_.value;if(e!==`none`){if(e===`single`){if(v.value)return;k(void 0);return}v.value||k([])}},F=()=>T.filter(e=>!O(e)),I=(0,e.computed)(()=>{let t=(0,e.toValue)(u);return!t||t.length===0?null:t}),L=(0,e.computed)(()=>{let e=I.value;if(!e)return null;let t=new Map;for(let n=0;n<e.length;n+=1){let r=e[n];r!==void 0&&t.set(r,n)}return t}),R=t=>T.find(n=>g((0,e.toValue)(n.value),t)),z=e=>{if(d)return d(e);let t=R(e);return t?O(t):!1},B=t=>{let n=L.value;return n?n.get(t)??-1:F().findIndex(n=>g((0,e.toValue)(n.value),t))},V=()=>{let e=I.value;return e?e.length:F().length},H=t=>{let n=I.value;if(n)return n[t];let r=F()[t];if(r)return(0,e.toValue)(r.value)},U=(e,t,n)=>{let r=e;for(;r>=0&&r<n;){let e=H(r);if(e!==void 0&&!z(e))return e;r+=t}},W=(e,t,n=!0)=>{let r=V();if(r===0)return;let i=B(e),a=U((i===-1?t===1?-1:r:i)+t,t,r);if(a!==void 0)return a;if(n)return U(t===1?0:r-1,t,r)},G=e=>{let t=V();if(t!==0)return e===`start`?U(0,1,t):U(t-1,-1,t)},K=()=>{let t=F();if(t.length===0)return;let n=L.value;if(!n){let n=t[0];return n?(0,e.toValue)(n.value):void 0}let r,i=1/0;for(let a of t){let t=(0,e.toValue)(a.value),o=n.get(t);o!==void 0&&o<i&&(i=o,r=t)}return r},q=e=>{if(C.value)return-1;let t=E.value;if(t!==void 0)return g(t,e)?0:-1;for(let t of w.value)if(g(t,e))return 0;let n=K();return n&&g(n,e)?0:-1},J=()=>!C.value||V()===0?-1:0,Y=t=>{let n=R(t);return n?s((0,e.toValue)(n.el)):null},X=async(t,n=!0)=>{if(E.value=t,p&&await p(t),C.value)m&&m();else{let n=Y(t);n||=(await(0,e.nextTick)(),Y(t)),n&&n.focus({preventScroll:!0})}n&&_.value===`single`&&A(t)},Z=async(e,t,n=!0,r=!0)=>{let i=W(e,t,r&&b.value);if(!i){if(B(e)===-1){let e=G(t===1?`start`:`end`);e&&await X(e,n)}return}await X(i,n)},Q=async(e,t)=>{if(B(t)===-1)return;let n=W(t,e.shiftKey?-1:1,!1);n&&(e.preventDefault(),await X(n,!1))},$=async e=>{let t=G(e);t&&await X(t,!1)};return{selectedValues:w,isSelected:D,select:A,toggle:N,clear:P,registerItem:t=>{let n={value:t.value,el:t.el,disabled:t.disabled};T.push(n);let r=()=>{let t=T.indexOf(n);t!==-1&&T.splice(t,1);let r=E.value;r!==void 0&&g((0,e.toValue)(n.value),r)&&(E.value=void 0)};return(0,e.onScopeDispose)(r,!0),r},getItemTabIndex:q,getGroupTabIndex:J,handleItemKeydown:async(e,t)=>{if(x.value&&e.key===`Tab`){await Q(e,t);return}let n=y.value===`horizontal`,r={[n?`ArrowRight`:`ArrowDown`]:()=>Z(t,1,!1),[n?`ArrowLeft`:`ArrowUp`]:()=>Z(t,-1,!1),Home:()=>$(`start`),End:()=>$(`end`)}[e.key];if(r){e.preventDefault(),await r();return}i.includes(e.key)
|
|
1
|
+
let e=require("vue");var t=function(e){return e.SINGLE=`single`,e.MULTIPLE=`multiple`,e.NONE=`none`,e}({}),n=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),r=function(e){return e.DOM=`dom`,e.ACTIVE_DESCENDANT=`activedescendant`,e}({}),i=[`Enter`,` `,`Spacebar`],a=(e,t,n)=>e===void 0?t===void 0?n:t:e,o=e=>e!=null&&!Array.isArray(e),s=e=>{if(!e)return null;if(e instanceof HTMLElement)return e;let t=e.$el;return t instanceof HTMLElement?t:null},c=({modelValue:t,onUpdateModelValue:n,mode:r,mandatory:a,orientation:o,loop:c,enableTabNavigation:l,orderedValues:u,isValueDisabled:d,focusMode:f,onBeforeFocusItem:p,onFocusGroup:m,compareValues:h})=>{let g=(e,t)=>h?h(e,t):Object.is(e,t),_=(0,e.computed)(()=>(0,e.toValue)(r)??`single`),v=(0,e.computed)(()=>(0,e.toValue)(a)??!1),y=(0,e.computed)(()=>(0,e.toValue)(o)??`horizontal`),b=(0,e.computed)(()=>(0,e.toValue)(c)??!0),x=(0,e.computed)(()=>(0,e.toValue)(l)??!1),S=(0,e.computed)(()=>(0,e.toValue)(f)??`dom`),C=(0,e.computed)(()=>S.value===`activedescendant`),w=(0,e.computed)(()=>{let n=(0,e.toValue)(t);return n==null?[]:Array.isArray(n)?n:[n]}),T=(0,e.shallowReactive)([]),E=(0,e.ref)(void 0),D=e=>w.value.some(t=>g(t,e)),O=t=>!!(0,e.toValue)(t.disabled),k=e=>{n&&n(e)},A=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){if(D(e))return;k(e),t&&(E.value=e);return}D(e)||k([...w.value,e])}},j=(e,t)=>{if(D(e)){if(v.value)return;k(void 0);return}k(e),t&&(E.value=e)},M=e=>{if(D(e)){let t=w.value.filter(t=>!g(t,e));if(v.value&&t.length===0)return;k(t);return}k([...w.value,e])},N=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){j(e,t);return}M(e)}},P=()=>{let e=_.value;if(e!==`none`){if(e===`single`){if(v.value)return;k(void 0);return}v.value||k([])}},F=()=>T.filter(e=>!O(e)),I=(0,e.computed)(()=>{let t=(0,e.toValue)(u);return!t||t.length===0?null:t}),L=(0,e.computed)(()=>{let e=I.value;if(!e)return null;let t=new Map;for(let n=0;n<e.length;n+=1){let r=e[n];r!==void 0&&t.set(r,n)}return t}),R=t=>T.find(n=>g((0,e.toValue)(n.value),t)),z=e=>{if(d)return d(e);let t=R(e);return t?O(t):!1},B=t=>{let n=L.value;return n?n.get(t)??-1:F().findIndex(n=>g((0,e.toValue)(n.value),t))},V=()=>{let e=I.value;return e?e.length:F().length},H=t=>{let n=I.value;if(n)return n[t];let r=F()[t];if(r)return(0,e.toValue)(r.value)},U=(e,t,n)=>{let r=e;for(;r>=0&&r<n;){let e=H(r);if(e!==void 0&&!z(e))return e;r+=t}},W=(e,t,n=!0)=>{let r=V();if(r===0)return;let i=B(e),a=U((i===-1?t===1?-1:r:i)+t,t,r);if(a!==void 0)return a;if(n)return U(t===1?0:r-1,t,r)},G=e=>{let t=V();if(t!==0)return e===`start`?U(0,1,t):U(t-1,-1,t)},K=()=>{let t=F();if(t.length===0)return;let n=L.value;if(!n){let n=t[0];return n?(0,e.toValue)(n.value):void 0}let r,i=1/0;for(let a of t){let t=(0,e.toValue)(a.value),o=n.get(t);o!==void 0&&o<i&&(i=o,r=t)}return r},q=e=>{if(C.value)return-1;let t=E.value;if(t!==void 0)return g(t,e)?0:-1;for(let t of w.value)if(g(t,e))return 0;let n=K();return n&&g(n,e)?0:-1},J=()=>!C.value||V()===0?-1:0,Y=t=>{let n=R(t);return n?s((0,e.toValue)(n.el)):null},X=async(t,n=!0)=>{if(E.value=t,p&&await p(t),C.value)m&&m();else{let n=Y(t);n||=(await(0,e.nextTick)(),Y(t)),n&&n.focus({preventScroll:!0})}n&&_.value===`single`&&A(t)},Z=async(e,t,n=!0,r=!0)=>{let i=W(e,t,r&&b.value);if(!i){if(B(e)===-1){let e=G(t===1?`start`:`end`);e&&await X(e,n)}return}await X(i,n)},Q=async(e,t)=>{if(B(t)===-1)return;let n=W(t,e.shiftKey?-1:1,!1);n&&(e.preventDefault(),await X(n,!1))},$=async e=>{let t=G(e);t&&await X(t,!1)};return{selectedValues:w,isSelected:D,select:A,toggle:N,clear:P,registerItem:t=>{let n={value:t.value,el:t.el,disabled:t.disabled};T.push(n);let r=()=>{let t=T.indexOf(n);t!==-1&&T.splice(t,1);let r=E.value;r!==void 0&&g((0,e.toValue)(n.value),r)&&(E.value=void 0)};return(0,e.onScopeDispose)(r,!0),r},getItemTabIndex:q,getGroupTabIndex:J,handleItemKeydown:async(e,t)=>{if(x.value&&e.key===`Tab`){await Q(e,t);return}let n=y.value===`horizontal`,r={[n?`ArrowRight`:`ArrowDown`]:()=>Z(t,1,!1),[n?`ArrowLeft`:`ArrowUp`]:()=>Z(t,-1,!1),Home:()=>$(`start`),End:()=>$(`end`)}[e.key];if(r){e.preventDefault(),await r();return}if(i.includes(e.key)){if(e.preventDefault(),_.value===`none`){Y(t)?.click();return}N(t)}},focusItem:X,focusedValue:E}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shtabapp/ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.62.0",
|
|
4
4
|
"description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"shtab",
|
|
@@ -264,8 +264,8 @@
|
|
|
264
264
|
"dependencies": {
|
|
265
265
|
"chart.js": "^4.5.0",
|
|
266
266
|
"vue-i18n": "^9.14.5",
|
|
267
|
-
"@shtabapp/ui-kit-
|
|
268
|
-
"@shtabapp/ui-kit-
|
|
267
|
+
"@shtabapp/ui-kit-tokens": "^1.19.0",
|
|
268
|
+
"@shtabapp/ui-kit-primitives": "^1.28.0"
|
|
269
269
|
},
|
|
270
270
|
"devDependencies": {
|
|
271
271
|
"@storybook/vue3-vite": "^10.4.1",
|
package/dist/SList-a88nA5Qh.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-3IpjaE9h.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t)=>{if(!t)return!1;let n=e[t];return typeof n==`boolean`?n:!1},l=`__s-ui-load-more:`,u=e=>`${l}${e}`,d=`__s-ui-list-divider__`,f=()=>Object.create(null),p=e=>e===void 0?new Set:typeof e==`string`?new Set([e]):new Set(e),m=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),m(e,t,n,r)})},h=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=h(s(i,r),t,n,r);if(e)return e}},g=(e,t,n,r,i,a,l,d)=>{e.forEach(e=>{let f=o(e,t);if(!f)return;let p=s(e,n),m=p.length>0,h=r.includes(f);l.push({key:f,item:e,depth:i,flatIndex:l.length,hasChildren:m,expanded:h,parentKey:a}),m&&h&&g(p,t,n,r,i+1,f,l,d),m&&h&&c(e,d)&&l.push({key:u(f),item:e,depth:i+1,flatIndex:l.length,hasChildren:!1,expanded:!1,parentKey:f,loadMoreForKey:f})})},_=(e,t,n,r)=>{let i=p(r);if(i.size===0)return;let a=[],c=[];for(let r of e){if(s(r,n).length>0)return;i.has(o(r,t))?a.push(r):c.push(r)}if(!(a.length===0||c.length===0))return{selectedItems:a,restItems:c}},v=({items:e,childrenKey:t,itemKey:r,expanded:i,hasMoreChildrenKey:a,selectedOnTop:o,selectedKeys:s})=>({flatRows:(0,n.computed)(()=>{let c=[],l=(0,n.toValue)(e),u=(0,n.toValue)(t),p=(0,n.toValue)(r),m=(0,n.toValue)(a),h=(0,n.toValue)(o)?_(l,p,u,(0,n.toValue)(s)):void 0;return h?(g(h.selectedItems,p,u,i.value,0,void 0,c,m),c.push({key:d,item:f(),depth:0,flatIndex:c.length,hasChildren:!1,expanded:!1,divider:!0}),g(h.restItems,p,u,i.value,0,void 0,c,m),c):(g(l,p,u,i.value,0,void 0,c,m),c)}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),c=(0,n.toValue)(r),l=new Set(i.value);if(l.has(a)){l.delete(a);let e=h(o,a,c,s);if(e){let t=new Set;m(e,c,s,t),t.forEach(e=>{l.delete(e)})}}else l.add(a);i.value=[...l]},isExpanded:e=>i.value.includes(e)}),y=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),b=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),x=b.TWO_X_SMALL,ee={[b.NONE]:`var(--s-ui-space-gap-none)`,[b.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[b.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[b.SMALL]:`var(--s-ui-space-gap-small)`,[b.MEDIUM]:`var(--s-ui-space-gap-medium)`,[b.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[b.LARGE]:`var(--s-ui-space-gap-large)`,[b.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[b.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},S={[b.NONE]:0,[b.TWO_X_SMALL]:2,[b.X_SMALL]:4,[b.SMALL]:8,[b.MEDIUM]:12,[b.X_MEDIUM]:16,[b.LARGE]:20,[b.X_LARGE]:24,[b.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,C=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},w=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},T=e=>e in r.ESIconName,E=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&T(n))return n},D=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,ne=e=>e.some(e=>e.hasChildren||e.parentKey),O=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},k=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,re=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?O(r,t,n):k(r,t):null},A=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ie=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return A(n,r+a,a,i.depth)},ae=[`role`,`aria-multiselectable`],oe=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],se=[`data-index`],ce={key:0,class:`s-ui-list__divider`,role:`separator`},le={key:0,class:`s-ui-list__divider`,role:`separator`},j={key:2,class:`s-ui-list__static`},M=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>x},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`,`loadMoreChildren`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(i,{expose:o,emit:s}){let c=(0,n.useModel)(i,`modelValue`),l=(0,n.useModel)(i,`selected`),u=(0,n.useModel)(i,`expanded`),d=s,f=(0,n.useSlots)(),p=(0,n.useId)(),m=(0,n.useTemplateRef)(`scrollElementRef`),h=(0,n.useTemplateRef)(`listRootElementRef`),g=(0,n.computed)(()=>S[i.gap]),_=(0,n.computed)(()=>i.items!==void 0),b=(0,n.computed)(()=>_.value?i.virtual===void 0?!0:i.virtual:!1),{flatRows:x,toggleExpanded:T}=v({items:()=>i.items??[],childrenKey:()=>i.childrenKey,itemKey:()=>i.itemKey,expanded:u,hasMoreChildrenKey:()=>i.hasMoreChildrenKey,selectedOnTop:()=>i.selectedOnTop,selectedKeys:()=>l.value}),{t:O}=(0,r.useUiKitI18n)(),k=(0,n.computed)(()=>new Set(i.loadingMoreChildrenKeys)),A=(0,n.computed)(()=>O(`list.loadMore`)),M=e=>e.loadMoreForKey?k.value.has(e.loadMoreForKey):!1,N=(e,t)=>{k.value.has(e)||d(`loadMoreChildren`,{key:e,item:t})},P=e=>{e.loadMoreForKey&&N(e.loadMoreForKey,e.item)},F=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:M(e),loadMore:()=>{P(e)}}),I=(0,a.useVirtualizer)((0,n.computed)(()=>({count:x.value.length,getScrollElement:()=>m.value,estimateSize:()=>i.estimateItemSize,gap:g.value,overscan:i.overscan}))),L=(0,n.computed)(()=>{if(_.value)return x.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),R=(0,n.computed)(()=>{let e=new Set;for(let t of x.value)!t.loadMoreForKey&&w(t.item,i.disabledKey)&&e.add(t.key);return e}),z=async e=>{if(!b.value)return;let t=x.value.findIndex(t=>t.key===e);t!==-1&&(I.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},B=e=>te(p,e),V=e.o({modelValue:()=>l.value,onUpdateModelValue:e=>{l.value=e},mode:()=>i.selectionMode,mandatory:()=>i.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>b.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:L,isValueDisabled:e=>R.value.has(e),onBeforeFocusItem:async e=>{await z(e)},onFocusGroup:()=>{m.value?.focus()}}),H=(0,n.computed)(()=>_.value&&ne(x.value)),U=()=>{if(b.value){m.value?.focus();return}h.value?.focus()},W=()=>{V.focusedValue.value=void 0,c.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==m.value&&e.blur(),U()},G=async e=>{b.value&&await z(e)},ue=async e=>{if(W(),e.type===`expand`||e.type===`collapse`){T(e.rowKey),V.select(e.rowKey,!1),await G(e.rowKey);return}V.select(e.rowKey,!1),await G(e.rowKey)},de=async(e,t)=>{if(!H.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=D(t,l.value),r=ie(e.key,n,x.value);return r?(e.preventDefault(),W(),V.select(r,!1),await G(r),!0):!1},fe=async(e,t)=>{if(!H.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=D(t,l.value),r=re(e.key,n,x.value);return r?(e.preventDefault(),await ue(r),!0):!1},K=()=>{if(c.value)return c.value;let e=D(``,l.value);if(e)return e;let t=L.value;if(t){for(let e of t)if(!R.value.has(e))return e}},q=()=>K(),pe=async e=>{let t=q();t&&await J(e,t)},me=[`Enter`,` `,`Spacebar`],he=(e,t)=>{if(!me.includes(e.key))return!1;let n=x.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),N(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{he(e,t)||await de(e,t)||await fe(e,t)||(await V.handleItemKeydown(e,t),c.value=V.focusedValue.value,!V.focusedValue.value&&!b.value&&U())},ge=async e=>{let t=K();t&&await J(e,t)},_e=async e=>{if(b.value||e.target!==h.value)return;let t=K();t&&await J(e,t)},ve=async()=>{let e=K();if(!e){U();return}await V.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>i.selectionMode,isSelected:V.isSelected,selectItem:V.toggle,registerItem:V.registerItem,getItemTabIndex:V.getItemTabIndex,getGroupTabIndex:V.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>c.value,setActiveKey:e=>{c.value=e},isExpanded:e=>u.value.includes(e),toggleExpanded:e=>{if(_.value){T(e);return}let t=new Set(u.value);t.has(e)?t.delete(e):t.add(e),u.value=[...t]},revealRight:()=>i.revealRight,expandOnClick:()=>i.expandOnClick,getItemOptionId:e=>{if(b.value)return B(e)},usesActiveDescendantNavigation:()=>b.value,handlesTreeKeyboardNavigation:()=>_.value});let ye=(0,n.computed)(()=>I.value.getVirtualItems()),be=(0,n.computed)(()=>ye.value.flatMap(e=>{let t=x.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),xe=(0,n.computed)(()=>I.value.getTotalSize()),Se=(0,n.computed)(()=>({height:`${xe.value}px`,position:`relative`,width:`100%`})),Y=(0,n.computed)(()=>{let e={};return typeof i.height==`number`?e.height=`${i.height}px`:i.height&&(e.height=i.height),i.maxHeight&&(typeof i.maxHeight==`number`?e.maxHeight=`${i.maxHeight}px`:e.maxHeight=i.maxHeight),e}),Ce=(0,n.computed)(()=>({"s-ui-list--virtual":b.value,"s-ui-list--static":!b.value})),we=(0,n.computed)(()=>({"--s-ui-list-gap":ee[i.gap]})),X=(0,n.computed)(()=>({"s-ui-list__scroll--flat":_.value&&!b.value})),Z=(0,n.computed)(()=>{if(i.selectionMode===e.n.MULTIPLE)return!0}),Te=(0,n.computed)(()=>{if(!b.value)return`listbox`}),Ee=(0,n.computed)(()=>{if(!b.value)return Z.value}),De=(0,n.computed)(()=>{if(b.value)return V.getGroupTabIndex()}),Oe=(0,n.computed)(()=>c.value?c.value:D(``,l.value)),ke=(0,n.computed)(()=>{if(!b.value)return;let e=Oe.value;if(e)return B(e)});y(()=>m.value,{distance:()=>i.endReachedDistance,canLoadMore:()=>i.canLoadMore?i.canLoadMore():!0,onEndReached:()=>{d(`endReached`,{direction:`bottom`})}});let Ae=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),je=e=>{e instanceof HTMLElement&&I.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:V.isSelected(e.key),active:c.value===e.key,disabled:w(t,i.disabledKey),title:C(t,i.titleKey),subtitle:C(t,i.subtitleKey),iconLeft:E(t,i.iconLeftKey),revealRight:i.revealRight};return i.itemProps?{...n,...i.itemProps(t,e)}:n},$=e=>({...e,revealRight:i.revealRight,toggleExpanded:()=>{T(e.key)}});return o({focusNavigation:ve,handleKeyboardNavigation:ge}),(e,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:h,class:(0,n.normalizeClass)([`s-ui-list`,Ce.value]),style:(0,n.normalizeStyle)(we.value),role:Te.value,"aria-multiselectable":Ee.value,tabindex:`-1`,onKeydown:_e},[_.value&&b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":ke.value,tabindex:De.value,onKeydown:pe},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(Se.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(be.value,i=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:i.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":i.virtualRow.index,ref_for:!0,ref:je,style:(0,n.normalizeStyle)(Ae(i.virtualRow))},[i.flatRow.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ce)):i.flatRow.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},F(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.flatRow.key,depth:i.flatRow.depth,tiny:``,title:A.value,onClick:e=>P(i.flatRow)},(0,n.createSlots)({_:2},[M(i.flatRow)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i.flatRow)),(0,n.createSlots)({_:2},[(0,n.unref)(f).itemIconLeft?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemIconLeft`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`0`}:void 0,(0,n.unref)(f).itemTitle?{name:`title`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemTitle`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`1`}:void 0,(0,n.unref)(f).itemSubtitle?{name:`subtitle`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemSubtitle`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,se))),128))],4)],46,oe)):_.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(x),i=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:i.key},[i.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,le)):i.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},F(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.key,depth:i.depth,tiny:``,title:A.value,onClick:e=>P(i)},(0,n.createSlots)({_:2},[M(i)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i)),(0,n.createSlots)({_:2},[(0,n.unref)(f).itemIconLeft?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemIconLeft`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`0`}:void 0,(0,n.unref)(f).itemTitle?{name:`title`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemTitle`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`1`}:void 0,(0,n.unref)(f).itemSubtitle?{name:`subtitle`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemSubtitle`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,j,[(0,n.renderSlot)(e.$slots,`default`)]))],46,ae))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
|