@shtabapp/ui-kit 1.40.0 → 1.42.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 +12 -0
- package/dist/{SColorPicker-BnfGvKy4.js → SColorPicker-9vWK-6Pt.js} +1 -1
- package/dist/{SColorPicker-BcRHiLjI.cjs → SColorPicker-Df7YG5BE.cjs} +1 -1
- package/dist/SList-B4C-PzjB.js +432 -0
- package/dist/{SList-Txr46zQ5.cjs → SList-Bp3mUJfQ.cjs} +1 -1
- package/dist/SListItem-BFxQ2cj3.js +182 -0
- package/dist/SListItem-Cs1-uv5N.cjs +1 -0
- package/dist/{SSelect-XSZjYLBA.js → SSelect-CjaiJDdO.js} +2 -2
- package/dist/{SSelect-BPYtkzaw.cjs → SSelect-ClHXMqXz.cjs} +1 -1
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/context.d.ts +1 -0
- package/dist/components/SList/utils/context.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.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/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +4 -4
- package/dist/uikit-components.css +1 -1
- package/package.json +1 -1
- package/dist/SList-B40rJ-PZ.js +0 -431
- package/dist/SListItem-BKP5Wk1F.cjs +0 -1
- package/dist/SListItem-DKrpL2SS.js +0 -182
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { n as e, r as t, t as ee } from "./SButton.types-CpdHQtyx.js";
|
|
2
|
+
import { t as n } from "./SButton-DnU_XZ1C.js";
|
|
3
|
+
import { n as r } from "./useSelectLink-DClG5hGA.js";
|
|
4
|
+
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, inject as p, normalizeClass as m, normalizeProps as h, normalizeStyle as te, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, useTemplateRef as ne, withModifiers as x } from "vue";
|
|
5
|
+
import { ESSkeletonType as S, SIcon as C, SSkeleton as re, useUiKitI18n as ie } from "@shtabapp/ui-kit-primitives";
|
|
6
|
+
//#region src/components/SList/utils/context.ts
|
|
7
|
+
var w = Symbol("sListInjectionKey"), T = /* @__PURE__ */ function(e) {
|
|
8
|
+
return e.NEUTRAL = "neutral", e.MAIN = "main", e.ERROR = "error", e;
|
|
9
|
+
}({}), E = [
|
|
10
|
+
"id",
|
|
11
|
+
"tabindex",
|
|
12
|
+
"aria-selected",
|
|
13
|
+
"aria-disabled",
|
|
14
|
+
"aria-readonly",
|
|
15
|
+
"aria-busy",
|
|
16
|
+
"aria-expanded"
|
|
17
|
+
], D = {
|
|
18
|
+
key: 0,
|
|
19
|
+
class: "s-ui-list-item__level"
|
|
20
|
+
}, O = { class: "s-ui-list-item__body" }, k = {
|
|
21
|
+
key: 0,
|
|
22
|
+
class: "s-ui-list-item__icon-left"
|
|
23
|
+
}, A = { class: "s-ui-list-item__text" }, j = {
|
|
24
|
+
key: 0,
|
|
25
|
+
class: "s-ui-list-item__title s-ui-typography-label-14-medium"
|
|
26
|
+
}, M = {
|
|
27
|
+
key: 1,
|
|
28
|
+
class: "s-ui-list-item__subtitle s-ui-typography-body-12-regular"
|
|
29
|
+
}, N = {
|
|
30
|
+
key: 1,
|
|
31
|
+
class: "s-ui-list-item__title-action"
|
|
32
|
+
}, P = {
|
|
33
|
+
key: 1,
|
|
34
|
+
class: "s-ui-list-item__actions"
|
|
35
|
+
}, F = { class: "s-ui-list-item__actions-reveal" }, I = { class: "s-ui-list-item__actions-inner" }, L = {
|
|
36
|
+
key: 0,
|
|
37
|
+
class: "s-ui-list-item__trailing"
|
|
38
|
+
}, R = {
|
|
39
|
+
key: 1,
|
|
40
|
+
class: "s-ui-list-item__action-end"
|
|
41
|
+
}, z = 16, B = ".s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions", V = /* @__PURE__ */ d({
|
|
42
|
+
__name: "SListItem",
|
|
43
|
+
props: {
|
|
44
|
+
depth: { default: 0 },
|
|
45
|
+
expandable: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: !1
|
|
48
|
+
},
|
|
49
|
+
expanded: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: !1
|
|
52
|
+
},
|
|
53
|
+
variant: { default: () => T.NEUTRAL },
|
|
54
|
+
tiny: {
|
|
55
|
+
type: Boolean,
|
|
56
|
+
default: !1
|
|
57
|
+
},
|
|
58
|
+
selected: {
|
|
59
|
+
type: Boolean,
|
|
60
|
+
default: !1
|
|
61
|
+
},
|
|
62
|
+
active: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
default: !1
|
|
65
|
+
},
|
|
66
|
+
disabled: {
|
|
67
|
+
type: Boolean,
|
|
68
|
+
default: !1
|
|
69
|
+
},
|
|
70
|
+
readonly: {
|
|
71
|
+
type: Boolean,
|
|
72
|
+
default: !1
|
|
73
|
+
},
|
|
74
|
+
loading: {
|
|
75
|
+
type: Boolean,
|
|
76
|
+
default: !1
|
|
77
|
+
},
|
|
78
|
+
title: {},
|
|
79
|
+
subtitle: {},
|
|
80
|
+
iconLeft: {},
|
|
81
|
+
rowKey: {},
|
|
82
|
+
revealRight: { type: Boolean }
|
|
83
|
+
},
|
|
84
|
+
emits: [
|
|
85
|
+
"click",
|
|
86
|
+
"toggleExpand",
|
|
87
|
+
"keydown"
|
|
88
|
+
],
|
|
89
|
+
setup(d, { expose: T, emit: V }) {
|
|
90
|
+
let H = V, U = a(() => ({
|
|
91
|
+
disabled: d.disabled,
|
|
92
|
+
readonly: d.readonly
|
|
93
|
+
})), W = b(), G = ne("listItemElementRef"), K = p(w, null), { t: q } = ie(), J = r({
|
|
94
|
+
group: () => K,
|
|
95
|
+
value: () => d.rowKey,
|
|
96
|
+
el: () => G.value,
|
|
97
|
+
disabled: () => d.disabled || d.loading,
|
|
98
|
+
interactive: () => !d.readonly && !d.loading
|
|
99
|
+
}), Y = a(() => !!(W.trailing || W.right || W["action-end"])), X = a(() => K && d.rowKey ? K.isExpanded(d.rowKey) : d.expanded), ae = a(() => X.value ? q("listItem.collapse") : q("listItem.expand")), Z = a(() => J.isInGroup.value ? J.isActive.value : d.selected), oe = a(() => K && d.rowKey ? K.activeKey() === d.rowKey : d.active), se = a(() => d.revealRight === void 0 ? K ? K.revealRight() : !1 : d.revealRight), Q = a(() => {
|
|
100
|
+
if (!(!K || !d.rowKey)) return K.getItemOptionId(d.rowKey);
|
|
101
|
+
}), ce = a(() => {
|
|
102
|
+
if (K?.usesActiveDescendantNavigation()) return -1;
|
|
103
|
+
if (!(d.disabled || d.readonly || d.loading)) return J.tabIndex.value === void 0 ? 0 : J.tabIndex.value;
|
|
104
|
+
}), le = a(() => ({ "--s-ui-list-item-depth": String(d.depth) })), ue = a(() => [`s-ui-list-item--variant-${d.variant}`, {
|
|
105
|
+
"s-ui-list-item--tiny": d.tiny,
|
|
106
|
+
"s-ui-list-item--selected": Z.value,
|
|
107
|
+
"s-ui-list-item--active": oe.value,
|
|
108
|
+
"s-ui-list-item--disabled": d.disabled,
|
|
109
|
+
"s-ui-list-item--readonly": d.readonly,
|
|
110
|
+
"s-ui-list-item--loading": d.loading,
|
|
111
|
+
"s-ui-list-item--expandable": d.expandable,
|
|
112
|
+
"s-ui-list-item--reveal-right": se.value
|
|
113
|
+
}]), $ = () => {
|
|
114
|
+
if (K && d.rowKey) {
|
|
115
|
+
K.toggleExpanded(d.rowKey);
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
H("toggleExpand");
|
|
119
|
+
}, de = () => {
|
|
120
|
+
d.disabled || d.readonly || d.loading || $();
|
|
121
|
+
}, fe = (e) => e.target instanceof Element && !!e.target.closest(B), pe = (e) => {
|
|
122
|
+
d.disabled || d.readonly || d.loading || fe(e) || (K && d.rowKey && K.setActiveKey(d.rowKey), J.isInGroup.value && J.handleClick(), H("click", e));
|
|
123
|
+
}, me = (e) => !d.expandable || K?.handlesTreeKeyboardNavigation() || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.key === "ArrowRight" === X.value ? !1 : (e.preventDefault(), $(), !0), he = (e) => {
|
|
124
|
+
d.disabled || d.readonly || d.loading || (!me(e) && J.isInGroup.value && J.handleKeydown(e), H("keydown", e));
|
|
125
|
+
};
|
|
126
|
+
return T({ listItemElementRef: G }), (r, a) => (g(), c("div", {
|
|
127
|
+
ref_key: "listItemElementRef",
|
|
128
|
+
ref: G,
|
|
129
|
+
id: Q.value,
|
|
130
|
+
class: m(["s-ui-list-item", ue.value]),
|
|
131
|
+
style: te(le.value),
|
|
132
|
+
tabindex: ce.value,
|
|
133
|
+
role: "option",
|
|
134
|
+
"aria-selected": Z.value ? !0 : void 0,
|
|
135
|
+
"aria-disabled": d.disabled || d.loading ? !0 : void 0,
|
|
136
|
+
"aria-readonly": d.readonly ? !0 : void 0,
|
|
137
|
+
"aria-busy": d.loading ? !0 : void 0,
|
|
138
|
+
"aria-expanded": d.expandable && !d.loading ? X.value : void 0,
|
|
139
|
+
onClick: pe,
|
|
140
|
+
onKeydown: he
|
|
141
|
+
}, [d.loading ? (g(), o(y(re), {
|
|
142
|
+
key: 0,
|
|
143
|
+
type: y(S).S_LIST_ITEM
|
|
144
|
+
}, null, 8, ["type"])) : (g(), c(i, { key: 1 }, [
|
|
145
|
+
d.expandable || d.depth || y(W).level ? (g(), c("div", D, [_(r.$slots, "level", {}, () => [d.expandable ? (g(), o(y(n), {
|
|
146
|
+
key: 0,
|
|
147
|
+
class: m(["s-ui-list-item__expand", { "s-ui-list-item__expand--expanded": X.value }]),
|
|
148
|
+
appearance: y(ee).BARE,
|
|
149
|
+
variant: y(t).NEUTRAL,
|
|
150
|
+
size: y(e).SMALL,
|
|
151
|
+
icon: "chevronMiniRight",
|
|
152
|
+
disabled: d.disabled || d.readonly,
|
|
153
|
+
tabindex: -1,
|
|
154
|
+
"aria-label": ae.value,
|
|
155
|
+
onClick: x(de, ["stop"])
|
|
156
|
+
}, null, 8, [
|
|
157
|
+
"class",
|
|
158
|
+
"appearance",
|
|
159
|
+
"variant",
|
|
160
|
+
"size",
|
|
161
|
+
"disabled",
|
|
162
|
+
"aria-label"
|
|
163
|
+
])) : s("", !0)])])) : s("", !0),
|
|
164
|
+
l("div", O, [
|
|
165
|
+
d.iconLeft || y(W)["icon-left"] ? (g(), c("div", k, [_(r.$slots, "icon-left", {}, () => [d.iconLeft ? (g(), o(y(C), {
|
|
166
|
+
key: 0,
|
|
167
|
+
name: d.iconLeft,
|
|
168
|
+
size: z
|
|
169
|
+
}, null, 8, ["name"])) : s("", !0)])])) : s("", !0),
|
|
170
|
+
l("div", A, [d.title || y(W).title ? (g(), c("span", j, [_(r.$slots, "title", {}, () => [u(v(d.title), 1)])])) : s("", !0), d.subtitle || y(W).subtitle ? (g(), c("span", M, [_(r.$slots, "subtitle", {}, () => [u(v(d.subtitle), 1)])])) : s("", !0)]),
|
|
171
|
+
y(W)["title-action"] ? (g(), c("div", N, [_(r.$slots, "title-action", h(f(U.value)))])) : s("", !0)
|
|
172
|
+
]),
|
|
173
|
+
Y.value ? (g(), c("div", P, [l("div", F, [l("div", I, [
|
|
174
|
+
y(W).trailing ? (g(), c("div", L, [_(r.$slots, "trailing", h(f(U.value)))])) : s("", !0),
|
|
175
|
+
_(r.$slots, "right", h(f(U.value))),
|
|
176
|
+
y(W)["action-end"] ? (g(), c("div", R, [_(r.$slots, "action-end", h(f(U.value)))])) : s("", !0)
|
|
177
|
+
])])])) : s("", !0)
|
|
178
|
+
], 64))], 46, E));
|
|
179
|
+
}
|
|
180
|
+
});
|
|
181
|
+
//#endregion
|
|
182
|
+
export { T as n, w as r, V as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectLink-DDdMmsJB.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`sListInjectionKey`),o=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e}({}),s=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],c={key:0,class:`s-ui-list-item__level`},l={class:`s-ui-list-item__body`},u={key:0,class:`s-ui-list-item__icon-left`},d={class:`s-ui-list-item__text`},f={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},p={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},m={key:1,class:`s-ui-list-item__title-action`},h={key:1,class:`s-ui-list-item__actions`},g={class:`s-ui-list-item__actions-reveal`},_={class:`s-ui-list-item__actions-inner`},v={key:0,class:`s-ui-list-item__trailing`},y={key:1,class:`s-ui-list-item__action-end`},b=16,x=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,S=(0,r.defineComponent)({__name:`SListItem`,props:{depth:{default:0},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>o.NEUTRAL},tiny:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},title:{},subtitle:{},iconLeft:{},rowKey:{},revealRight:{type:Boolean}},emits:[`click`,`toggleExpand`,`keydown`],setup(o,{expose:S,emit:C}){let w=C,T=(0,r.computed)(()=>({disabled:o.disabled,readonly:o.readonly})),E=(0,r.useSlots)(),D=(0,r.useTemplateRef)(`listItemElementRef`),O=(0,r.inject)(a,null),{t:k}=(0,i.useUiKitI18n)(),A=n.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),j=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),M=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),N=(0,r.computed)(()=>M.value?k(`listItem.collapse`):k(`listItem.expand`)),P=(0,r.computed)(()=>A.isInGroup.value?A.isActive.value:o.selected),F=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),I=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),L=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),R=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return A.tabIndex.value===void 0?0:A.tabIndex.value}),z=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),B=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":P.value,"s-ui-list-item--active":F.value,"s-ui-list-item--disabled":o.disabled,"s-ui-list-item--readonly":o.readonly,"s-ui-list-item--loading":o.loading,"s-ui-list-item--expandable":o.expandable,"s-ui-list-item--reveal-right":I.value}]),V=()=>{if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)},H=()=>{o.disabled||o.readonly||o.loading||V()},U=e=>e.target instanceof Element&&!!e.target.closest(x),W=e=>{o.disabled||o.readonly||o.loading||U(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),A.isInGroup.value&&A.handleClick(),w(`click`,e))},G=e=>!o.expandable||O?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===M.value?!1:(e.preventDefault(),V(),!0),K=e=>{o.disabled||o.readonly||o.loading||(!G(e)&&A.isInGroup.value&&A.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:L.value,class:(0,r.normalizeClass)([`s-ui-list-item`,B.value]),style:(0,r.normalizeStyle)(z.value),tabindex:R.value,role:`option`,"aria-selected":P.value?!0:void 0,"aria-disabled":o.disabled||o.loading?!0:void 0,"aria-readonly":o.readonly?!0:void 0,"aria-busy":o.loading?!0:void 0,"aria-expanded":o.expandable&&!o.loading?M.value:void 0,onClick:W,onKeydown:K},[o.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SSkeleton),{key:0,type:(0,r.unref)(i.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[o.expandable||o.depth||(0,r.unref)(E).level?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(n.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":M.value}]),appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,icon:`chevronMiniRight`,disabled:o.disabled||o.readonly,tabindex:-1,"aria-label":N.value,onClick:(0,r.withModifiers)(H,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,l,[o.iconLeft||(0,r.unref)(E)[`icon-left`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.renderSlot)(n.$slots,`icon-left`,{},()=>[o.iconLeft?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:o.iconLeft,size:b},null,8,[`name`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,d,[o.title||(0,r.unref)(E).title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[(0,r.renderSlot)(n.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.title),1)])])):(0,r.createCommentVNode)(``,!0),o.subtitle||(0,r.unref)(E).subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p,[(0,r.renderSlot)(n.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.subtitle),1)])])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(E)[`title-action`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,m,[(0,r.renderSlot)(n.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),j.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[(0,r.createElementVNode)(`div`,g,[(0,r.createElementVNode)(`div`,_,[(0,r.unref)(E).trailing?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.renderSlot)(n.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(n.$slots,`right`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value))),(0,r.unref)(E)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,y,[(0,r.renderSlot)(n.$slots,`action-end`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)],64))],46,s))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});
|
|
@@ -3,8 +3,8 @@ import { t as r } from "./SButton-DnU_XZ1C.js";
|
|
|
3
3
|
import { n as i } from "./useSelectionGroup-cKj38lEN.js";
|
|
4
4
|
import { t as a } from "./SDropdown-CTQ5Qlez.js";
|
|
5
5
|
import { n as o, t as s } from "./SInput-CkanJfLx.js";
|
|
6
|
-
import { i as c, n as l, r as u, t as d } from "./SList-
|
|
7
|
-
import { t as f } from "./SListItem-
|
|
6
|
+
import { i as c, n as l, r as u, t as d } from "./SList-B4C-PzjB.js";
|
|
7
|
+
import { t as f } from "./SListItem-BFxQ2cj3.js";
|
|
8
8
|
import { computed as p, createBlock as ee, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as te, createVNode as v, defineComponent as y, guardReactiveProps as b, isRef as ne, mergeModels as x, mergeProps as re, nextTick as S, normalizeClass as C, normalizeProps as w, normalizeStyle as T, openBlock as E, ref as D, renderSlot as O, toDisplayString as k, toValue as A, unref as j, useId as ie, useModel as ae, useSlots as oe, useTemplateRef as M, vModelText as se, watch as N, withCtx as P, withDirectives as ce, withModifiers as le } from "vue";
|
|
9
9
|
import { SIcon as ue, useUiKitI18n as de } from "@shtabapp/ui-kit-primitives";
|
|
10
10
|
//#region src/components/SDropdownMenu/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-C07kFnj_.cjs"),a=require("./SList-Txr46zQ5.cjs"),o=require("./SListItem-BKP5Wk1F.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),ee=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),ee=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),k=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},te=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},A=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){k((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}te(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>w.value.length>0),j=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>f.value?w.value.length===0:!M.value),ae=(0,s.computed)(()=>v.value&&(u.value||f.value)),P=()=>{d.value=``};return(0,s.watch)(u,e=>{e||P()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{P()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:ee,listSelectedModel:A,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:ae,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,P()},removeSelectedValue:e=>{let n=h(e);k(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:P,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},k={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},te=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],A={key:0,class:`s-ui-select__value`},ne={key:1,class:`s-ui-select__placeholder`},j={key:1,class:`s-ui-select__placeholder`},M={key:2,class:`s-ui-select__value`},N={key:3,class:`s-ui-select__value-suffix`},re=[`name`,`placeholder`,`disabled`,`readonly`],ie=20,ae=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,{t:_}=(0,c.useUiKitI18n)(),v=(0,s.useSlots)(),y=(0,s.useId)(),b=(0,s.useId)(),x=(0,s.useTemplateRef)(`triggerInputRef`),S=(0,s.ref)(``),C=(0,s.useTemplateRef)(`searchInputElementRef`),w=(0,s.useTemplateRef)(`panelSearchInputElementRef`),T=(0,s.useTemplateRef)(`listElementRef`),E=(0,s.ref)(),D=(0,s.ref)(!1),O=(0,s.ref)(!1),P=(0,s.computed)(()=>n.itemId??n.itemValue),oe=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:P.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:se,listSelectedModel:L,hasSelectedValues:R,singleDisplayLabel:ce,multipleDisplayLabels:le,multipleDisplayText:z,showPlaceholder:B,showInputSearchField:V,isSearchableMode:ue,isSearchableInputMode:H,isSearchableContentMode:U,isMultipleMode:W,clearSelection:de,removeSelectedValue:G,resolveValueFromListKey:K,formatSelectListKey:q}=ee({modelValue:p,options:()=>n.options,itemFields:()=>oe.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),fe=(0,s.computed)(()=>!!v[`value-suffix`]),pe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ce.value})),J=(0,s.computed)(()=>I.value.length>ae),me=(0,s.computed)(()=>U.value||J.value?n.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(U.value||J.value))return n.listHeight}),ge=(0,s.computed)(()=>F.value.map(e=>q(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:_e(e.key)}),be=e=>{let t=K(e);if(g(t)){if(W.value){G(t);return}p.value=void 0}},xe=(0,s.computed)(()=>n.id??y),Se=(0,s.computed)(()=>b),Ce=(0,s.computed)(()=>x.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:F.value,displayText:z.value,disabled:n.disabled||n.readonly,removeValue:G})),Te=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!H.value||!H.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":W.value,"s-ui-select--open":D.value})),De=()=>{if(U.value){w.value?.focus();return}C.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),w.value?.focus()},Y=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),U.value){await Oe();return}if(H.value){await(0,s.nextTick)(),C.value?.focus();return}await Y()}},ke=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{H.value&&(n.disabled||n.readonly||e&&(D.value||await X()))});let Z=()=>{D.value&&(D.value=!1,E.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||W.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||W.value||!D.value||!e||e===t||Z()});let Ae=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},je=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||D.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(D.value){Z();return}await X()},Me=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){D.value||await X();return}await $()}},Ne=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Y(),await T.value?.handleKeyboardNavigation(e),!0),Pe=e=>{let t=K(e);if(t){if(W.value){F.value.some(t=>q(t)===e)?G(t):L.value=[...F.value.map(e=>q(e)),e];return}L.value=e,Q()}},Fe=async e=>{if(!(n.disabled||n.readonly)&&!await Ne(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Pe(E.value);return}await $()}}},Ie=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ne(e)},Le=Ie,Re=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},ze=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},Be=()=>{de(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:Ce.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":Se.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ae,onKeydown:je},[(0,s.unref)(I).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:T,modelValue:E.value,"onUpdate:modelValue":u[2]||=e=>E.value=e,selected:(0,s.unref)(L),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(L)?L.value=e:null,items:(0,s.unref)(I),"item-key":P.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!n.multiple,height:me.value,"max-height":he.value,virtual:J.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(v).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(_)(`select.removeOption`),disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(U)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:w,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Le)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(v)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:x,modelValue:S.value,"onUpdate:modelValue":u[7]||=e=>S.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(R),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:xe.value,onClear:Be,onFocus:Re,onBlur:ze},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(W),"s-ui-select__control--empty":(0,s.unref)(W)&&!(0,s.unref)(R)&&!(0,s.unref)(V),"s-ui-select__control--with-value-suffix":fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Me,onKeydown:Fe},[(0,s.unref)(W)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(z)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)((0,s.unref)(z)),1)):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(V)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(ce)),1)),fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(V)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:C,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:ke,onKeydown:Ie},null,40,re)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,te)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:ie,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(v).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(v).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(v).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(v).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
|
|
1
|
+
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-C07kFnj_.cjs"),a=require("./SList-Bp3mUJfQ.cjs"),o=require("./SListItem-Cs1-uv5N.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),ee=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),ee=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),k=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},te=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},A=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){k((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}te(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>w.value.length>0),j=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>f.value?w.value.length===0:!M.value),ae=(0,s.computed)(()=>v.value&&(u.value||f.value)),P=()=>{d.value=``};return(0,s.watch)(u,e=>{e||P()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{P()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:ee,listSelectedModel:A,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:ae,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,P()},removeSelectedValue:e=>{let n=h(e);k(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:P,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},k={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},te=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],A={key:0,class:`s-ui-select__value`},ne={key:1,class:`s-ui-select__placeholder`},j={key:1,class:`s-ui-select__placeholder`},M={key:2,class:`s-ui-select__value`},N={key:3,class:`s-ui-select__value-suffix`},re=[`name`,`placeholder`,`disabled`,`readonly`],ie=20,ae=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,{t:_}=(0,c.useUiKitI18n)(),v=(0,s.useSlots)(),y=(0,s.useId)(),b=(0,s.useId)(),x=(0,s.useTemplateRef)(`triggerInputRef`),S=(0,s.ref)(``),C=(0,s.useTemplateRef)(`searchInputElementRef`),w=(0,s.useTemplateRef)(`panelSearchInputElementRef`),T=(0,s.useTemplateRef)(`listElementRef`),E=(0,s.ref)(),D=(0,s.ref)(!1),O=(0,s.ref)(!1),P=(0,s.computed)(()=>n.itemId??n.itemValue),oe=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:P.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:se,listSelectedModel:L,hasSelectedValues:R,singleDisplayLabel:ce,multipleDisplayLabels:le,multipleDisplayText:z,showPlaceholder:B,showInputSearchField:V,isSearchableMode:ue,isSearchableInputMode:H,isSearchableContentMode:U,isMultipleMode:W,clearSelection:de,removeSelectedValue:G,resolveValueFromListKey:K,formatSelectListKey:q}=ee({modelValue:p,options:()=>n.options,itemFields:()=>oe.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),fe=(0,s.computed)(()=>!!v[`value-suffix`]),pe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ce.value})),J=(0,s.computed)(()=>I.value.length>ae),me=(0,s.computed)(()=>U.value||J.value?n.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(U.value||J.value))return n.listHeight}),ge=(0,s.computed)(()=>F.value.map(e=>q(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:_e(e.key)}),be=e=>{let t=K(e);if(g(t)){if(W.value){G(t);return}p.value=void 0}},xe=(0,s.computed)(()=>n.id??y),Se=(0,s.computed)(()=>b),Ce=(0,s.computed)(()=>x.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:F.value,displayText:z.value,disabled:n.disabled||n.readonly,removeValue:G})),Te=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!H.value||!H.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":W.value,"s-ui-select--open":D.value})),De=()=>{if(U.value){w.value?.focus();return}C.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),w.value?.focus()},Y=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),U.value){await Oe();return}if(H.value){await(0,s.nextTick)(),C.value?.focus();return}await Y()}},ke=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{H.value&&(n.disabled||n.readonly||e&&(D.value||await X()))});let Z=()=>{D.value&&(D.value=!1,E.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||W.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||W.value||!D.value||!e||e===t||Z()});let Ae=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},je=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||D.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(D.value){Z();return}await X()},Me=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){D.value||await X();return}await $()}},Ne=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Y(),await T.value?.handleKeyboardNavigation(e),!0),Pe=e=>{let t=K(e);if(t){if(W.value){F.value.some(t=>q(t)===e)?G(t):L.value=[...F.value.map(e=>q(e)),e];return}L.value=e,Q()}},Fe=async e=>{if(!(n.disabled||n.readonly)&&!await Ne(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Pe(E.value);return}await $()}}},Ie=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ne(e)},Le=Ie,Re=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},ze=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},Be=()=>{de(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:Ce.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":Se.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ae,onKeydown:je},[(0,s.unref)(I).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:T,modelValue:E.value,"onUpdate:modelValue":u[2]||=e=>E.value=e,selected:(0,s.unref)(L),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(L)?L.value=e:null,items:(0,s.unref)(I),"item-key":P.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!n.multiple,height:me.value,"max-height":he.value,virtual:J.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(v).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(_)(`select.removeOption`),disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(U)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:w,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Le)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(v)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:x,modelValue:S.value,"onUpdate:modelValue":u[7]||=e=>S.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(R),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:xe.value,onClear:Be,onFocus:Re,onBlur:ze},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(W),"s-ui-select__control--empty":(0,s.unref)(W)&&!(0,s.unref)(R)&&!(0,s.unref)(V),"s-ui-select__control--with-value-suffix":fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Me,onKeydown:Fe},[(0,s.unref)(W)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(z)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)((0,s.unref)(z)),1)):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(V)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(ce)),1)),fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(V)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:C,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:ke,onKeydown:Ie},null,40,re)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,te)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:ie,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(v).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(v).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(v).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(v).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"AA6rBA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAiBrE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAwuBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;qBA7J3C,MAAM,GAAG,SAAS;mBAClB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;mBAC7B,MAAM,EAAE;;;;;uBA5iBO,QAAQ;;;KAusBuD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CA5bF,aAAa;MA4bW,KAAK,IAAI;WACxE,GAAG;;eApsBF,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;kBAC/C,MAAM,OAAO;;UAqsBlB;mBA3sBqB,QAAQ;0NA2sBO;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
|
|
@@ -8,6 +8,7 @@ export interface ISListContext extends ISelectionGroupItemContext<string> {
|
|
|
8
8
|
revealRight: () => boolean;
|
|
9
9
|
getItemOptionId: (rowKey: string) => string | undefined;
|
|
10
10
|
usesActiveDescendantNavigation: () => boolean;
|
|
11
|
+
handlesTreeKeyboardNavigation: () => boolean;
|
|
11
12
|
}
|
|
12
13
|
export declare const sListInjectionKey: InjectionKey<ISListContext>;
|
|
13
14
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/SList/utils/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAA;AAExF,MAAM,WAAW,aAAc,SAAQ,0BAA0B,CAAC,MAAM,CAAC;IACvE,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,MAAM,OAAO,CAAA;IAC1B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACvD,8BAA8B,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/SList/utils/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAA;AAExF,MAAM,WAAW,aAAc,SAAQ,0BAA0B,CAAC,MAAM,CAAC;IACvE,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,MAAM,OAAO,CAAA;IAC1B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACvD,8BAA8B,EAAE,MAAM,OAAO,CAAA;IAC7C,6BAA6B,EAAE,MAAM,OAAO,CAAA;CAC7C;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,aAAa,CAA+B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SListItem/SListItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SListItem/SListItem.vue"],"names":[],"mappings":"AAyWA,OAAO,EAEL,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAA;AAgC1B,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,OAAO,CAAA;IAClE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,OAAO,CAAA;IAC5D,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,OAAO,CAAA;IACzD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,OAAO,CAAA;CACjE,CAAC;AA4ZF,QAAA,MAAM,UAAU;;;;;;;;;;kFAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-Df7YG5BE.cjs"),t=require("../SColorPalette-CqfVzhda.cjs"),n=require("../colorValue-Dda7fKd3.cjs");exports.EColorFormat=t.o,exports.MAX_RECENT_COLORS=e.i,exports.RECOMMENDED_COLOR_PALETTE=t.r,exports.SColorArea=e.r,exports.SColorPicker=e.t,exports.SColorValues=e.n,exports.isSameColor=n.r,exports.resolveColorPreview=n.a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../SColorPicker-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../SColorPicker-9vWK-6Pt.js";
|
|
2
2
|
import { o as i, r as a } from "../SColorPalette-D2WCADDX.js";
|
|
3
3
|
import { a as o, r as s } from "../colorValue-CSh0chxp.js";
|
|
4
4
|
export { i as EColorFormat, e as MAX_RECENT_COLORS, a as RECOMMENDED_COLOR_PALETTE, n as SColorArea, r as SColorPicker, t as SColorValues, s as isSameColor, o as resolveColorPreview };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SListItem-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SListItem-Cs1-uv5N.cjs");exports.ESListItemVariant=e.n,exports.SListItem=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../SListItem-
|
|
1
|
+
import { n as e, t } from "../SListItem-BFxQ2cj3.js";
|
|
2
2
|
export { e as ESListItemVariant, t as SListItem };
|
package/dist/entries/list.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-Bp3mUJfQ.cjs");exports.ESListGap=e.a,exports.SList=e.t;
|
package/dist/entries/list.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, t } from "../SList-
|
|
1
|
+
import { a as e, t } from "../SList-B4C-PzjB.js";
|
|
2
2
|
export { e as ESListGap, t as SList };
|
package/dist/entries/select.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-ClHXMqXz.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
|
package/dist/entries/select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../SSelect-
|
|
1
|
+
import { n as e, t } from "../SSelect-CjaiJDdO.js";
|
|
2
2
|
export { e as ESSelectSearchable, t as SSelect };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-D5SreJLe.cjs"),n=require("./SColorPicker-BcRHiLjI.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-BPYtkzaw.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-Txr46zQ5.cjs"),E=require("./SListItem-BKP5Wk1F.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-VW9-n1yU.cjs"),te=require("./SChartLine-xql-HCwK.cjs"),ne=require("./SChartStackedArea-BUy47veO.cjs"),re=require("./SChartStackedBar-1HNyHP8J.cjs"),ie=require("./SChartHorizontalBar-tfgmCHtk.cjs"),j=require("./SChartPie-xu1fcWMy.cjs"),ae=require("./SChartProgress-C08fiO6U.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),oe=require("@vueuse/core");var P=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),F=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),I=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),L=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),se={[P.INFO_ACCENT]:N.ESIconName.infoCircle,[P.INFO_NORMAL]:N.ESIconName.infoCircle,[P.SUCCESS]:N.ESIconName.checkCircle,[P.WARNING]:N.ESIconName.alertCircle,[P.DANGER]:N.ESIconName.dangerCircleFill,[P.BILLING]:N.ESIconName.infoCircle},ce=(e,t)=>t||se[e],le=[`role`],ue={class:`s-ui-notification__body`},de={key:0,class:`s-ui-notification__leftside`},fe={key:0,class:`s-ui-notification__icon`},pe={class:`s-ui-notification__content`},R={class:`s-ui-notification__title-row`},z={class:`s-ui-notification__title s-ui-typography-label-14-medium`},me={key:0,class:`s-ui-notification__description-block`},he={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},ge={key:1,class:`s-ui-notification__actions-stack`},_e={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},surface:{default:()=>L.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,M.useSlots)(),a=(0,M.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,M.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,M.computed)(()=>e.type===P.DANGER?`alert`:`status`),u=(0,M.computed)(()=>ce(e.type,e.icon)),d=(0,M.computed)(()=>e.type===P.BILLING),f=(0,M.computed)(()=>!!(e.leftside===I.AVATAR&&e.avatar||e.leftside===I.ICON)),p=(0,M.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,M.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,M.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,M.computed)(()=>e.type===P.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===P.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-notification`,a.value]),style:(0,M.normalizeStyle)(c.value),role:l.value},[(0,M.createElementVNode)(`div`,ue,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,de,[e.leftside===(0,M.unref)(I).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,fe,[(0,M.createVNode)((0,M.unref)(N.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,M.unref)(I).AVATAR&&e.avatar?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,M.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),(0,M.createElementVNode)(`div`,pe,[(0,M.createElementVNode)(`div`,R,[(0,M.createElementVNode)(`span`,z,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(F).VERTICAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)]),p.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,me,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,he,[(0,M.renderSlot)(n.$slots,`description`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.description),1)])])):(0,M.createCommentVNode)(``,!0),e.linkText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).MAIN,size:(0,M.unref)(o.n).SMALL,onClick:y},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(F).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ge,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,onClick:x},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)]),e.layout===(0,M.unref)(F).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,_e,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(F).HORIZONTAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)])],14,le))}}),V=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,M.useSlots)();return(t,i)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(L).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),H=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,M.useSlots)(),i=(0,M.computed)(()=>e.width??360);return(t,a)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(L).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),ve=.05,ye=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],be=(0,M.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,M.ref)(null),i=(0,M.ref)(0),a=(0,M.ref)(!1),o=(0,M.computed)(()=>e.index===0),s=(0,M.computed)(()=>1-e.index*ve),c=(0,M.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,oe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,M.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,M.normalizeStyle)(c.value)},[(0,M.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,M.renderSlot)(t.$slots,`default`)],512)],12,ye))}}),U=4e3,W=1e4,xe=50,G=(e,t)=>{let n=U+(e.length+(t?.length??0))*50;return n>1e4?W:n},K=(0,M.shallowRef)([]),q=new Map,Se=0,Ce={type:P.INFO_ACCENT,layout:F.HORIZONTAL,leftside:I.ICON,showPrimaryButton:!1,closable:!0},we=()=>`toast-${Date.now()}-${++Se}`,J=e=>{let t=q.get(e);t&&(window.clearTimeout(t),q.delete(e))},Y=e=>{J(e.id);let t=e.duration===void 0?G(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{X(e.id)},t);q.set(e.id,n)}},X=e=>{let t=K.value.findIndex(t=>t.id===e);if(t===-1)return;let n=K.value[t];n&&(J(e),n.onClose&&n.onClose(),K.value=K.value.filter(t=>t.id!==e))},Te=()=>{q.forEach(e=>window.clearTimeout(e)),q.clear(),K.value=[]},Z=e=>e.length<=3?e:(e.slice(3).forEach(e=>{J(e.id)}),e.slice(0,3)),Ee=e=>{let t=e.id??we(),n={...Ce,...e,id:t},r=K.value.findIndex(e=>e.id===t);if(r>-1){let e=[...K.value];e[r]=n,K.value=Z(e)}else K.value=Z([n,...K.value]);return Y(n),t},De=(e,t)=>{let n=K.value.findIndex(t=>t.id===e);if(n===-1)return;let r=K.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...K.value];a[n]=i,K.value=a,Y(i)},Q=()=>({toasts:K,show:Ee,hide:X,hideAll:Te,update:De}),Oe=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Q(),r=(0,M.computed)(()=>t.value.slice(0,3)),i=(0,M.ref)(!1),a=(0,M.shallowRef)({}),o=(0,M.ref)(new Set),s=(0,M.computed)(()=>t.value[0]??null),c=(0,M.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,M.ref)(0),u=(0,M.computed)(()=>c.value>0?c.value:l.value);(0,M.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,M.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,M.openBlock)(),(0,M.createBlock)(M.Teleport,{to:`body`},[(0,M.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,M.normalizeStyle)(d.value)},[((0,M.openBlock)(!0),(0,M.createElementBlock)(M.Fragment,null,(0,M.renderList)(r.value,(t,n)=>((0,M.openBlock)(),(0,M.createBlock)(be,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,M.unref)(10),removed:p(t.id),visible:n<(0,M.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,M.withCtx)(()=>[(0,M.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,M.openBlock)(),(0,M.createBlock)((0,M.resolveDynamicComponent)(t.component),(0,M.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(H),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,M.createCommentVNode)(``,!0)],32)]))}});exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=F,exports.ENotificationLeftside=I,exports.ENotificationType=P,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=V,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartHorizontalBar=ie.t,exports.SChartLine=te.t,exports.SChartPie=j.t,exports.SChartProgress=ae.t,exports.SChartStackedArea=ne.t,exports.SChartStackedBar=re.t,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=H,exports.SToastProvider=Oe,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=W,exports.TOAST_AUTO_DURATION_MIN_MS=U,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=xe,exports.computeAutoDuration=G,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return N.createUiKit}}),exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return N.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return N.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return N.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=Q,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return N.useUiKitI18n}});var $=require("@shtabapp/ui-kit-tokens");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})}),Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-D5SreJLe.cjs"),n=require("./SColorPicker-Df7YG5BE.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-ClHXMqXz.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-Bp3mUJfQ.cjs"),E=require("./SListItem-Cs1-uv5N.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-VW9-n1yU.cjs"),te=require("./SChartLine-xql-HCwK.cjs"),ne=require("./SChartStackedArea-BUy47veO.cjs"),re=require("./SChartStackedBar-1HNyHP8J.cjs"),ie=require("./SChartHorizontalBar-tfgmCHtk.cjs"),j=require("./SChartPie-xu1fcWMy.cjs"),ae=require("./SChartProgress-C08fiO6U.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),oe=require("@vueuse/core");var P=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),F=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),I=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),L=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),se={[P.INFO_ACCENT]:N.ESIconName.infoCircle,[P.INFO_NORMAL]:N.ESIconName.infoCircle,[P.SUCCESS]:N.ESIconName.checkCircle,[P.WARNING]:N.ESIconName.alertCircle,[P.DANGER]:N.ESIconName.dangerCircleFill,[P.BILLING]:N.ESIconName.infoCircle},ce=(e,t)=>t||se[e],le=[`role`],ue={class:`s-ui-notification__body`},de={key:0,class:`s-ui-notification__leftside`},fe={key:0,class:`s-ui-notification__icon`},pe={class:`s-ui-notification__content`},R={class:`s-ui-notification__title-row`},z={class:`s-ui-notification__title s-ui-typography-label-14-medium`},me={key:0,class:`s-ui-notification__description-block`},he={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},ge={key:1,class:`s-ui-notification__actions-stack`},_e={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},surface:{default:()=>L.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,M.useSlots)(),a=(0,M.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,M.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,M.computed)(()=>e.type===P.DANGER?`alert`:`status`),u=(0,M.computed)(()=>ce(e.type,e.icon)),d=(0,M.computed)(()=>e.type===P.BILLING),f=(0,M.computed)(()=>!!(e.leftside===I.AVATAR&&e.avatar||e.leftside===I.ICON)),p=(0,M.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,M.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,M.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,M.computed)(()=>e.type===P.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===P.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-notification`,a.value]),style:(0,M.normalizeStyle)(c.value),role:l.value},[(0,M.createElementVNode)(`div`,ue,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,de,[e.leftside===(0,M.unref)(I).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,fe,[(0,M.createVNode)((0,M.unref)(N.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,M.unref)(I).AVATAR&&e.avatar?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,M.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),(0,M.createElementVNode)(`div`,pe,[(0,M.createElementVNode)(`div`,R,[(0,M.createElementVNode)(`span`,z,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(F).VERTICAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)]),p.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,me,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,he,[(0,M.renderSlot)(n.$slots,`description`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.description),1)])])):(0,M.createCommentVNode)(``,!0),e.linkText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).MAIN,size:(0,M.unref)(o.n).SMALL,onClick:y},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(F).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ge,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,onClick:x},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)]),e.layout===(0,M.unref)(F).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,_e,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(F).HORIZONTAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)])],14,le))}}),V=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,M.useSlots)();return(t,i)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(L).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),H=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,M.useSlots)(),i=(0,M.computed)(()=>e.width??360);return(t,a)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(L).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),ve=.05,ye=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],be=(0,M.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,M.ref)(null),i=(0,M.ref)(0),a=(0,M.ref)(!1),o=(0,M.computed)(()=>e.index===0),s=(0,M.computed)(()=>1-e.index*ve),c=(0,M.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,oe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,M.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,M.normalizeStyle)(c.value)},[(0,M.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,M.renderSlot)(t.$slots,`default`)],512)],12,ye))}}),U=4e3,W=1e4,xe=50,G=(e,t)=>{let n=U+(e.length+(t?.length??0))*50;return n>1e4?W:n},K=(0,M.shallowRef)([]),q=new Map,Se=0,Ce={type:P.INFO_ACCENT,layout:F.HORIZONTAL,leftside:I.ICON,showPrimaryButton:!1,closable:!0},we=()=>`toast-${Date.now()}-${++Se}`,J=e=>{let t=q.get(e);t&&(window.clearTimeout(t),q.delete(e))},Y=e=>{J(e.id);let t=e.duration===void 0?G(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{X(e.id)},t);q.set(e.id,n)}},X=e=>{let t=K.value.findIndex(t=>t.id===e);if(t===-1)return;let n=K.value[t];n&&(J(e),n.onClose&&n.onClose(),K.value=K.value.filter(t=>t.id!==e))},Te=()=>{q.forEach(e=>window.clearTimeout(e)),q.clear(),K.value=[]},Z=e=>e.length<=3?e:(e.slice(3).forEach(e=>{J(e.id)}),e.slice(0,3)),Ee=e=>{let t=e.id??we(),n={...Ce,...e,id:t},r=K.value.findIndex(e=>e.id===t);if(r>-1){let e=[...K.value];e[r]=n,K.value=Z(e)}else K.value=Z([n,...K.value]);return Y(n),t},De=(e,t)=>{let n=K.value.findIndex(t=>t.id===e);if(n===-1)return;let r=K.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...K.value];a[n]=i,K.value=a,Y(i)},Q=()=>({toasts:K,show:Ee,hide:X,hideAll:Te,update:De}),Oe=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Q(),r=(0,M.computed)(()=>t.value.slice(0,3)),i=(0,M.ref)(!1),a=(0,M.shallowRef)({}),o=(0,M.ref)(new Set),s=(0,M.computed)(()=>t.value[0]??null),c=(0,M.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,M.ref)(0),u=(0,M.computed)(()=>c.value>0?c.value:l.value);(0,M.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,M.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,M.openBlock)(),(0,M.createBlock)(M.Teleport,{to:`body`},[(0,M.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,M.normalizeStyle)(d.value)},[((0,M.openBlock)(!0),(0,M.createElementBlock)(M.Fragment,null,(0,M.renderList)(r.value,(t,n)=>((0,M.openBlock)(),(0,M.createBlock)(be,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,M.unref)(10),removed:p(t.id),visible:n<(0,M.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,M.withCtx)(()=>[(0,M.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,M.openBlock)(),(0,M.createBlock)((0,M.resolveDynamicComponent)(t.component),(0,M.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(H),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,M.createCommentVNode)(``,!0)],32)]))}});exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=F,exports.ENotificationLeftside=I,exports.ENotificationType=P,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=V,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartHorizontalBar=ie.t,exports.SChartLine=te.t,exports.SChartPie=j.t,exports.SChartProgress=ae.t,exports.SChartStackedArea=ne.t,exports.SChartStackedBar=re.t,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=H,exports.SToastProvider=Oe,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=W,exports.TOAST_AUTO_DURATION_MIN_MS=U,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=xe,exports.computeAutoDuration=G,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return N.createUiKit}}),exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return N.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return N.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return N.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=Q,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return N.useUiKitI18n}});var $=require("@shtabapp/ui-kit-tokens");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})}),Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
|
|
2
2
|
import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-q1HSZPqy.js";
|
|
3
|
-
import { i as l, n as u, r as d, t as f } from "./SColorPicker-
|
|
3
|
+
import { i as l, n as u, r as d, t as f } from "./SColorPicker-9vWK-6Pt.js";
|
|
4
4
|
import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-D2WCADDX.js";
|
|
5
5
|
import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
|
|
6
6
|
import { n as te, t as ne } from "./SAvatarGroup-By-5Ub6i.js";
|
|
@@ -19,12 +19,12 @@ import { n as Te, r as Ee, t as De } from "./STag-CluIVRKi.js";
|
|
|
19
19
|
import { t as Oe } from "./STagGroup-wSpc3guU.js";
|
|
20
20
|
import { n as ke, r as Ae, t as je } from "./SChip-TxpPE0VS.js";
|
|
21
21
|
import { t as Me } from "./SDropdown-CTQ5Qlez.js";
|
|
22
|
-
import { n as Ne, r as Pe, t as Fe } from "./SSelect-
|
|
22
|
+
import { n as Ne, r as Pe, t as Fe } from "./SSelect-CjaiJDdO.js";
|
|
23
23
|
import { n as Ie, t as Le } from "./SInput-CkanJfLx.js";
|
|
24
24
|
import { n as Re, t as ze } from "./SInlineMessage-Dirk5RwO.js";
|
|
25
25
|
import { n as Be, r as Ve, t as He } from "./SLabel-yzcX4qp5.js";
|
|
26
|
-
import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-
|
|
27
|
-
import { n as qe, t as Je } from "./SListItem-
|
|
26
|
+
import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-B4C-PzjB.js";
|
|
27
|
+
import { n as qe, t as Je } from "./SListItem-BFxQ2cj3.js";
|
|
28
28
|
import { n as Ye, t as Xe } from "./SRadio-Db_YLcne.js";
|
|
29
29
|
import { n as Ze, t as Qe } from "./SToggle-T7FKzMSo.js";
|
|
30
30
|
import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";
|