@shtabapp/ui-kit 1.49.0 → 1.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/{SAvatarGroup-CaqcKGIq.cjs → SAvatarGroup-CTC_esUv.cjs} +1 -1
  3. package/dist/{SAvatarGroup-MuTqzfYS.js → SAvatarGroup-F5w88NGf.js} +1 -1
  4. package/dist/{SCard-CrU67ok0.js → SCard-BkmIQd2s.js} +4 -4
  5. package/dist/SCard-BzIQoACi.cjs +1 -0
  6. package/dist/SCheckbox-BXV4bPOv.js +76 -0
  7. package/dist/SCheckbox-D_YLWg6a.cjs +1 -0
  8. package/dist/SChip-DRz5BA4Z.cjs +1 -0
  9. package/dist/{SChip-TxpPE0VS.js → SChip-DvPazz7Y.js} +0 -1
  10. package/dist/{SColorPicker-CeKB3QS1.cjs → SColorPicker-CuuiFxI0.cjs} +1 -1
  11. package/dist/{SColorPicker-BqsD-5xA.js → SColorPicker-Dl5H4iwH.js} +1 -1
  12. package/dist/SInput-DJL9QOIG.cjs +1 -0
  13. package/dist/{SInput-CkanJfLx.js → SInput-ug89CYt3.js} +45 -45
  14. package/dist/{SList-DAzztC-7.js → SList-BESqVnlh.js} +1 -1
  15. package/dist/{SList-S18K8mlH.cjs → SList-qQ7B5u8o.cjs} +1 -1
  16. package/dist/SListItem-DBGDVeoJ.cjs +1 -0
  17. package/dist/{SListItem-BRXZEePg.js → SListItem-DJ8uSadf.js} +46 -45
  18. package/dist/SOverflowGroup-CyksOav7.js +79 -0
  19. package/dist/{SOverflowGroup-DyVUzkNu.cjs → SOverflowGroup-rmU10_7L.cjs} +1 -1
  20. package/dist/SRadio-BZKPhGwO.js +58 -0
  21. package/dist/SRadio-CcmuHaKk.cjs +1 -0
  22. package/dist/SSelect-CMR4dxSn.cjs +1 -0
  23. package/dist/SSelect-pXiw_NyB.js +680 -0
  24. package/dist/{STagGroup-BMIwBk-O.cjs → STagGroup-CF2TFkb3.cjs} +1 -1
  25. package/dist/{STagGroup-wSpc3guU.js → STagGroup-GzZhto7-.js} +1 -1
  26. package/dist/SToggle-B5EdI-rG.cjs +1 -0
  27. package/dist/SToggle-BgCgar2U.js +59 -0
  28. package/dist/components/SCard/SCard.vue.d.ts.map +1 -1
  29. package/dist/components/SCheckbox/SCheckbox.vue.d.ts.map +1 -1
  30. package/dist/components/SChip/SChip.vue.d.ts.map +1 -1
  31. package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
  32. package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
  33. package/dist/components/SListItem/SListItem.types.d.ts +2 -1
  34. package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
  35. package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
  36. package/dist/components/SOverflowGroup/SOverflowGroup.vue.d.ts.map +1 -1
  37. package/dist/components/SRadio/SRadio.vue.d.ts.map +1 -1
  38. package/dist/components/SSelect/SSelect.types.d.ts +18 -12
  39. package/dist/components/SSelect/SSelect.types.d.ts.map +1 -1
  40. package/dist/components/SSelect/SSelect.vue.d.ts +5 -5
  41. package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
  42. package/dist/components/SToggle/SToggle.types.d.ts +6 -0
  43. package/dist/components/SToggle/SToggle.types.d.ts.map +1 -1
  44. package/dist/components/SToggle/SToggle.vue.d.ts +11 -1
  45. package/dist/components/SToggle/SToggle.vue.d.ts.map +1 -1
  46. package/dist/components/SToggle/index.d.ts +1 -1
  47. package/dist/components/SToggle/index.d.ts.map +1 -1
  48. package/dist/entries/avatar-group.cjs +1 -1
  49. package/dist/entries/avatar-group.js +1 -1
  50. package/dist/entries/card.cjs +1 -1
  51. package/dist/entries/card.js +1 -1
  52. package/dist/entries/checkbox.cjs +1 -1
  53. package/dist/entries/checkbox.js +1 -1
  54. package/dist/entries/chip.cjs +1 -1
  55. package/dist/entries/chip.js +1 -1
  56. package/dist/entries/color-picker.cjs +1 -1
  57. package/dist/entries/color-picker.js +1 -1
  58. package/dist/entries/input.cjs +1 -1
  59. package/dist/entries/input.js +1 -1
  60. package/dist/entries/list-item.cjs +1 -1
  61. package/dist/entries/list-item.js +1 -1
  62. package/dist/entries/list.cjs +1 -1
  63. package/dist/entries/list.js +1 -1
  64. package/dist/entries/radio.cjs +1 -1
  65. package/dist/entries/radio.js +1 -1
  66. package/dist/entries/select.cjs +1 -1
  67. package/dist/entries/select.js +1 -1
  68. package/dist/entries/tag-group.cjs +1 -1
  69. package/dist/entries/tag-group.js +1 -1
  70. package/dist/entries/toggle.cjs +1 -1
  71. package/dist/entries/toggle.js +1 -1
  72. package/dist/index.cjs +1 -1
  73. package/dist/index.js +12 -12
  74. package/dist/uikit-components.css +1 -1
  75. package/package.json +2 -2
  76. package/dist/SCard-BR2R5VQd.cjs +0 -1
  77. package/dist/SCheckbox-BMKYFfrB.js +0 -76
  78. package/dist/SCheckbox-CYy7tfoS.cjs +0 -1
  79. package/dist/SChip-DoFL5c6-.cjs +0 -1
  80. package/dist/SInput-C07kFnj_.cjs +0 -1
  81. package/dist/SListItem-CdveotJe.cjs +0 -1
  82. package/dist/SOverflowGroup-CVSon6Eg.js +0 -80
  83. package/dist/SRadio-Ca-1D4q6.cjs +0 -1
  84. package/dist/SRadio-Db_YLcne.js +0 -57
  85. package/dist/SSelect-Bntb-dgY.js +0 -661
  86. package/dist/SSelect-DcTEwHx6.cjs +0 -1
  87. package/dist/SToggle-DxSm1RNz.cjs +0 -1
  88. package/dist/SToggle-T7FKzMSo.js +0 -44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shtabapp/ui-kit",
3
- "version": "1.49.0",
3
+ "version": "1.51.0",
4
4
  "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
5
5
  "keywords": [
6
6
  "shtab",
@@ -264,7 +264,7 @@
264
264
  "dependencies": {
265
265
  "chart.js": "^4.5.0",
266
266
  "vue-i18n": "^9.14.5",
267
- "@shtabapp/ui-kit-primitives": "^1.23.0",
267
+ "@shtabapp/ui-kit-primitives": "^1.24.0",
268
268
  "@shtabapp/ui-kit-tokens": "^1.19.0"
269
269
  },
270
270
  "devDependencies": {
@@ -1 +0,0 @@
1
- const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-CYy7tfoS.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.r).EXTRA_SMALL,tabindex:-1},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
@@ -1,76 +0,0 @@
1
- import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, openBlock as l, unref as u, useAttrs as d, useModel as f, useTemplateRef as p, vModelCheckbox as m, watchEffect as h, withDirectives as g } from "vue";
2
- import { SIcon as _ } from "@shtabapp/ui-kit-primitives";
3
- //#region src/components/SCheckbox/SCheckbox.types.ts
4
- var v = /* @__PURE__ */ function(e) {
5
- return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
6
- }({}), y = /* @__PURE__ */ function(e) {
7
- return e.MAIN = "main", e.SUCCESS = "success", e;
8
- }({}), b = { class: "s-ui-checkbox__control" }, x = 16, S = /* @__PURE__ */ a({
9
- inheritAttrs: !1,
10
- __name: "SCheckbox",
11
- props: /*@__PURE__*/ o({
12
- color: { default: () => y.MAIN },
13
- disabled: {
14
- type: Boolean,
15
- default: !1
16
- },
17
- indeterminate: {
18
- type: Boolean,
19
- default: !1
20
- },
21
- name: {},
22
- size: { default: () => v.EXTRA_SMALL },
23
- value: {}
24
- }, {
25
- modelValue: {
26
- type: Boolean,
27
- default: !1
28
- },
29
- modelModifiers: {}
30
- }),
31
- emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
32
- setup(a, { emit: o }) {
33
- let v = f(a, "modelValue"), y = o, S = d(), C = p("checkboxInputRef");
34
- h(() => {
35
- let e = C.value;
36
- e && (e.indeterminate = a.indeterminate);
37
- });
38
- let w = e(() => v.value), T = e(() => w.value && !a.indeterminate), E = e(() => [
39
- `s-ui-checkbox--size-${a.size}`,
40
- `s-ui-checkbox--color-${a.color}`,
41
- {
42
- "s-ui-checkbox--checked": w.value,
43
- "s-ui-checkbox--indeterminate": a.indeterminate,
44
- "s-ui-checkbox--disabled": a.disabled
45
- }
46
- ]), D = e(() => ({
47
- ...S,
48
- disabled: a.disabled,
49
- name: a.name,
50
- value: a.value
51
- })), O = (e) => {
52
- e.target instanceof HTMLInputElement && y("change", e.target.checked);
53
- };
54
- return (e, o) => (l(), r("label", { class: c(["s-ui-checkbox", E.value]) }, [g(i("input", s({
55
- ref_key: "checkboxInputRef",
56
- ref: C
57
- }, D.value, {
58
- "onUpdate:modelValue": o[0] ||= (e) => v.value = e,
59
- type: "checkbox",
60
- class: "s-ui-checkbox__input",
61
- onChange: O
62
- }), null, 16), [[m, v.value]]), i("span", b, [T.value ? (l(), t(u(_), {
63
- key: 0,
64
- class: "s-ui-checkbox__icon",
65
- name: "checkMini",
66
- size: x
67
- })) : a.indeterminate ? (l(), t(u(_), {
68
- key: 1,
69
- class: "s-ui-checkbox__icon",
70
- name: "minusMini",
71
- size: x
72
- })) : n("", !0)])], 2));
73
- }
74
- });
75
- //#endregion
76
- export { y as n, v as r, S as t };
@@ -1 +0,0 @@
1
- let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e}({}),r=function(e){return e.MAIN=`main`,e.SUCCESS=`success`,e}({}),i={class:`s-ui-checkbox__control`},a=16,o=(0,e.defineComponent)({inheritAttrs:!1,__name:`SCheckbox`,props:(0,e.mergeModels)({color:{default:()=>r.MAIN},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},name:{},size:{default:()=>n.EXTRA_SMALL},value:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(n,{emit:r}){let o=(0,e.useModel)(n,`modelValue`),s=r,c=(0,e.useAttrs)(),l=(0,e.useTemplateRef)(`checkboxInputRef`);(0,e.watchEffect)(()=>{let e=l.value;e&&(e.indeterminate=n.indeterminate)});let u=(0,e.computed)(()=>o.value),d=(0,e.computed)(()=>u.value&&!n.indeterminate),f=(0,e.computed)(()=>[`s-ui-checkbox--size-${n.size}`,`s-ui-checkbox--color-${n.color}`,{"s-ui-checkbox--checked":u.value,"s-ui-checkbox--indeterminate":n.indeterminate,"s-ui-checkbox--disabled":n.disabled}]),p=(0,e.computed)(()=>({...c,disabled:n.disabled,name:n.name,value:n.value})),m=e=>{e.target instanceof HTMLInputElement&&s(`change`,e.target.checked)};return(r,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-checkbox`,f.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,(0,e.mergeProps)({ref_key:`checkboxInputRef`,ref:l},p.value,{"onUpdate:modelValue":s[0]||=e=>o.value=e,type:`checkbox`,class:`s-ui-checkbox__input`,onChange:m}),null,16),[[e.vModelCheckbox,o.value]]),(0,e.createElementVNode)(`span`,i,[d.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-checkbox__icon`,name:`checkMini`,size:a})):n.indeterminate?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:1,class:`s-ui-checkbox__icon`,name:`minusMini`,size:a})):(0,e.createCommentVNode)(``,!0)])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
@@ -1 +0,0 @@
1
- let e=require("vue");var t=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),n=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),r=[`tabindex`,`aria-disabled`,`inert`],i={class:`s-ui-chip__content`},a={key:0,class:`s-ui-chip__icon`},o={key:1,class:`s-ui-chip__prefix`},s={key:0,class:`s-ui-chip__actions`},c=(0,e.defineComponent)({inheritAttrs:!1,__name:`SChip`,props:{color:{default:()=>t.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>n.SIZE_32}},setup(c){let l=(0,e.useSlots)(),u=(0,e.computed)(()=>c.color===t.BILLING),d=(0,e.computed)(()=>c.disabled?!1:u.value),f=(0,e.computed)(()=>c.disabled?-1:0),p=(0,e.computed)(()=>[`s-ui-chip--color-${c.color}`,`s-ui-chip--size-${c.size}`,{"s-ui-chip--disabled":c.disabled}]),m=(0,e.computed)(()=>c.size===n.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),h={[n.SIZE_20]:16,[n.SIZE_24]:20,[n.SIZE_32]:20},g=(0,e.computed)(()=>h[c.size]);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)([`s-ui-chip`,p.value]),tabindex:f.value,role:`group`,"aria-disabled":c.disabled?!0:void 0,inert:c.disabled?!0:void 0},[(0,e.createElementVNode)(`span`,i,[(0,e.unref)(l).icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`icon`,{billing:d.value,disabled:c.disabled,size:g.value})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).prefix?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(t.$slots,`prefix`,{disabled:c.disabled,size:c.size})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:2,class:(0,e.normalizeClass)([`s-ui-chip__label`,m.value])},[(0,e.renderSlot)(t.$slots,`default`)],2)):(0,e.createCommentVNode)(``,!0)]),(0,e.unref)(l).actions?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.renderSlot)(t.$slots,`actions`,{billing:u.value,disabled:c.disabled})])):(0,e.createCommentVNode)(``,!0)],10,r))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
@@ -1 +0,0 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./SInlineMessage-gjkMiE-W.cjs"),r=require("./SLabel-CTiOAAOu.cjs"),i=require("./useFieldMessages-CzjU0ajM.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.NONE=`none`,e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),c=[`inert`,`aria-disabled`],l={key:0,class:`s-ui-input__prepend`},u={class:`s-ui-input__row`},d={key:0,class:`s-ui-input__prefix`},f=[`id`,`type`,`name`,`placeholder`,`disabled`,`readonly`,`autocomplete`],p={key:0,class:`s-ui-input__inline`},m={key:1,class:`s-ui-input__clear`},h={key:2,class:`s-ui-input__action`},g={key:1,class:`s-ui-input__messages`},_=16,v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SInput`,props:(0,a.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},hasValue:{type:Boolean},focused:{type:Boolean,default:!1},iconLeft:{},iconRight:{},customize:{default:()=>s.NONE},name:{},type:{default:`text`},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`clear`,`focus`,`blur`],[`update:modelValue`]),setup(v,{expose:y,emit:b}){let x=(0,a.useModel)(v,`modelValue`),{t:S}=(0,o.useUiKitI18n)(),C=b,w=(0,a.useAttrs)(),T=(0,a.useSlots)(),E=(0,a.useId)(),D=(0,a.useTemplateRef)(`fieldElementRef`),O=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:k,handleFocus:A,handleFocusOut:j}=i.n({isDisabled:()=>v.disabled,blurField:()=>X(),emitFocus:e=>C(`focus`,e),emitBlur:e=>C(`blur`,e)}),{normalizedHelpMessages:M,normalizedErrorMessages:N,hasErrorMessages:P,hasHelpMessages:F}=i.t(()=>v.helpMessages,()=>v.errorMessages),I=(0,a.computed)(()=>v.id?v.id:E),L=(0,a.computed)(()=>!!(v.label||T.label)),R=(0,a.computed)(()=>!!(v.iconLeft||T.prefix)),z=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!T.prepend),B=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!T.prepend),V=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:x.value.length>0),H=(0,a.computed)(()=>{if(!k.value)return-1}),U=(0,a.computed)(()=>!!(v.iconRight||T.action)),W=(0,a.computed)(()=>!!T.message||F.value||P.value),G=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),K=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),q=(0,a.computed)(()=>[{"s-ui-input__field--bordered":v.bordered,"s-ui-input__field--borderless":!v.bordered,"s-ui-input__field--disabled":v.disabled,"s-ui-input__field--readonly":v.readonly,"s-ui-input__field--error":P.value,"s-ui-input__field--filled":G.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":k.value||v.focused}]),J=e=>{let t=D.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},Y=e=>{if(T.control){J(e);return}O.value?.focus(e)},X=()=>{if(T.control){let e=document.activeElement;e instanceof HTMLElement&&D.value?.contains(e)&&e.blur();return}O.value?.blur()},Z=e=>{v.disabled||v.readonly||e.target instanceof HTMLElement&&(e.target.closest(`.s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action`)||Y())},Q=()=>{x.value=``,C(`clear`),Y()};return y({blur:X,focus:Y,fieldElementRef:D,inputElementRef:O}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,K.value])},[L.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":I.value}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(i.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(v.label),1)])]),_:3},16,[`html-for`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{ref_key:`fieldElementRef`,ref:D,class:(0,a.normalizeClass)([`s-ui-input__field`,q.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>Z(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(j)&&(0,a.unref)(j)(...e)},[z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,u,[R.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,d,[(0,a.renderSlot)(i.$slots,`prefix`,{disabled:v.disabled},()=>[v.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:v.iconLeft,size:_},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`s-ui-input__control-wrap`,{"s-ui-input__control-wrap--horizontal":v.customize===(0,a.unref)(s).HORIZONTAL}])},[(0,a.renderSlot)(i.$slots,`control`,{disabled:v.disabled},()=>[(0,a.withDirectives)((0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:I.value,ref_key:`inputElementRef`,ref:O,"onUpdate:modelValue":y[0]||=e=>x.value=e,class:`s-ui-input__control s-ui-typography-body-14-regular`,type:v.type,name:v.name,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,autocomplete:v.autocomplete},(0,a.unref)(w),{onFocus:y[1]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),B.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),V.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,m,[(0,a.createVNode)((0,a.unref)(t.t),{appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,a.unref)(S)(`input.clear`),tabindex:H.value,onClick:(0,a.withModifiers)(Q,[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),U.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h,[(0,a.renderSlot)(i.$slots,`action`,{disabled:v.disabled},()=>[v.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(t.t),{key:0,appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,disabled:v.disabled,icon:v.iconRight,tabindex:-1},null,8,[`appearance`,`variant`,`size`,`disabled`,`icon`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0)])],42,c),W.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,g,[(0,a.renderSlot)(i.$slots,`message`,{},()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(M),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`help-${t}`,message:e},null,8,[`message`]))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(N),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`error-${t}`,message:e,"validation-status":(0,a.unref)(n.n).ERROR},null,8,[`message`,`validation-status`]))),128))])])):(0,a.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
@@ -1 +0,0 @@
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},expandOnClick:{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?!0:O?O.revealRight():!1),L=(0,r.computed)(()=>o.expandOnClick?!0:O?O.expandOnClick():!1),R=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),z=(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}),B=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),V=(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}]),H=()=>{if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)},U=()=>{o.disabled||o.readonly||o.loading||H()},W=e=>e.target instanceof Element&&!!e.target.closest(x),G=e=>{o.disabled||o.readonly||o.loading||W(e)||(o.expandable&&L.value&&(O&&o.rowKey?O.toggleExpanded(o.rowKey):w(`toggleExpand`)),O&&o.rowKey&&O.setActiveKey(o.rowKey),A.isInGroup.value&&A.handleClick(),w(`click`,e))},K=e=>!o.expandable||O?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===M.value?!1:(e.preventDefault(),H(),!0),q=e=>{o.disabled||o.readonly||o.loading||(!K(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:R.value,class:(0,r.normalizeClass)([`s-ui-list-item`,V.value]),style:(0,r.normalizeStyle)(B.value),tabindex:z.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:G,onKeydown:q},[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)(U,[`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}});
@@ -1,80 +0,0 @@
1
- import { Comment as e, Fragment as t, Text as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, h as u, isVNode as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toValue as g, unref as _, useSlots as v } from "vue";
2
- //#region src/composables/useOverflowGroup.ts
3
- var y = (e, t) => !t || !Number.isFinite(t) || t >= e ? e : Math.max(t, 0), b = ({ items: e, maxVisible: t }) => {
4
- let n = r(() => {
5
- let n = g(e), r = y(n.length, g(t));
6
- return n.slice(0, r);
7
- }), i = r(() => {
8
- let t = g(e);
9
- return Math.max(t.length - n.value.length, 0);
10
- });
11
- return {
12
- visibleItems: n,
13
- hiddenCount: i,
14
- hasOverflow: r(() => i.value > 0),
15
- overflowLabel: r(() => `+${i.value}`)
16
- };
17
- }, x = new Set([
18
- 32,
19
- 9,
20
- 10,
21
- 13
22
- ]), S = (e) => {
23
- for (let t = 0; t < e.length; t += 1) if (!x.has(e.charCodeAt(t))) return !1;
24
- return !0;
25
- }, C = (e) => {
26
- if (!e) return [];
27
- if (!Array.isArray(e)) return d(e) ? [e] : [];
28
- let t = [];
29
- for (let r of e) typeof r == "string" ? S(r) || t.push(u(n, r)) : d(r) && t.push(r);
30
- return t;
31
- }, w = (e) => {
32
- if (e.type !== n) return !1;
33
- let t = e.children;
34
- return typeof t == "string" && S(t);
35
- }, T = (n) => {
36
- let r = [], i = (n) => {
37
- for (let a of n) a && a.type !== e && (a.type === t ? i(C(a.children)) : w(a) || r.push(a));
38
- };
39
- return i(n), r;
40
- }, E = (e, n, r) => {
41
- let i = [];
42
- for (let t = 0; t < e.length; t += 1) {
43
- let a = e[t];
44
- d(a) && i.push(n(a, {
45
- ...r,
46
- visibleCount: e.length,
47
- visibleIndex: t
48
- }));
49
- }
50
- return u(t, null, i);
51
- }, D = /* @__PURE__ */ c({
52
- inheritAttrs: !1,
53
- __name: "SOverflowGroup",
54
- props: {
55
- clusterClass: {},
56
- mapVnode: { type: Function },
57
- maxVisible: {}
58
- },
59
- setup(e) {
60
- let t = v(), { visibleItems: n, hiddenCount: u, hasOverflow: d, overflowLabel: g } = b({
61
- items: r(() => t.default ? T(t.default()) : []),
62
- maxVisible: () => e.maxVisible
63
- }), y = c({
64
- name: "SOverflowGroupVnodeList",
65
- setup() {
66
- return () => E(n.value, (t, n) => e.mapVnode ? e.mapVnode(t, n) : t, {
67
- hiddenCount: u.value,
68
- overflowLabel: g.value
69
- });
70
- }
71
- });
72
- return (t, n) => (m(), a("div", p(l(t.$attrs)), [o("div", { class: f(e.clusterClass) }, [s(_(y))], 2), _(d) ? h(t.$slots, "overflow", {
73
- key: 0,
74
- hiddenCount: _(u),
75
- overflowLabel: _(g)
76
- }) : i("", !0)], 16));
77
- }
78
- });
79
- //#endregion
80
- export { D as t };
@@ -1 +0,0 @@
1
- let e=require("vue");var t=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),n=[`value`],r={key:0,class:`s-ui-radio__content`},i={key:0,class:`s-ui-radio__label s-ui-typography-label-14-medium`},a={key:1,class:`s-ui-radio__description s-ui-typography-body-12-regular`},o=(0,e.defineComponent)({inheritAttrs:!1,__name:`SRadio`,props:(0,e.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>t.LEFT},name:{},value:{}},{modelValue:{},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(o,{emit:s}){let c=(0,e.useModel)(o,`modelValue`),l=s,u=(0,e.useAttrs)(),d=(0,e.useSlots)(),f=(0,e.computed)(()=>!!(d.default||d.description)),p=(0,e.computed)(()=>c.value===o.value),m=(0,e.computed)(()=>[{"s-ui-radio--checked":p.value,"s-ui-radio--disabled":o.disabled,"s-ui-radio--label-right":o.labelPlacement===t.RIGHT,"s-ui-radio--control-only":!f.value}]),h=(0,e.computed)(()=>({...u,disabled:o.disabled,name:o.name})),g=e=>{e.target instanceof HTMLInputElement&&e.target.checked&&l(`change`,o.value)};return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-radio`,m.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,(0,e.mergeProps)(h.value,{"onUpdate:modelValue":s[0]||=e=>c.value=e,type:`radio`,class:`s-ui-radio__input`,value:o.value,onChange:g}),null,16,n),[[e.vModelRadio,c.value]]),s[1]||=(0,e.createElementVNode)(`span`,{class:`s-ui-radio__control`},[(0,e.createElementVNode)(`span`,{class:`s-ui-radio__thumb`})],-1),f.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,r,[(0,e.unref)(d).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.renderSlot)(t.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(d).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
@@ -1,57 +0,0 @@
1
- import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, useAttrs as d, useModel as f, useSlots as p, vModelRadio as m, withDirectives as h } from "vue";
2
- //#region src/components/SRadio/SRadio.types.ts
3
- var g = /* @__PURE__ */ function(e) {
4
- return e.LEFT = "left", e.RIGHT = "right", e;
5
- }({}), _ = ["value"], v = {
6
- key: 0,
7
- class: "s-ui-radio__content"
8
- }, y = {
9
- key: 0,
10
- class: "s-ui-radio__label s-ui-typography-label-14-medium"
11
- }, b = {
12
- key: 1,
13
- class: "s-ui-radio__description s-ui-typography-body-12-regular"
14
- }, x = /* @__PURE__ */ i({
15
- inheritAttrs: !1,
16
- __name: "SRadio",
17
- props: /*@__PURE__*/ a({
18
- disabled: {
19
- type: Boolean,
20
- default: !1
21
- },
22
- labelPlacement: { default: () => g.LEFT },
23
- name: {},
24
- value: {}
25
- }, {
26
- modelValue: {},
27
- modelModifiers: {}
28
- }),
29
- emits: /*@__PURE__*/ a(["change"], ["update:modelValue"]),
30
- setup(i, { emit: a }) {
31
- let x = f(i, "modelValue"), S = a, C = d(), w = p(), T = e(() => !!(w.default || w.description)), E = e(() => x.value === i.value), D = e(() => [{
32
- "s-ui-radio--checked": E.value,
33
- "s-ui-radio--disabled": i.disabled,
34
- "s-ui-radio--label-right": i.labelPlacement === g.RIGHT,
35
- "s-ui-radio--control-only": !T.value
36
- }]), O = e(() => ({
37
- ...C,
38
- disabled: i.disabled,
39
- name: i.name
40
- })), k = (e) => {
41
- e.target instanceof HTMLInputElement && e.target.checked && S("change", i.value);
42
- };
43
- return (e, a) => (c(), n("label", { class: s(["s-ui-radio", D.value]) }, [
44
- h(r("input", o(O.value, {
45
- "onUpdate:modelValue": a[0] ||= (e) => x.value = e,
46
- type: "radio",
47
- class: "s-ui-radio__input",
48
- value: i.value,
49
- onChange: k
50
- }), null, 16, _), [[m, x.value]]),
51
- a[1] ||= r("span", { class: "s-ui-radio__control" }, [r("span", { class: "s-ui-radio__thumb" })], -1),
52
- T.value ? (c(), n("span", v, [u(w).default ? (c(), n("span", y, [l(e.$slots, "default")])) : t("", !0), u(w).description ? (c(), n("span", b, [l(e.$slots, "description")])) : t("", !0)])) : t("", !0)
53
- ], 2));
54
- }
55
- });
56
- //#endregion
57
- export { g as n, x as t };