@shtabapp/ui-kit 1.26.0 → 1.27.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 (57) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +96 -18
  3. package/dist/{SButton-fFytCz5D.cjs → SButton-CHxE2l-X.cjs} +1 -1
  4. package/dist/{SButton-DI04KG06.js → SButton-D5yFE3W2.js} +1 -1
  5. package/dist/{SCard-BF6CapA9.cjs → SCard-BR2R5VQd.cjs} +1 -1
  6. package/dist/{SCard-qqo16_wT.js → SCard-CrU67ok0.js} +1 -1
  7. package/dist/{SInput-A659aRIu.cjs → SInput-Bno-hQ-b.cjs} +1 -1
  8. package/dist/{SInput-oIwQ2B1r.js → SInput-W2257ZAC.js} +1 -1
  9. package/dist/{SList-s90xxyCL.js → SList-9BpZD3aT.js} +1 -1
  10. package/dist/{SList-ptf_BOAm.cjs → SList-D-J6fBrQ.cjs} +1 -1
  11. package/dist/{SListItem-DnQa1Q4k.cjs → SListItem-4OTUkahk.cjs} +1 -1
  12. package/dist/{SListItem-pDfLBCNA.js → SListItem-BAWj5_pk.js} +1 -1
  13. package/dist/{SSegmentControl-CWCXiHF6.js → SSegmentControl-CmJEjfSR.js} +1 -1
  14. package/dist/{SSegmentControl-DIoA__FA.cjs → SSegmentControl-Dz-d3Y9v.cjs} +1 -1
  15. package/dist/{SSelect-IawcrqEa.cjs → SSelect-DADK22v2.cjs} +1 -1
  16. package/dist/{SSelect-DIizkGJa.js → SSelect-DFkWwUc1.js} +4 -4
  17. package/dist/{STab-DzehRmKv.cjs → STab-C8RXx0lW.cjs} +1 -1
  18. package/dist/{STab-BPJQgGWd.js → STab-DXGKWtFI.js} +1 -1
  19. package/dist/{STabs-B0GD_1Zy.js → STabs-Cfv9NIJe.js} +2 -2
  20. package/dist/{STabs-C_u7te-N.cjs → STabs-DLFs7km7.cjs} +1 -1
  21. package/dist/{STag-D_E2Wrbz.cjs → STag-DlVk53Cn.cjs} +1 -1
  22. package/dist/{STag-FAeaFL--.js → STag-ZPesEPB4.js} +2 -2
  23. package/dist/{STagGroup-Z5ZHpRMT.js → STagGroup-C3-hAyGi.js} +1 -1
  24. package/dist/{STagGroup-CR6yvDmU.cjs → STagGroup-C4qL3p57.cjs} +1 -1
  25. package/dist/composables/useLink.d.ts +1 -1
  26. package/dist/composables/useLink.d.ts.map +1 -1
  27. package/dist/entries/button.cjs +1 -1
  28. package/dist/entries/button.js +1 -1
  29. package/dist/entries/card.cjs +1 -1
  30. package/dist/entries/card.js +1 -1
  31. package/dist/entries/composables.cjs +1 -1
  32. package/dist/entries/composables.js +1 -1
  33. package/dist/entries/input.cjs +1 -1
  34. package/dist/entries/input.js +1 -1
  35. package/dist/entries/list-item.cjs +1 -1
  36. package/dist/entries/list-item.js +1 -1
  37. package/dist/entries/list.cjs +1 -1
  38. package/dist/entries/list.js +1 -1
  39. package/dist/entries/segment-control.cjs +1 -1
  40. package/dist/entries/segment-control.js +1 -1
  41. package/dist/entries/select.cjs +1 -1
  42. package/dist/entries/select.js +1 -1
  43. package/dist/entries/tab.cjs +1 -1
  44. package/dist/entries/tab.js +1 -1
  45. package/dist/entries/tabs.cjs +1 -1
  46. package/dist/entries/tabs.js +2 -2
  47. package/dist/entries/tag-group.cjs +1 -1
  48. package/dist/entries/tag-group.js +2 -2
  49. package/dist/entries/tag.cjs +1 -1
  50. package/dist/entries/tag.js +1 -1
  51. package/dist/index.cjs +1 -1
  52. package/dist/index.js +11 -11
  53. package/dist/useLink-1LLWpdDZ.cjs +1 -0
  54. package/dist/useLink-Com5VhOk.js +55 -0
  55. package/package.json +12 -5
  56. package/dist/useLink-CvN7IK0Z.cjs +0 -1
  57. package/dist/useLink-Zo9A_RCf.js +0 -53
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## [@shtabapp/ui-kit-v1.27.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.26.0...@shtabapp/ui-kit@1.27.0) (2026-06-11)
2
+
3
+ ### Features
4
+
5
+ - docs ([d5d8ccb](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d5d8ccbd483d7e292dce18b98b7fc602de17e642))
6
+
7
+ ### Bug Fixes
8
+
9
+ - **components:** make vue-router truly optional at build time ([16c10d5](https://gitlab.com/mstikharev/shtab-ui-kit/commit/16c10d5c9192d162f80d005c4e5662e05e26409b))
10
+
1
11
  ## [@shtabapp/ui-kit-v1.26.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.25.2...@shtabapp/ui-kit@1.26.0) (2026-06-11)
2
12
 
3
13
  ### Features
package/README.md CHANGED
@@ -1,37 +1,115 @@
1
- # @shtabapp/ui-kit
1
+ <div align="center">
2
2
 
3
- Композитные Vue 3 компоненты Shtab UI Kit, собранные на токенах и примитивах.
3
+ # Shtab UI Kit
4
4
 
5
- ## Установка
5
+ **Библиотека Vue 3 компонентов и design tokens, на которых построен [Shtab](https://shtab.app)**
6
+
7
+ <p align="center">
8
+ <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
9
+ <img src="https://img.shields.io/npm/v/%40shtabapp%2Fui-kit?color=4f6df5&label=npm" alt="npm version">
10
+ </a>
11
+ <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
12
+ <img src="https://img.shields.io/npm/dm/%40shtabapp%2Fui-kit?color=4f6df5" alt="Downloads">
13
+ </a>
14
+ <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
15
+ <img src="https://img.shields.io/npm/l/%40shtabapp%2Fui-kit?color=4f6df5" alt="License">
16
+ </a>
17
+ <img src="https://img.shields.io/badge/Vue-3.5%2B-42b883?logo=vue.js&logoColor=white" alt="Vue 3.5+">
18
+ <img src="https://img.shields.io/badge/TypeScript-strict-3178c6?logo=typescript&logoColor=white" alt="TypeScript">
19
+ </p>
20
+
21
+ <p align="center">
22
+ <a href="https://ui.shtab.app">📖 Документация</a> ·
23
+ <a href="https://ui.shtab.app/storybook/">🎨 Storybook</a> ·
24
+ <a href="https://ui.shtab.app/getting-started/installation">⚡ Установка</a>
25
+ </p>
26
+
27
+ </div>
28
+
29
+ ---
30
+
31
+ ## 🚀 Возможности
32
+
33
+ - 🧩 **30+ компонентов** — формы, overlay, списки и графики: `SButton`, `SInput`, `SSelect`, `SDropdown`, `SList`, `SChartLine` и другие
34
+ - 🎨 **Design tokens** — светлая и тёмная темы, брендовые цветовые пресеты, CSS custom properties и CSS Layers
35
+ - 🌳 **Tree-shaking** — точечный subpath-импорт каждого компонента: `@shtabapp/ui-kit/button`
36
+ - 🦾 **TypeScript** — строго типизированные props, события, слоты и `v-model`
37
+ - 🤖 **AI-ready** — собственный [MCP-сервер](https://www.npmjs.com/package/@shtabapp/ui-kit-mcp) и [llms.txt](https://ui.shtab.app/llms.txt) для AI-ассистентов
38
+
39
+ ## ⚡ Быстрый старт
6
40
 
7
41
  ```bash
8
42
  pnpm add @shtabapp/ui-kit
9
43
  ```
10
44
 
11
- `@shtabapp/ui-kit-tokens` и `@shtabapp/ui-kit-primitives` устанавливаются автоматически как зависимости.
12
-
13
- ## Использование
45
+ Подключите стили **до** стилей приложения и оберните корень в `.s-ui-root`:
14
46
 
15
47
  ```ts
48
+ // main.ts
16
49
  import '@shtabapp/ui-kit/styles.css'
50
+ ```
51
+
52
+ ```vue
53
+ <template>
54
+ <SButton appearance="major" variant="main" icon-left="plus"> Создать задачу </SButton>
55
+ </template>
17
56
 
57
+ <script setup lang="ts">
18
58
  import { SButton } from '@shtabapp/ui-kit/button'
19
- import { SIcon } from '@shtabapp/ui-kit/icon'
20
- import { setDocumentTheme } from '@shtabapp/ui-kit/tokens'
59
+ </script>
21
60
  ```
22
61
 
23
- JS-API `@shtabapp/ui-kit-tokens` и `@shtabapp/ui-kit-primitives` полностью реэкспортируется отсюда — и из корневого barrel, и через subpath-входы (`./tokens`, `./icon`, `./spinner`, `./progress-bar`, `./skeleton`).
62
+ Переключение темы:
63
+
64
+ ```ts
65
+ import { setDocumentTheme, EThemeName } from '@shtabapp/ui-kit/tokens'
66
+
67
+ setDocumentTheme(EThemeName.Dark)
68
+ ```
69
+
70
+ Подробности — в [руководстве по установке](https://ui.shtab.app/getting-started/installation): агрегат стилей и гранулярные входы, `<Suspense>` для асинхронного `SIcon`, точечный импорт.
71
+
72
+ ## 📖 Документация
73
+
74
+ | Раздел | Что внутри |
75
+ | --------------------------------------------------------------- | -------------------------------------------------- |
76
+ | [Установка](https://ui.shtab.app/getting-started/installation) | Пакеты, стили, точечный импорт |
77
+ | [Design tokens](https://ui.shtab.app/foundations/design-tokens) | Палитра, семантические токены, размеры |
78
+ | [Темизация](https://ui.shtab.app/foundations/theming) | Светлая/тёмная тема, брендовые пресеты |
79
+ | [Паттерны](https://ui.shtab.app/patterns/forms) | Формы, overlay, списки, графики |
80
+ | [Storybook](https://ui.shtab.app/storybook/) | Интерактивная галерея всех компонентов и состояний |
81
+
82
+ ## 🤖 Для AI-ассистентов
83
+
84
+ Подключите [MCP-сервер](https://ui.shtab.app/llm/mcp-server) — и Claude Code, Cursor или VS Code будут верстать на актуальном API библиотеки:
85
+
86
+ ```bash
87
+ claude mcp add shtab-ui-kit -- npx -y @shtabapp/ui-kit-mcp
88
+ ```
89
+
90
+ Или используйте машиночитаемую документацию: [llms.txt](https://ui.shtab.app/llms.txt) · [llms-full.txt](https://ui.shtab.app/llms-full.txt).
91
+
92
+ ## 🌐 Экосистема
93
+
94
+ | Пакет | Назначение |
95
+ | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
96
+ | [@shtabapp/ui-kit](https://www.npmjs.com/package/@shtabapp/ui-kit) | Составные компоненты — основной пакет |
97
+ | [@shtabapp/ui-kit-primitives](https://www.npmjs.com/package/@shtabapp/ui-kit-primitives) | Примитивы: `SIcon`, `SSpinner`, `SProgressBar`, `SSkeleton` |
98
+ | [@shtabapp/ui-kit-tokens](https://www.npmjs.com/package/@shtabapp/ui-kit-tokens) | Design tokens, темы, CSS layers |
99
+ | [@shtabapp/ui-kit-mcp](https://www.npmjs.com/package/@shtabapp/ui-kit-mcp) | MCP-сервер для AI-ассистентов |
24
100
 
25
- `styles.css` агрегат, подключающий слои в правильном порядке (tokens primitives components). Гранулярные входы: `@shtabapp/ui-kit-tokens/styles.css`, `@shtabapp/ui-kit-primitives/styles.css`, `@shtabapp/ui-kit/components.css`.
101
+ `tokens` и `primitives` устанавливаются автоматически как зависимости, их JS-API полностью реэкспортируется из `@shtabapp/ui-kit` — включая subpath-входы (`./tokens`, `./icon`, `./spinner`, `./progress-bar`, `./skeleton`).
26
102
 
27
- ## Peer dependencies
103
+ ## ⚙️ Peer dependencies
28
104
 
29
- - `vue` `^3.5.0`
30
- - `@vueuse/core` `^14.0.0`
31
- - `chart.js` `^4.4.0` (для chart-компонентов)
32
- - `@tanstack/vue-virtual` `^3.0.0`
33
- - `vue-router` `^4.5.0` (опционально)
105
+ | Пакет | Версия | |
106
+ | ----------------------- | --------- | ------------------------- |
107
+ | `vue` | `^3.5.0` | |
108
+ | `@vueuse/core` | `^14.0.0` | |
109
+ | `chart.js` | `^4.4.0` | для chart-компонентов |
110
+ | `@tanstack/vue-virtual` | `^3.0.0` | для виртуализации списков |
111
+ | `vue-router` | `^4.5.0` | опционально |
34
112
 
35
- ## Лицензия
113
+ ## 📑 Лицензия
36
114
 
37
- MIT
115
+ [MIT](https://opensource.org/licenses/MIT)
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./useSelectLink-DDdMmsJB.cjs"),i=require("./useLink-CvN7IK0Z.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=[`aria-hidden`],c={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},l=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(l){let u=(0,a.inject)(t.t,null),d=(0,a.useAttrs)(),f=(0,a.computed)(()=>n.a(l.appearance,u?(0,a.toValue)(u.appearance):void 0,e.t.MAJOR)),p=(0,a.computed)(()=>n.a(l.variant,u?(0,a.toValue)(u.variant):void 0,e.r.MAIN)),m=(0,a.computed)(()=>n.a(l.size,u?(0,a.toValue)(u.size):void 0,e.n.MEDIUM)),h=(0,a.computed)(()=>l.disabled||!!(u&&(0,a.toValue)(u.disabled))),g=(0,a.useTemplateRef)(`buttonRootRef`),_=i.t(()=>l.link,()=>l.exact,()=>l.replace),v=_.linkPresentation;r.t({isRouterLink:_.isRouterLink,isActive:_.isActive,group:()=>u,value:()=>l.value});let y=(0,a.computed)(()=>{let e=v.value;return e.mode===`none`?`button`:e.rootTag}),b=(0,a.computed)(()=>y.value===`button`),x=(0,a.computed)(()=>h.value||l.loading),S=r.n({group:u,value:()=>l.value,el:g,disabled:h,interactive:()=>!x.value}),C=(0,a.computed)(()=>_.isRouterLink.value?_.isActive.value:S.isActive.value),w=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${f.value}`,`s-ui-button--variant-${p.value}`,`s-ui-button--size-${m.value}`,{"s-ui-button--disabled":h.value,"s-ui-button--loading":l.loading,"s-ui-button--icon-only":l.icon,"s-ui-button--active":C.value,"s-ui-button--link":v.value.mode!==`none`}]),T=(0,a.computed)(()=>({disabled:b.value?x.value:void 0,"aria-busy":l.loading?!0:void 0,"aria-pressed":S.ariaPressed.value,"aria-checked":S.ariaChecked.value,tabindex:S.tabIndex.value,...i.n(v.value,{replace:l.replace})})),E=(0,a.computed)(()=>({...T.value,...d})),D={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},O=(0,a.computed)(()=>D[m.value]),k={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},A=(0,a.computed)(()=>k[m.value]),j=(0,a.computed)(()=>h.value||l.loading?!1:p.value===e.r.BILLING&&f.value!==e.t.MAJOR),M=(0,a.computed)(()=>p.value===e.r.BILLING&&f.value!==e.t.MAJOR),N=e=>{if(!x.value){if(_.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),_.navigate();return}S.handleKeydown(e)}},P=e=>{if(x.value){e.preventDefault(),e.stopPropagation();return}_.isRouterLink.value||S.handleClick()};return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(y.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:g,class:w.value},E.value,{onClick:P,onKeydown:N}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":l.loading?!0:void 0},[l.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.icon,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[l.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.iconLeft,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,O.value])},[(0,a.renderSlot)(e.$slots,`default`)],2),l.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:l.iconRight,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,s),l.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,c,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:M.value,size:A.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./useSelectLink-DDdMmsJB.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=[`aria-hidden`],c={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},l=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(l){let u=(0,a.inject)(t.t,null),d=(0,a.useAttrs)(),f=(0,a.computed)(()=>n.a(l.appearance,u?(0,a.toValue)(u.appearance):void 0,e.t.MAJOR)),p=(0,a.computed)(()=>n.a(l.variant,u?(0,a.toValue)(u.variant):void 0,e.r.MAIN)),m=(0,a.computed)(()=>n.a(l.size,u?(0,a.toValue)(u.size):void 0,e.n.MEDIUM)),h=(0,a.computed)(()=>l.disabled||!!(u&&(0,a.toValue)(u.disabled))),g=(0,a.useTemplateRef)(`buttonRootRef`),_=i.t(()=>l.link,()=>l.exact,()=>l.replace),v=_.linkPresentation;r.t({isRouterLink:_.isRouterLink,isActive:_.isActive,group:()=>u,value:()=>l.value});let y=(0,a.computed)(()=>{let e=v.value;return e.mode===`none`?`button`:e.rootTag}),b=(0,a.computed)(()=>y.value===`button`),x=(0,a.computed)(()=>h.value||l.loading),S=r.n({group:u,value:()=>l.value,el:g,disabled:h,interactive:()=>!x.value}),C=(0,a.computed)(()=>_.isRouterLink.value?_.isActive.value:S.isActive.value),w=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${f.value}`,`s-ui-button--variant-${p.value}`,`s-ui-button--size-${m.value}`,{"s-ui-button--disabled":h.value,"s-ui-button--loading":l.loading,"s-ui-button--icon-only":l.icon,"s-ui-button--active":C.value,"s-ui-button--link":v.value.mode!==`none`}]),T=(0,a.computed)(()=>({disabled:b.value?x.value:void 0,"aria-busy":l.loading?!0:void 0,"aria-pressed":S.ariaPressed.value,"aria-checked":S.ariaChecked.value,tabindex:S.tabIndex.value,...i.n(v.value,{replace:l.replace})})),E=(0,a.computed)(()=>({...T.value,...d})),D={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},O=(0,a.computed)(()=>D[m.value]),k={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},A=(0,a.computed)(()=>k[m.value]),j=(0,a.computed)(()=>h.value||l.loading?!1:p.value===e.r.BILLING&&f.value!==e.t.MAJOR),M=(0,a.computed)(()=>p.value===e.r.BILLING&&f.value!==e.t.MAJOR),N=e=>{if(!x.value){if(_.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),_.navigate();return}S.handleKeydown(e)}},P=e=>{if(x.value){e.preventDefault(),e.stopPropagation();return}_.isRouterLink.value||S.handleClick()};return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(y.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:g,class:w.value},E.value,{onClick:P,onKeydown:N}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":l.loading?!0:void 0},[l.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.icon,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[l.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.iconLeft,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,O.value])},[(0,a.renderSlot)(e.$slots,`default`)],2),l.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:l.iconRight,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,s),l.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,c,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:M.value,size:A.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -2,7 +2,7 @@ import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
2
  import { t as r } from "./context-C3WoLJS4.js";
3
3
  import { a as i } from "./useSelectionGroup-cKj38lEN.js";
4
4
  import { n as a, t as o } from "./useSelectLink-DClG5hGA.js";
5
- import { n as s, t as c } from "./useLink-Zo9A_RCf.js";
5
+ import { n as s, t as c } from "./useLink-Com5VhOk.js";
6
6
  import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, inject as _, mergeProps as v, normalizeClass as y, openBlock as b, renderSlot as x, resolveDynamicComponent as S, toValue as C, unref as w, useAttrs as T, useTemplateRef as E, withCtx as D } from "vue";
7
7
  import { SIcon as O, SSpinner as k } from "@shtabapp/ui-kit-primitives";
8
8
  //#region src/components/SButton/SButton.vue?vue&type=script&setup=true&lang.ts
@@ -1 +1 @@
1
- const e=require("./useLink-CvN7IK0Z.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
+ 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,4 +1,4 @@
1
- import { n as e, t } from "./useLink-Zo9A_RCf.js";
1
+ import { n as e, t } from "./useLink-Com5VhOk.js";
2
2
  import { r as n, t as r } from "./SCheckbox-BMKYFfrB.js";
3
3
  import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
4
4
  import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-fFytCz5D.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`),S=b,C=(0,a.useAttrs)(),w=(0,a.useSlots)(),T=(0,a.useId)(),E=(0,a.useTemplateRef)(`fieldElementRef`),D=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:O,handleFocus:k,handleFocusOut:A}=i.n({isDisabled:()=>v.disabled,blurField:()=>Y(),emitFocus:e=>S(`focus`,e),emitBlur:e=>S(`blur`,e)}),{normalizedHelpMessages:j,normalizedErrorMessages:M,hasErrorMessages:N,hasHelpMessages:P}=i.t(()=>v.helpMessages,()=>v.errorMessages),F=(0,a.computed)(()=>v.id?v.id:T),I=(0,a.computed)(()=>!!(v.label||w.label)),L=(0,a.computed)(()=>!!(v.iconLeft||w.prefix)),R=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!w.prepend),z=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!w.prepend),B=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:x.value.length>0),V=(0,a.computed)(()=>{if(!O.value)return-1}),H=(0,a.computed)(()=>!!(v.iconRight||w.action)),U=(0,a.computed)(()=>!!w.message||P.value||N.value),W=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),G=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),K=(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":N.value,"s-ui-input__field--filled":W.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":O.value||v.focused}]),q=e=>{let t=E.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},J=e=>{if(w.control){q(e);return}D.value?.focus(e)},Y=()=>{if(w.control){let e=document.activeElement;e instanceof HTMLElement&&E.value?.contains(e)&&e.blur();return}D.value?.blur()},X=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`)||J())},Z=()=>{x.value=``,S(`clear`),J()};return y({blur:Y,focus:J,fieldElementRef:E,inputElementRef:D}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,G.value])},[I.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":F.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:E,class:(0,a.normalizeClass)([`s-ui-input__field`,K.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>X(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)},[R.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,[L.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:F.value,ref_key:`inputElementRef`,ref:D,"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)(C),{onFocus:y[1]||=(...e)=>(0,a.unref)(k)&&(0,a.unref)(k)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),B.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":`Clear`,tabindex:V.value,onClick:(0,a.withModifiers)(Z,[`stop`])},null,8,[`appearance`,`variant`,`size`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),H.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),U.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)(j),(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)(M),(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
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-CHxE2l-X.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`),S=b,C=(0,a.useAttrs)(),w=(0,a.useSlots)(),T=(0,a.useId)(),E=(0,a.useTemplateRef)(`fieldElementRef`),D=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:O,handleFocus:k,handleFocusOut:A}=i.n({isDisabled:()=>v.disabled,blurField:()=>Y(),emitFocus:e=>S(`focus`,e),emitBlur:e=>S(`blur`,e)}),{normalizedHelpMessages:j,normalizedErrorMessages:M,hasErrorMessages:N,hasHelpMessages:P}=i.t(()=>v.helpMessages,()=>v.errorMessages),F=(0,a.computed)(()=>v.id?v.id:T),I=(0,a.computed)(()=>!!(v.label||w.label)),L=(0,a.computed)(()=>!!(v.iconLeft||w.prefix)),R=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!w.prepend),z=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!w.prepend),B=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:x.value.length>0),V=(0,a.computed)(()=>{if(!O.value)return-1}),H=(0,a.computed)(()=>!!(v.iconRight||w.action)),U=(0,a.computed)(()=>!!w.message||P.value||N.value),W=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),G=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),K=(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":N.value,"s-ui-input__field--filled":W.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":O.value||v.focused}]),q=e=>{let t=E.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},J=e=>{if(w.control){q(e);return}D.value?.focus(e)},Y=()=>{if(w.control){let e=document.activeElement;e instanceof HTMLElement&&E.value?.contains(e)&&e.blur();return}D.value?.blur()},X=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`)||J())},Z=()=>{x.value=``,S(`clear`),J()};return y({blur:Y,focus:J,fieldElementRef:E,inputElementRef:D}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,G.value])},[I.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":F.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:E,class:(0,a.normalizeClass)([`s-ui-input__field`,K.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>X(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)},[R.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,[L.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:F.value,ref_key:`inputElementRef`,ref:D,"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)(C),{onFocus:y[1]||=(...e)=>(0,a.unref)(k)&&(0,a.unref)(k)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),B.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":`Clear`,tabindex:V.value,onClick:(0,a.withModifiers)(Z,[`stop`])},null,8,[`appearance`,`variant`,`size`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),H.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),U.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)(j),(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)(M),(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,5 +1,5 @@
1
1
  import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
- import { t as r } from "./SButton-DI04KG06.js";
2
+ import { t as r } from "./SButton-D5yFE3W2.js";
3
3
  import { n as ee, t as i } from "./SInlineMessage-Dirk5RwO.js";
4
4
  import { t as te } from "./SLabel-yzcX4qp5.js";
5
5
  import { n as a, t as o } from "./useFieldMessages-Cb06My1W.js";
@@ -1,5 +1,5 @@
1
1
  import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-cKj38lEN.js";
2
- import { r as i, t as a } from "./SListItem-pDfLBCNA.js";
2
+ import { r as i, t as a } from "./SListItem-BAWj5_pk.js";
3
3
  import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as ee, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as te, renderList as ne, renderSlot as _, toValue as v, unref as y, useId as re, useModel as b, useSlots as ie, useTemplateRef as x } from "vue";
4
4
  import { ESIconName as S } from "@shtabapp/ui-kit-primitives";
5
5
  import { useInfiniteScroll as C } from "@vueuse/core";
@@ -1 +1 @@
1
- const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-DnQa1Q4k.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),c(e,t,n,r)})},l=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=l(s(i,r),t,n,r);if(e)return e}},u=(e,t,n,r,i,a,c)=>{e.forEach(e=>{let l=o(e,t);if(!l)return;let d=s(e,n),f=d.length>0,p=r.includes(l);c.push({key:l,item:e,depth:i,flatIndex:c.length,hasChildren:f,expanded:p,parentKey:a}),f&&p&&u(d,t,n,r,i+1,l,c)})},d=({items:e,childrenKey:t,itemKey:r,expanded:i})=>({flatRows:(0,n.computed)(()=>{let a=[],o=(0,n.toValue)(e),s=(0,n.toValue)(t);return u(o,(0,n.toValue)(r),s,i.value,0,void 0,a),a}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),u=(0,n.toValue)(r),d=new Set(i.value);if(d.has(a)){d.delete(a);let e=l(o,a,u,s);if(e){let t=new Set;c(e,u,s,t),t.forEach(e=>{d.delete(e)})}}else d.add(a);i.value=[...d]},isExpanded:e=>i.value.includes(e)}),f=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),p=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),m=p.TWO_X_SMALL,ee={[p.NONE]:`var(--s-ui-space-gap-none)`,[p.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[p.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[p.SMALL]:`var(--s-ui-space-gap-small)`,[p.MEDIUM]:`var(--s-ui-space-gap-medium)`,[p.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[p.LARGE]:`var(--s-ui-space-gap-large)`,[p.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[p.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},h={[p.NONE]:0,[p.TWO_X_SMALL]:2,[p.X_SMALL]:4,[p.SMALL]:8,[p.MEDIUM]:12,[p.X_MEDIUM]:16,[p.LARGE]:20,[p.X_LARGE]:24,[p.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,g=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},_=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},v=e=>e in r.ESIconName,y=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&v(n))return n},b=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,x=e=>e.some(e=>e.hasChildren||e.parentKey),S=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},C=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,w=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?S(r,t,n):C(r,t):null},T=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ne=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return T(n,r+a,a,i.depth)},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],E={key:2,class:`s-ui-list__static`},D=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>m},estimateItemSize:{default:44},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(r,{expose:i,emit:o}){let s=(0,n.useModel)(r,`modelValue`),c=(0,n.useModel)(r,`selected`),l=(0,n.useModel)(r,`expanded`),u=o,p=(0,n.useSlots)(),m=(0,n.useId)(),v=(0,n.useTemplateRef)(`scrollElementRef`),S=(0,n.useTemplateRef)(`listRootElementRef`),C=(0,n.computed)(()=>h[r.gap]),T=(0,n.computed)(()=>r.items!==void 0),D=(0,n.computed)(()=>T.value?r.virtual===void 0?!0:r.virtual:!1),{flatRows:O,toggleExpanded:k}=d({items:()=>r.items??[],childrenKey:()=>r.childrenKey,itemKey:()=>r.itemKey,expanded:l}),A=(0,a.useVirtualizer)((0,n.computed)(()=>({count:O.value.length,getScrollElement:()=>v.value,estimateSize:()=>r.estimateItemSize,gap:C.value,overscan:r.overscan}))),j=(0,n.computed)(()=>{if(T.value)return O.value.map(e=>e.key)}),M=(0,n.computed)(()=>{let e=new Set;for(let t of O.value)_(t.item,r.disabledKey)&&e.add(t.key);return e}),N=async e=>{if(!D.value)return;let t=O.value.findIndex(t=>t.key===e);t!==-1&&(A.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},P=e=>te(m,e),F=e.o({modelValue:()=>c.value,onUpdateModelValue:e=>{c.value=e},mode:()=>r.selectionMode,mandatory:()=>r.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>D.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:j,isValueDisabled:e=>M.value.has(e),onBeforeFocusItem:async e=>{await N(e)},onFocusGroup:()=>{v.value?.focus()}}),I=(0,n.computed)(()=>T.value&&x(O.value)),L=()=>{if(D.value){v.value?.focus();return}S.value?.focus()},R=()=>{F.focusedValue.value=void 0,s.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==v.value&&e.blur(),L()},z=async e=>{D.value&&await N(e)},B=async e=>{if(R(),e.type===`expand`||e.type===`collapse`){k(e.rowKey),F.select(e.rowKey,!1),await z(e.rowKey);return}F.select(e.rowKey,!1),await z(e.rowKey)},V=async(e,t)=>{if(!I.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=b(t,c.value),r=ne(e.key,n,O.value);return r?(e.preventDefault(),R(),F.select(r,!1),await z(r),!0):!1},H=async(e,t)=>{if(!I.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=b(t,c.value),r=w(e.key,n,O.value);return r?(e.preventDefault(),await B(r),!0):!1},U=()=>{if(s.value)return s.value;let e=b(``,c.value);if(e)return e;let t=j.value;if(t){for(let e of t)if(!M.value.has(e))return e}},W=()=>U(),G=async e=>{let t=W();t&&await K(e,t)},K=async(e,t)=>{await V(e,t)||await H(e,t)||(await F.handleItemKeydown(e,t),s.value=F.focusedValue.value,!F.focusedValue.value&&!D.value&&L())},q=async e=>{let t=U();t&&await K(e,t)},oe=async e=>{if(D.value||e.target!==S.value)return;let t=U();t&&await K(e,t)},se=async()=>{let e=U();if(!e){L();return}await F.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>r.selectionMode,isSelected:F.isSelected,selectItem:F.toggle,registerItem:F.registerItem,getItemTabIndex:F.getItemTabIndex,getGroupTabIndex:F.getGroupTabIndex,handleItemKeydown:K,activeKey:()=>s.value,setActiveKey:e=>{s.value=e},isExpanded:e=>l.value.includes(e),toggleExpanded:e=>{if(T.value){k(e);return}let t=new Set(l.value);t.has(e)?t.delete(e):t.add(e),l.value=[...t]},revealRight:()=>r.revealRight,getItemOptionId:e=>{if(D.value)return P(e)},usesActiveDescendantNavigation:()=>D.value});let ce=(0,n.computed)(()=>A.value.getVirtualItems()),le=(0,n.computed)(()=>ce.value.flatMap(e=>{let t=O.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ue=(0,n.computed)(()=>A.value.getTotalSize()),de=(0,n.computed)(()=>({height:`${ue.value}px`,position:`relative`,width:`100%`})),J=(0,n.computed)(()=>{let e={};return typeof r.height==`number`?e.height=`${r.height}px`:r.height&&(e.height=r.height),r.maxHeight&&(typeof r.maxHeight==`number`?e.maxHeight=`${r.maxHeight}px`:e.maxHeight=r.maxHeight),e}),fe=(0,n.computed)(()=>({"s-ui-list--virtual":D.value,"s-ui-list--static":!D.value})),pe=(0,n.computed)(()=>({"--s-ui-list-gap":ee[r.gap]})),Y=(0,n.computed)(()=>({"s-ui-list__scroll--flat":T.value&&!D.value})),X=(0,n.computed)(()=>{if(r.selectionMode===e.n.MULTIPLE)return!0}),me=(0,n.computed)(()=>{if(!D.value)return`listbox`}),he=(0,n.computed)(()=>{if(!D.value)return X.value}),Z=(0,n.computed)(()=>{if(D.value)return F.getGroupTabIndex()}),ge=(0,n.computed)(()=>s.value?s.value:b(``,c.value)),_e=(0,n.computed)(()=>{if(!D.value)return;let e=ge.value;if(e)return P(e)});f(()=>v.value,{distance:()=>r.endReachedDistance,canLoadMore:()=>r.canLoadMore?r.canLoadMore():!0,onEndReached:()=>{u(`endReached`,{direction:`bottom`})}});let ve=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),ye=e=>{e instanceof HTMLElement&&A.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:F.isSelected(e.key),active:s.value===e.key,disabled:_(t,r.disabledKey),title:g(t,r.titleKey),subtitle:g(t,r.subtitleKey),iconLeft:y(t,r.iconLeftKey),revealRight:r.revealRight};return r.itemProps?{...n,...r.itemProps(t,e)}:n},$=e=>({...e,revealRight:r.revealRight,toggleExpanded:()=>{k(e.key)}});return i({focusNavigation:se,handleKeyboardNavigation:q}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:S,class:(0,n.normalizeClass)([`s-ui-list`,fe.value]),style:(0,n.normalizeStyle)(pe.value),role:me.value,"aria-multiselectable":he.value,tabindex:`-1`,onKeydown:oe},[T.value&&D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value),role:`listbox`,"aria-multiselectable":X.value,"aria-activedescendant":_e.value,tabindex:Z.value,onKeydown:G},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(de.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(le.value,r=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:r.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":r.virtualRow.index,ref_for:!0,ref:ye,style:(0,n.normalizeStyle)(ve(r.virtualRow))},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r.flatRow)),null,16))],12,ae))),128))],4)],46,ie)):T.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(O),r=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:r.key},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r)),null,16))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});
1
+ const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-4OTUkahk.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),c(e,t,n,r)})},l=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=l(s(i,r),t,n,r);if(e)return e}},u=(e,t,n,r,i,a,c)=>{e.forEach(e=>{let l=o(e,t);if(!l)return;let d=s(e,n),f=d.length>0,p=r.includes(l);c.push({key:l,item:e,depth:i,flatIndex:c.length,hasChildren:f,expanded:p,parentKey:a}),f&&p&&u(d,t,n,r,i+1,l,c)})},d=({items:e,childrenKey:t,itemKey:r,expanded:i})=>({flatRows:(0,n.computed)(()=>{let a=[],o=(0,n.toValue)(e),s=(0,n.toValue)(t);return u(o,(0,n.toValue)(r),s,i.value,0,void 0,a),a}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),u=(0,n.toValue)(r),d=new Set(i.value);if(d.has(a)){d.delete(a);let e=l(o,a,u,s);if(e){let t=new Set;c(e,u,s,t),t.forEach(e=>{d.delete(e)})}}else d.add(a);i.value=[...d]},isExpanded:e=>i.value.includes(e)}),f=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),p=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),m=p.TWO_X_SMALL,ee={[p.NONE]:`var(--s-ui-space-gap-none)`,[p.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[p.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[p.SMALL]:`var(--s-ui-space-gap-small)`,[p.MEDIUM]:`var(--s-ui-space-gap-medium)`,[p.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[p.LARGE]:`var(--s-ui-space-gap-large)`,[p.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[p.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},h={[p.NONE]:0,[p.TWO_X_SMALL]:2,[p.X_SMALL]:4,[p.SMALL]:8,[p.MEDIUM]:12,[p.X_MEDIUM]:16,[p.LARGE]:20,[p.X_LARGE]:24,[p.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,g=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},_=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},v=e=>e in r.ESIconName,y=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&v(n))return n},b=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,x=e=>e.some(e=>e.hasChildren||e.parentKey),S=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},C=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,w=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?S(r,t,n):C(r,t):null},T=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ne=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return T(n,r+a,a,i.depth)},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],E={key:2,class:`s-ui-list__static`},D=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>m},estimateItemSize:{default:44},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(r,{expose:i,emit:o}){let s=(0,n.useModel)(r,`modelValue`),c=(0,n.useModel)(r,`selected`),l=(0,n.useModel)(r,`expanded`),u=o,p=(0,n.useSlots)(),m=(0,n.useId)(),v=(0,n.useTemplateRef)(`scrollElementRef`),S=(0,n.useTemplateRef)(`listRootElementRef`),C=(0,n.computed)(()=>h[r.gap]),T=(0,n.computed)(()=>r.items!==void 0),D=(0,n.computed)(()=>T.value?r.virtual===void 0?!0:r.virtual:!1),{flatRows:O,toggleExpanded:k}=d({items:()=>r.items??[],childrenKey:()=>r.childrenKey,itemKey:()=>r.itemKey,expanded:l}),A=(0,a.useVirtualizer)((0,n.computed)(()=>({count:O.value.length,getScrollElement:()=>v.value,estimateSize:()=>r.estimateItemSize,gap:C.value,overscan:r.overscan}))),j=(0,n.computed)(()=>{if(T.value)return O.value.map(e=>e.key)}),M=(0,n.computed)(()=>{let e=new Set;for(let t of O.value)_(t.item,r.disabledKey)&&e.add(t.key);return e}),N=async e=>{if(!D.value)return;let t=O.value.findIndex(t=>t.key===e);t!==-1&&(A.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},P=e=>te(m,e),F=e.o({modelValue:()=>c.value,onUpdateModelValue:e=>{c.value=e},mode:()=>r.selectionMode,mandatory:()=>r.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>D.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:j,isValueDisabled:e=>M.value.has(e),onBeforeFocusItem:async e=>{await N(e)},onFocusGroup:()=>{v.value?.focus()}}),I=(0,n.computed)(()=>T.value&&x(O.value)),L=()=>{if(D.value){v.value?.focus();return}S.value?.focus()},R=()=>{F.focusedValue.value=void 0,s.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==v.value&&e.blur(),L()},z=async e=>{D.value&&await N(e)},B=async e=>{if(R(),e.type===`expand`||e.type===`collapse`){k(e.rowKey),F.select(e.rowKey,!1),await z(e.rowKey);return}F.select(e.rowKey,!1),await z(e.rowKey)},V=async(e,t)=>{if(!I.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=b(t,c.value),r=ne(e.key,n,O.value);return r?(e.preventDefault(),R(),F.select(r,!1),await z(r),!0):!1},H=async(e,t)=>{if(!I.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=b(t,c.value),r=w(e.key,n,O.value);return r?(e.preventDefault(),await B(r),!0):!1},U=()=>{if(s.value)return s.value;let e=b(``,c.value);if(e)return e;let t=j.value;if(t){for(let e of t)if(!M.value.has(e))return e}},W=()=>U(),G=async e=>{let t=W();t&&await K(e,t)},K=async(e,t)=>{await V(e,t)||await H(e,t)||(await F.handleItemKeydown(e,t),s.value=F.focusedValue.value,!F.focusedValue.value&&!D.value&&L())},q=async e=>{let t=U();t&&await K(e,t)},oe=async e=>{if(D.value||e.target!==S.value)return;let t=U();t&&await K(e,t)},se=async()=>{let e=U();if(!e){L();return}await F.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>r.selectionMode,isSelected:F.isSelected,selectItem:F.toggle,registerItem:F.registerItem,getItemTabIndex:F.getItemTabIndex,getGroupTabIndex:F.getGroupTabIndex,handleItemKeydown:K,activeKey:()=>s.value,setActiveKey:e=>{s.value=e},isExpanded:e=>l.value.includes(e),toggleExpanded:e=>{if(T.value){k(e);return}let t=new Set(l.value);t.has(e)?t.delete(e):t.add(e),l.value=[...t]},revealRight:()=>r.revealRight,getItemOptionId:e=>{if(D.value)return P(e)},usesActiveDescendantNavigation:()=>D.value});let ce=(0,n.computed)(()=>A.value.getVirtualItems()),le=(0,n.computed)(()=>ce.value.flatMap(e=>{let t=O.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ue=(0,n.computed)(()=>A.value.getTotalSize()),de=(0,n.computed)(()=>({height:`${ue.value}px`,position:`relative`,width:`100%`})),J=(0,n.computed)(()=>{let e={};return typeof r.height==`number`?e.height=`${r.height}px`:r.height&&(e.height=r.height),r.maxHeight&&(typeof r.maxHeight==`number`?e.maxHeight=`${r.maxHeight}px`:e.maxHeight=r.maxHeight),e}),fe=(0,n.computed)(()=>({"s-ui-list--virtual":D.value,"s-ui-list--static":!D.value})),pe=(0,n.computed)(()=>({"--s-ui-list-gap":ee[r.gap]})),Y=(0,n.computed)(()=>({"s-ui-list__scroll--flat":T.value&&!D.value})),X=(0,n.computed)(()=>{if(r.selectionMode===e.n.MULTIPLE)return!0}),me=(0,n.computed)(()=>{if(!D.value)return`listbox`}),he=(0,n.computed)(()=>{if(!D.value)return X.value}),Z=(0,n.computed)(()=>{if(D.value)return F.getGroupTabIndex()}),ge=(0,n.computed)(()=>s.value?s.value:b(``,c.value)),_e=(0,n.computed)(()=>{if(!D.value)return;let e=ge.value;if(e)return P(e)});f(()=>v.value,{distance:()=>r.endReachedDistance,canLoadMore:()=>r.canLoadMore?r.canLoadMore():!0,onEndReached:()=>{u(`endReached`,{direction:`bottom`})}});let ve=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),ye=e=>{e instanceof HTMLElement&&A.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:F.isSelected(e.key),active:s.value===e.key,disabled:_(t,r.disabledKey),title:g(t,r.titleKey),subtitle:g(t,r.subtitleKey),iconLeft:y(t,r.iconLeftKey),revealRight:r.revealRight};return r.itemProps?{...n,...r.itemProps(t,e)}:n},$=e=>({...e,revealRight:r.revealRight,toggleExpanded:()=>{k(e.key)}});return i({focusNavigation:se,handleKeyboardNavigation:q}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:S,class:(0,n.normalizeClass)([`s-ui-list`,fe.value]),style:(0,n.normalizeStyle)(pe.value),role:me.value,"aria-multiselectable":he.value,tabindex:`-1`,onKeydown:oe},[T.value&&D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value),role:`listbox`,"aria-multiselectable":X.value,"aria-activedescendant":_e.value,tabindex:Z.value,onKeydown:G},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(de.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(le.value,r=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:r.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":r.virtualRow.index,ref_for:!0,ref:ye,style:(0,n.normalizeStyle)(ve(r.virtualRow))},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r.flatRow)),null,16))],12,ae))),128))],4)],46,ie)):T.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(O),r=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:r.key},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r)),null,16))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./SButton-fFytCz5D.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),k=t.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),A=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),j=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),M=(0,r.computed)(()=>k.isInGroup.value?k.isActive.value:o.selected),N=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),P=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),F=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),I=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return k.tabIndex.value===void 0?0:k.tabIndex.value}),L=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),R=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":M.value,"s-ui-list-item--active":N.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":P.value}]),z=()=>{if(!(o.disabled||o.readonly||o.loading)){if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)}},B=e=>e.target instanceof Element&&!!e.target.closest(x),V=e=>{o.disabled||o.readonly||o.loading||B(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),k.isInGroup.value&&k.handleClick(),w(`click`,e))},H=e=>{o.disabled||o.readonly||o.loading||(k.isInGroup.value&&k.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(t,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:F.value,class:(0,r.normalizeClass)([`s-ui-list-item`,R.value]),style:(0,r.normalizeStyle)(L.value),tabindex:I.value,role:`option`,"aria-selected":M.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?j.value:void 0,onClick:V,onKeydown:H},[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)(t.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":j.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":j.value?`Collapse`:`Expand`,onClick:(0,r.withModifiers)(z,[`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)(t.$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)(t.$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)(t.$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)(t.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),A.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)(t.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$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)(t.$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
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./SButton-CHxE2l-X.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),k=t.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),A=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),j=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),M=(0,r.computed)(()=>k.isInGroup.value?k.isActive.value:o.selected),N=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),P=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),F=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),I=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return k.tabIndex.value===void 0?0:k.tabIndex.value}),L=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),R=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":M.value,"s-ui-list-item--active":N.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":P.value}]),z=()=>{if(!(o.disabled||o.readonly||o.loading)){if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)}},B=e=>e.target instanceof Element&&!!e.target.closest(x),V=e=>{o.disabled||o.readonly||o.loading||B(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),k.isInGroup.value&&k.handleClick(),w(`click`,e))},H=e=>{o.disabled||o.readonly||o.loading||(k.isInGroup.value&&k.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(t,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:F.value,class:(0,r.normalizeClass)([`s-ui-list-item`,R.value]),style:(0,r.normalizeStyle)(L.value),tabindex:I.value,role:`option`,"aria-selected":M.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?j.value:void 0,onClick:V,onKeydown:H},[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)(t.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":j.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":j.value?`Collapse`:`Expand`,onClick:(0,r.withModifiers)(z,[`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)(t.$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)(t.$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)(t.$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)(t.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),A.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)(t.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$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)(t.$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,6 +1,6 @@
1
1
  import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
2
  import { n as r } from "./useSelectLink-DClG5hGA.js";
3
- import { t as i } from "./SButton-DI04KG06.js";
3
+ import { t as i } from "./SButton-D5yFE3W2.js";
4
4
  import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, guardReactiveProps as p, inject as m, normalizeClass as h, normalizeProps as g, normalizeStyle as ee, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as x, useTemplateRef as S, withModifiers as C } from "vue";
5
5
  import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
6
6
  //#region src/components/SList/utils/context.ts
@@ -1,7 +1,7 @@
1
1
  import { n as e } from "./SButton.types-CpdHQtyx.js";
2
2
  import { i as t, n, o as r, r as i } from "./useSelectionGroup-cKj38lEN.js";
3
3
  import { n as a, t as o } from "./useSelectLink-DClG5hGA.js";
4
- import { n as s, r as c, t as l } from "./useLink-Zo9A_RCf.js";
4
+ import { n as s, r as c, t as l } from "./useLink-Com5VhOk.js";
5
5
  import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, inject as v, mergeModels as y, mergeProps as b, normalizeClass as x, normalizeStyle as S, openBlock as C, provide as w, ref as T, renderList as E, resolveDynamicComponent as D, toDisplayString as O, toValue as k, unref as A, useModel as j, useTemplateRef as M, watch as N, withCtx as P } from "vue";
6
6
  import { SIcon as F } from "@shtabapp/ui-kit-primitives";
7
7
  import { useResizeObserver as I } from "@vueuse/core";
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./useSelectLink-DDdMmsJB.cjs"),r=require("./useLink-CvN7IK0Z.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives"),o=require("@vueuse/core");var s=Symbol(`SSegmentControl`),c={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},l=(0,i.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(t){let o=(0,i.inject)(s,null),l={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},u={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},d=(0,i.computed)(()=>o?(0,i.toValue)(o.size):e.n.MEDIUM),f=(0,i.computed)(()=>l[d.value]),p=(0,i.computed)(()=>u[d.value]),m=(0,i.useTemplateRef)(`itemRootRef`),h=r.t(()=>t.item.link,()=>t.item.exact,()=>t.item.replace);n.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>o,value:()=>t.item.value});let g=(0,i.computed)(()=>!!(o&&(0,i.toValue)(o.disabled))||!!t.item.disabled),_=n.n({group:()=>o,value:()=>t.item.value,el:m,disabled:g}),v=(0,i.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,i.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,i.computed)(()=>b.value===`button`),S=(0,i.computed)(()=>{if(o)return(0,i.toValue)(o.name)}),C=(0,i.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!t.item.iconOnly,"s-ui-segment-control__item--link":r.r(t.item.link)})),w=(0,i.computed)(()=>({...r.n(y.value,{replace:t.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),T=(0,i.computed)(()=>g.value?-1:_.tabIndex.value??-1),E=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},D=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(e,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(b.value),(0,i.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,C.value],type:x.value?`button`:void 0},w.value,{"aria-checked":v.value?`true`:`false`,tabindex:T.value,name:x.value?S.value:void 0,onClick:D,onKeydown:E}),{default:(0,i.withCtx)(()=>[t.item.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,c,[(0,i.createVNode)((0,i.unref)(a.SIcon),{name:t.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,i.createCommentVNode)(``,!0),t.item.label&&!t.item.iconOnly?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:(0,i.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,i.toDisplayString)(t.item.label),3)):(0,i.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`tabindex`,`name`]))}}),u=`.s-ui-segment-control__item`,d=()=>({offsetX:0,offsetY:0,width:0,height:0}),f=({trackEl:e,activeIndex:t,itemCount:n})=>{let r=(0,i.ref)(d()),a=()=>{let n=(0,i.toValue)(e),a=(0,i.toValue)(t);if(!n||a<0){r.value=d();return}let o=n.querySelectorAll(u).item(a);if(!(o instanceof HTMLElement)){r.value=d();return}let s=n.getBoundingClientRect(),c=o.getBoundingClientRect();r.value={offsetX:c.left-s.left,offsetY:c.top-s.top,width:c.width,height:c.height}};return(0,o.useResizeObserver)(e,()=>{a()}),(0,i.watch)(()=>[(0,i.toValue)(t),(0,i.toValue)(n)],()=>{a()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{offsetX:e,offsetY:t,width:n,height:i}=r.value;return!n||!i?{opacity:`0`}:{opacity:`1`,left:`${e}px`,top:`${t}px`,width:`${n}px`,height:`${i}px`}}),updateMetrics:a}},p=[`aria-disabled`],m=(0,i.defineComponent)({__name:`SSegmentControl`,props:(0,i.mergeModels)({items:{},size:{default:()=>e.n.MEDIUM},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:n}){let r=(0,i.useModel)(e,`modelValue`),a=n,o=(0,i.useTemplateRef)(`trackRef`),c=t.o({modelValue:()=>r.value,onUpdateModelValue:e=>{t.i(e)&&(r.value=e,a(`change`,e))},mode:t.n.SINGLE,mandatory:()=>e.mandatory,orientation:t.r.HORIZONTAL,loop:!0});(0,i.provide)(s,{mode:()=>t.n.SINGLE,isSelected:c.isSelected,selectItem:c.select,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,disabled:()=>e.disabled,name:()=>e.name,size:()=>e.size});let{indicatorStyle:u}=f({trackEl:()=>o.value,activeIndex:(0,i.computed)(()=>{let t=e.items.findIndex(e=>c.isSelected(e.value));return t>=0?t:0}),itemCount:()=>e.items.length}),d=(0,i.computed)(()=>({[`s-ui-segment-control--size-${e.size}`]:!0,"s-ui-segment-control--disabled":e.disabled})),m=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let t=e.items.find(e=>!e.disabled);t&&(r.value=t.value)};return(0,i.watch)(()=>e.items,()=>{h()},{immediate:!0}),(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,d.value],role:`radiogroup`,"aria-disabled":e.disabled||void 0},t.$attrs),[(0,i.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,i.normalizeStyle)((0,i.unref)(u)),"aria-hidden":`true`},null,4),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(l,{key:m(e,t),item:e},null,8,[`item`]))),128))],16,p))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./useSelectLink-DDdMmsJB.cjs"),r=require("./useLink-1LLWpdDZ.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives"),o=require("@vueuse/core");var s=Symbol(`SSegmentControl`),c={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},l=(0,i.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(t){let o=(0,i.inject)(s,null),l={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},u={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},d=(0,i.computed)(()=>o?(0,i.toValue)(o.size):e.n.MEDIUM),f=(0,i.computed)(()=>l[d.value]),p=(0,i.computed)(()=>u[d.value]),m=(0,i.useTemplateRef)(`itemRootRef`),h=r.t(()=>t.item.link,()=>t.item.exact,()=>t.item.replace);n.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>o,value:()=>t.item.value});let g=(0,i.computed)(()=>!!(o&&(0,i.toValue)(o.disabled))||!!t.item.disabled),_=n.n({group:()=>o,value:()=>t.item.value,el:m,disabled:g}),v=(0,i.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,i.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,i.computed)(()=>b.value===`button`),S=(0,i.computed)(()=>{if(o)return(0,i.toValue)(o.name)}),C=(0,i.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!t.item.iconOnly,"s-ui-segment-control__item--link":r.r(t.item.link)})),w=(0,i.computed)(()=>({...r.n(y.value,{replace:t.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),T=(0,i.computed)(()=>g.value?-1:_.tabIndex.value??-1),E=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},D=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(e,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(b.value),(0,i.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,C.value],type:x.value?`button`:void 0},w.value,{"aria-checked":v.value?`true`:`false`,tabindex:T.value,name:x.value?S.value:void 0,onClick:D,onKeydown:E}),{default:(0,i.withCtx)(()=>[t.item.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,c,[(0,i.createVNode)((0,i.unref)(a.SIcon),{name:t.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,i.createCommentVNode)(``,!0),t.item.label&&!t.item.iconOnly?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:(0,i.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,i.toDisplayString)(t.item.label),3)):(0,i.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`tabindex`,`name`]))}}),u=`.s-ui-segment-control__item`,d=()=>({offsetX:0,offsetY:0,width:0,height:0}),f=({trackEl:e,activeIndex:t,itemCount:n})=>{let r=(0,i.ref)(d()),a=()=>{let n=(0,i.toValue)(e),a=(0,i.toValue)(t);if(!n||a<0){r.value=d();return}let o=n.querySelectorAll(u).item(a);if(!(o instanceof HTMLElement)){r.value=d();return}let s=n.getBoundingClientRect(),c=o.getBoundingClientRect();r.value={offsetX:c.left-s.left,offsetY:c.top-s.top,width:c.width,height:c.height}};return(0,o.useResizeObserver)(e,()=>{a()}),(0,i.watch)(()=>[(0,i.toValue)(t),(0,i.toValue)(n)],()=>{a()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{offsetX:e,offsetY:t,width:n,height:i}=r.value;return!n||!i?{opacity:`0`}:{opacity:`1`,left:`${e}px`,top:`${t}px`,width:`${n}px`,height:`${i}px`}}),updateMetrics:a}},p=[`aria-disabled`],m=(0,i.defineComponent)({__name:`SSegmentControl`,props:(0,i.mergeModels)({items:{},size:{default:()=>e.n.MEDIUM},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:n}){let r=(0,i.useModel)(e,`modelValue`),a=n,o=(0,i.useTemplateRef)(`trackRef`),c=t.o({modelValue:()=>r.value,onUpdateModelValue:e=>{t.i(e)&&(r.value=e,a(`change`,e))},mode:t.n.SINGLE,mandatory:()=>e.mandatory,orientation:t.r.HORIZONTAL,loop:!0});(0,i.provide)(s,{mode:()=>t.n.SINGLE,isSelected:c.isSelected,selectItem:c.select,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,disabled:()=>e.disabled,name:()=>e.name,size:()=>e.size});let{indicatorStyle:u}=f({trackEl:()=>o.value,activeIndex:(0,i.computed)(()=>{let t=e.items.findIndex(e=>c.isSelected(e.value));return t>=0?t:0}),itemCount:()=>e.items.length}),d=(0,i.computed)(()=>({[`s-ui-segment-control--size-${e.size}`]:!0,"s-ui-segment-control--disabled":e.disabled})),m=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let t=e.items.find(e=>!e.disabled);t&&(r.value=t.value)};return(0,i.watch)(()=>e.items,()=>{h()},{immediate:!0}),(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,d.value],role:`radiogroup`,"aria-disabled":e.disabled||void 0},t.$attrs),[(0,i.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,i.normalizeStyle)((0,i.unref)(u)),"aria-hidden":`true`},null,4),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(l,{key:m(e,t),item:e},null,8,[`item`]))),128))],16,p))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-fFytCz5D.cjs"),r=require("./SInput-A659aRIu.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-ptf_BOAm.cjs"),o=require("./SListItem-DnQa1Q4k.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({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}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(o)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return y(e,E.value?h.value:``,t,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let t=(0,s.toValue)(n),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ee(typeof e==`string`?e:void 0,t,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=j((0,s.toValue)(n),e,t.itemValue);return i?a.i(i,t.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=j(e,n,t.itemValue);return r?a.i(r,t.itemTitle)??``:f(n)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let t=f(e);A(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(n),(0,s.toValue)(r).itemValue)}},D={key:0,class:`s-ui-select__panel-search`},O={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},k={key:1,class:`s-ui-select__panel-footer`},A=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],ee={key:0,class:`s-ui-select__value`},te={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},j={key:2,class:`s-ui-select__value`},M={key:3,class:`s-ui-select__value-suffix`},N=[`name`,`placeholder`,`disabled`,`readonly`],re=20,ie=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},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(t,{expose:u,emit:d}){let f=(0,s.useModel)(t,`modelValue`),m=(0,s.useModel)(t,`searchQuery`),h=d,g=(0,s.useSlots)(),_=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useTemplateRef)(`triggerInputRef`),b=(0,s.ref)(``),x=(0,s.useTemplateRef)(`searchInputElementRef`),S=(0,s.useTemplateRef)(`panelSearchInputElementRef`),C=(0,s.useTemplateRef)(`listElementRef`),w=(0,s.ref)(),T=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>t.itemId??t.itemValue),ae=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:F.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:oe,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:se,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ce,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:le,removeSelectedValue:q,resolveValueFromListKey:ue,formatSelectListKey:J}=E({modelValue:f,options:()=>t.options,itemFields:()=>ae.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:T,searchQuery:m}),de=(0,s.computed)(()=>!!g[`value-suffix`]),fe=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>ie),pe=(0,s.computed)(()=>G.value||Y.value?t.listHeight:`auto`),me=(0,s.computed)(()=>({"s-ui-select__panel--searchable-content":G.value})),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return t.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:w.value,isOptionSelected:_e(e.key)}),be=e=>{let t=ue(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>{if(G.value)return typeof t.listHeight==`number`?{maxHeight:`${t.listHeight}px`}:{maxHeight:t.listHeight}}),Se=(0,s.computed)(()=>t.id??_),Ce=(0,s.computed)(()=>v),we=(0,s.computed)(()=>y.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:se.value,values:I.value,displayText:V.value,disabled:t.disabled||t.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":T.value})),Oe=()=>{if(G.value){S.value?.focus();return}x.value?.focus()},ke=async()=>{await(0,s.nextTick)(),S.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await C.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!T.value){if(T.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),x.value?.focus();return}await Ae()}},je=async()=>{t.disabled||t.readonly||T.value||await X()};(0,s.watch)(m,async e=>{W.value&&(t.disabled||t.readonly||e&&(T.value||await X()))});let Z=()=>{T.value&&(T.value=!1,w.value=void 0,h(`close`))},Q=()=>{!t.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||K.value||!T.value||!e||e===n||Z()});let Me=e=>{T.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||T.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(T.value){Z();return}await X()},Pe=async e=>{if(!(t.disabled||t.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){T.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),T.value||await X(),await Ae(),await C.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=ue(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(t.disabled||t.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),T.value&&w.value){Ie(w.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{t.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{le(),h(`clear`)};return u({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:T.value,"onUpdate:modelValue":u[4]||=e=>T.value=e,reference:we.value,disabled:t.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-select__panel`,me.value])},[(0,s.unref)(G)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:S,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:t.searchPlaceholder,disabled:t.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:`s-ui-select__panel-body`,style:(0,s.normalizeStyle)(xe.value),onClick:Me,onKeydown:Ne},[(0,s.unref)(L).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:C,modelValue:w.value,"onUpdate:modelValue":u[2]||=e=>w.value=e,selected:(0,s.unref)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":F.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(oe),mandatory:!t.multiple,height:pe.value,"max-height":he.value,virtual:Y.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(g).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:t.closableOptions?{name:`item`,fn:(0,s.withCtx)(t=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(t))),(0,s.createSlots)({_:2},[_e(t.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(n.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(t.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`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`,O,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],36),(0,s.unref)(g)[`panel-footer`]?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`panel-footer`)])):(0,s.createCommentVNode)(``,!0)],2)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:y,modelValue:b.value,"onUpdate:modelValue":u[7]||=e=>b.value=e,label:t.label,"label-props":t.labelProps,placeholder:t.placeholder,"help-messages":t.helpMessages,"error-messages":t.errorMessages,bordered:t.bordered,disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,"has-value":(0,s.unref)(z),focused:P.value||T.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":T.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ce)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)((0,s.unref)(B)),1)),de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,M,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(fe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:x,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,N)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,A)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(g).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(g).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)(g).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)(g).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 _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-CHxE2l-X.cjs"),r=require("./SInput-Bno-hQ-b.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-D-J6fBrQ.cjs"),o=require("./SListItem-4OTUkahk.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({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}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(o)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return y(e,E.value?h.value:``,t,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let t=(0,s.toValue)(n),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ee(typeof e==`string`?e:void 0,t,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=j((0,s.toValue)(n),e,t.itemValue);return i?a.i(i,t.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=j(e,n,t.itemValue);return r?a.i(r,t.itemTitle)??``:f(n)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let t=f(e);A(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(n),(0,s.toValue)(r).itemValue)}},D={key:0,class:`s-ui-select__panel-search`},O={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},k={key:1,class:`s-ui-select__panel-footer`},A=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],ee={key:0,class:`s-ui-select__value`},te={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},j={key:2,class:`s-ui-select__value`},M={key:3,class:`s-ui-select__value-suffix`},N=[`name`,`placeholder`,`disabled`,`readonly`],re=20,ie=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},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(t,{expose:u,emit:d}){let f=(0,s.useModel)(t,`modelValue`),m=(0,s.useModel)(t,`searchQuery`),h=d,g=(0,s.useSlots)(),_=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useTemplateRef)(`triggerInputRef`),b=(0,s.ref)(``),x=(0,s.useTemplateRef)(`searchInputElementRef`),S=(0,s.useTemplateRef)(`panelSearchInputElementRef`),C=(0,s.useTemplateRef)(`listElementRef`),w=(0,s.ref)(),T=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>t.itemId??t.itemValue),ae=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:F.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:oe,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:se,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ce,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:le,removeSelectedValue:q,resolveValueFromListKey:ue,formatSelectListKey:J}=E({modelValue:f,options:()=>t.options,itemFields:()=>ae.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:T,searchQuery:m}),de=(0,s.computed)(()=>!!g[`value-suffix`]),fe=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>ie),pe=(0,s.computed)(()=>G.value||Y.value?t.listHeight:`auto`),me=(0,s.computed)(()=>({"s-ui-select__panel--searchable-content":G.value})),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return t.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:w.value,isOptionSelected:_e(e.key)}),be=e=>{let t=ue(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>{if(G.value)return typeof t.listHeight==`number`?{maxHeight:`${t.listHeight}px`}:{maxHeight:t.listHeight}}),Se=(0,s.computed)(()=>t.id??_),Ce=(0,s.computed)(()=>v),we=(0,s.computed)(()=>y.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:se.value,values:I.value,displayText:V.value,disabled:t.disabled||t.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":T.value})),Oe=()=>{if(G.value){S.value?.focus();return}x.value?.focus()},ke=async()=>{await(0,s.nextTick)(),S.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await C.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!T.value){if(T.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),x.value?.focus();return}await Ae()}},je=async()=>{t.disabled||t.readonly||T.value||await X()};(0,s.watch)(m,async e=>{W.value&&(t.disabled||t.readonly||e&&(T.value||await X()))});let Z=()=>{T.value&&(T.value=!1,w.value=void 0,h(`close`))},Q=()=>{!t.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||K.value||!T.value||!e||e===n||Z()});let Me=e=>{T.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||T.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(T.value){Z();return}await X()},Pe=async e=>{if(!(t.disabled||t.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){T.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),T.value||await X(),await Ae(),await C.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=ue(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(t.disabled||t.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),T.value&&w.value){Ie(w.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{t.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{le(),h(`clear`)};return u({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:T.value,"onUpdate:modelValue":u[4]||=e=>T.value=e,reference:we.value,disabled:t.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-select__panel`,me.value])},[(0,s.unref)(G)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:S,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:t.searchPlaceholder,disabled:t.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:`s-ui-select__panel-body`,style:(0,s.normalizeStyle)(xe.value),onClick:Me,onKeydown:Ne},[(0,s.unref)(L).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:C,modelValue:w.value,"onUpdate:modelValue":u[2]||=e=>w.value=e,selected:(0,s.unref)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":F.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(oe),mandatory:!t.multiple,height:pe.value,"max-height":he.value,virtual:Y.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(g).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:t.closableOptions?{name:`item`,fn:(0,s.withCtx)(t=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(t))),(0,s.createSlots)({_:2},[_e(t.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(n.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(t.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`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`,O,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],36),(0,s.unref)(g)[`panel-footer`]?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`panel-footer`)])):(0,s.createCommentVNode)(``,!0)],2)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:y,modelValue:b.value,"onUpdate:modelValue":u[7]||=e=>b.value=e,label:t.label,"label-props":t.labelProps,placeholder:t.placeholder,"help-messages":t.helpMessages,"error-messages":t.errorMessages,bordered:t.bordered,disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,"has-value":(0,s.unref)(z),focused:P.value||T.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":T.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ce)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)((0,s.unref)(B)),1)),de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,M,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(fe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:x,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,N)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,A)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(g).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(g).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)(g).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)(g).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 _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
@@ -1,10 +1,10 @@
1
1
  import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
2
  import { n as r } from "./useSelectionGroup-cKj38lEN.js";
3
- import { t as i } from "./SButton-DI04KG06.js";
4
- import { n as a, t as o } from "./SInput-oIwQ2B1r.js";
3
+ import { t as i } from "./SButton-D5yFE3W2.js";
4
+ import { n as a, t as o } from "./SInput-W2257ZAC.js";
5
5
  import { t as s } from "./SDropdown-Cv729__Y.js";
6
- import { i as c, n as l, r as u, t as d } from "./SList-s90xxyCL.js";
7
- import { t as f } from "./SListItem-pDfLBCNA.js";
6
+ import { i as c, n as l, r as u, t as d } from "./SList-9BpZD3aT.js";
7
+ import { t as f } from "./SListItem-BAWj5_pk.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 ie, openBlock as T, ref as E, renderSlot as D, toDisplayString as O, toValue as k, unref as A, useId as ae, useModel as oe, useSlots as se, useTemplateRef as ce, vModelText as le, watch as j, withCtx as M, withDirectives as ue, withModifiers as de } from "vue";
9
9
  import { SIcon as fe } from "@shtabapp/ui-kit-primitives";
10
10
  //#region src/components/SSelect/utils/buildSelectListItemProps.ts
@@ -1 +1 @@
1
- const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./useLink-CvN7IK0Z.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`STabs`),o=function(e){return e.PRIMARY=`primary`,e.SECONDARY=`secondary`,e}({}),s=function(e){return e.SMALL=`small`,e.LARGE=`large`,e}({}),ee={class:`s-ui-tab__content`},c={key:0,class:`s-ui-tab__icon-wrap`},l={class:`s-ui-tab__icon`},u={key:0,class:`s-ui-tab__icon-badge`,"aria-hidden":`true`},d={key:1,class:`s-ui-tab__label-wrap`},f={key:0,class:`s-ui-tab__caret`,"aria-hidden":`true`},p={key:3,class:`s-ui-tab__caret`,"aria-hidden":`true`},m=[`placeholder`,`disabled`],h={key:2,class:`s-ui-tab__right`},g=(0,r.defineComponent)({inheritAttrs:!1,__name:`STab`,props:(0,r.mergeModels)({appearance:{},size:{},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},icon:{},iconOnly:{type:Boolean,default:!1},billing:{type:Boolean,default:!1},placeholder:{type:Boolean,default:!1},placeholderText:{default:`Введите название`},editableStaticDisplay:{type:Boolean,default:!1},iconBadge:{},value:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`click`,`rename`],[`update:modelValue`]),setup(g,{expose:_,emit:v}){let y=(0,r.inject)(a,null),b=(0,r.useAttrs)(),x=(0,r.useSlots)(),S=(0,r.computed)(()=>e.a(g.appearance,y?(0,r.toValue)(y.appearance):void 0,o.PRIMARY)),C=(0,r.computed)(()=>e.a(g.size,y?(0,r.toValue)(y.size):void 0,s.LARGE)),w=(0,r.computed)(()=>g.disabled||!!(y&&(0,r.toValue)(y.disabled))),T=(0,r.useTemplateRef)(`tabRootRef`),E=t.n({group:()=>y,value:()=>g.value,el:T,disabled:w}),D=n.t(()=>g.link,()=>g.exact,()=>g.replace);t.t({isRouterLink:D.isRouterLink,isActive:D.isActive,group:()=>y,value:()=>g.value});let O=(0,r.computed)(()=>D.isRouterLink.value?D.isActive.value:E.isInGroup.value?E.isActive.value:g.selected),k=(0,r.useModel)(g,`modelValue`),A=v,j=(0,r.useTemplateRef)(`renameInputRef`),M=(0,r.ref)(!1),N=(0,r.ref)(``),P=D.linkPresentation,F=(0,r.computed)(()=>P.value.mode===`none`),I=(0,r.computed)(()=>{let e=P.value;return e.mode===`none`?`button`:e.rootTag}),L=(0,r.computed)(()=>n.n(P.value,{replace:g.replace})),R=(0,r.computed)(()=>{let e=E.tabIndex.value;return{...L.value,...e===void 0?{}:{tabindex:e},...b}}),z=(0,r.computed)(()=>C.value===s.LARGE?20:16),B=(0,r.computed)(()=>C.value===s.LARGE?`s-ui-typography-label-16-medium`:`s-ui-typography-label-14-medium`),V=(0,r.computed)(()=>!!(g.icon||x.icon)),H=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),U=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder),W=(0,r.computed)(()=>M.value?N.value:k.value),G=(0,r.computed)(()=>!x.default&&g.placeholder&&!k.value.length),K=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),q=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder&&k.value.length>0),J=(0,r.computed)(()=>g.iconOnly?!1:x.default||g.editableStaticDisplay||M.value||k.value.length>0||G.value),Y=(0,r.computed)(()=>g.iconOnly?!1:!!x.right),X=(0,r.computed)(()=>M.value||g.editableStaticDisplay),Z=(0,r.computed)(()=>g.placeholder&&!W.value.length&&(X.value||G.value)),Q=(0,r.computed)(()=>[`s-ui-tab--appearance-${S.value}`,`s-ui-tab--size-${C.value}`,{"s-ui-tab--selected":O.value,"s-ui-tab--disabled":w.value,"s-ui-tab--icon-only":g.iconOnly,"s-ui-tab--billing":g.billing,"s-ui-tab--editable":X.value,"s-ui-tab--editable-placeholder":Z.value,"s-ui-tab--editable-value":!g.placeholder&&X.value,"s-ui-tab--link":n.r(g.link)}]),$=()=>{let e=j.value;if(!e)return;e.focus();let t=N.value.length;e.setSelectionRange(t,t)},te=async()=>{w.value||g.editableStaticDisplay||g.iconOnly||(N.value=k.value,M.value=!0,await(0,r.nextTick)(),$())},ne=()=>{if(g.editableStaticDisplay||!M.value)return;let e=N.value;M.value=!1,k.value=e,A(`rename`,e)},re=()=>{g.editableStaticDisplay||!M.value||(M.value=!1)},ie=()=>{M.value&&re()},ae=e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),ne(),j.value?.blur())},oe=e=>{if(D.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),D.navigate();return}E.handleKeydown(e)},se=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}if(D.isRouterLink.value){A(`click`,e);return}E.handleClick(),A(`click`,e)};return _({edit:te}),(e,t)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(I.value),(0,r.mergeProps)({ref_key:`tabRootRef`,ref:T,class:[`s-ui-tab`,Q.value],type:F.value?`button`:void 0,role:`tab`,"aria-selected":!!O.value,"aria-disabled":w.value?!0:void 0,disabled:F.value&&w.value?!0:void 0},R.value,{onClick:se,onKeydown:oe}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,ee,[V.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.createElementVNode)(`span`,l,[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[g.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:g.icon,size:z.value,billing:g.billing},null,8,[`name`,`size`,`billing`])):(0,r.createCommentVNode)(``,!0)])]),g.iconBadge?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createVNode)((0,r.unref)(i.SIcon),{class:`s-ui-tab__icon-badge-icon`,name:g.iconBadge},null,8,[`name`])])):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),J.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[g.editableStaticDisplay?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[H.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f)):(0,r.createCommentVNode)(``,!0),K.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:1,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(g.placeholderText),3)):(0,r.createCommentVNode)(``,!0),q.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(k.value),3)):(0,r.createCommentVNode)(``,!0),U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p)):(0,r.createCommentVNode)(``,!0)],64)):M.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`input`,{key:1,ref_key:`renameInputRef`,ref:j,"onUpdate:modelValue":t[0]||=e=>N.value=e,class:(0,r.normalizeClass)([`s-ui-tab__input`,B.value]),type:`text`,placeholder:g.placeholder&&!W.value.length?g.placeholderText:void 0,disabled:w.value?!0:void 0,onBlur:ie,onClick:t[1]||=(0,r.withModifiers)(()=>{},[`stop`]),onKeydown:ae},null,42,m)),[[r.vModelText,N.value]]):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},[(0,r.unref)(x).default?(0,r.renderSlot)(e.$slots,`default`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)((0,r.toDisplayString)(k.value||(g.placeholder?g.placeholderText:``)),1)],64))],2))])):(0,r.createCommentVNode)(``,!0),Y.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[(0,r.renderSlot)(e.$slots,`right`)])):(0,r.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`type`,`aria-selected`,`aria-disabled`,`disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
1
+ const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./useLink-1LLWpdDZ.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`STabs`),o=function(e){return e.PRIMARY=`primary`,e.SECONDARY=`secondary`,e}({}),s=function(e){return e.SMALL=`small`,e.LARGE=`large`,e}({}),ee={class:`s-ui-tab__content`},c={key:0,class:`s-ui-tab__icon-wrap`},l={class:`s-ui-tab__icon`},u={key:0,class:`s-ui-tab__icon-badge`,"aria-hidden":`true`},d={key:1,class:`s-ui-tab__label-wrap`},f={key:0,class:`s-ui-tab__caret`,"aria-hidden":`true`},p={key:3,class:`s-ui-tab__caret`,"aria-hidden":`true`},m=[`placeholder`,`disabled`],h={key:2,class:`s-ui-tab__right`},g=(0,r.defineComponent)({inheritAttrs:!1,__name:`STab`,props:(0,r.mergeModels)({appearance:{},size:{},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},icon:{},iconOnly:{type:Boolean,default:!1},billing:{type:Boolean,default:!1},placeholder:{type:Boolean,default:!1},placeholderText:{default:`Введите название`},editableStaticDisplay:{type:Boolean,default:!1},iconBadge:{},value:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`click`,`rename`],[`update:modelValue`]),setup(g,{expose:_,emit:v}){let y=(0,r.inject)(a,null),b=(0,r.useAttrs)(),x=(0,r.useSlots)(),S=(0,r.computed)(()=>e.a(g.appearance,y?(0,r.toValue)(y.appearance):void 0,o.PRIMARY)),C=(0,r.computed)(()=>e.a(g.size,y?(0,r.toValue)(y.size):void 0,s.LARGE)),w=(0,r.computed)(()=>g.disabled||!!(y&&(0,r.toValue)(y.disabled))),T=(0,r.useTemplateRef)(`tabRootRef`),E=t.n({group:()=>y,value:()=>g.value,el:T,disabled:w}),D=n.t(()=>g.link,()=>g.exact,()=>g.replace);t.t({isRouterLink:D.isRouterLink,isActive:D.isActive,group:()=>y,value:()=>g.value});let O=(0,r.computed)(()=>D.isRouterLink.value?D.isActive.value:E.isInGroup.value?E.isActive.value:g.selected),k=(0,r.useModel)(g,`modelValue`),A=v,j=(0,r.useTemplateRef)(`renameInputRef`),M=(0,r.ref)(!1),N=(0,r.ref)(``),P=D.linkPresentation,F=(0,r.computed)(()=>P.value.mode===`none`),I=(0,r.computed)(()=>{let e=P.value;return e.mode===`none`?`button`:e.rootTag}),L=(0,r.computed)(()=>n.n(P.value,{replace:g.replace})),R=(0,r.computed)(()=>{let e=E.tabIndex.value;return{...L.value,...e===void 0?{}:{tabindex:e},...b}}),z=(0,r.computed)(()=>C.value===s.LARGE?20:16),B=(0,r.computed)(()=>C.value===s.LARGE?`s-ui-typography-label-16-medium`:`s-ui-typography-label-14-medium`),V=(0,r.computed)(()=>!!(g.icon||x.icon)),H=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),U=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder),W=(0,r.computed)(()=>M.value?N.value:k.value),G=(0,r.computed)(()=>!x.default&&g.placeholder&&!k.value.length),K=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),q=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder&&k.value.length>0),J=(0,r.computed)(()=>g.iconOnly?!1:x.default||g.editableStaticDisplay||M.value||k.value.length>0||G.value),Y=(0,r.computed)(()=>g.iconOnly?!1:!!x.right),X=(0,r.computed)(()=>M.value||g.editableStaticDisplay),Z=(0,r.computed)(()=>g.placeholder&&!W.value.length&&(X.value||G.value)),Q=(0,r.computed)(()=>[`s-ui-tab--appearance-${S.value}`,`s-ui-tab--size-${C.value}`,{"s-ui-tab--selected":O.value,"s-ui-tab--disabled":w.value,"s-ui-tab--icon-only":g.iconOnly,"s-ui-tab--billing":g.billing,"s-ui-tab--editable":X.value,"s-ui-tab--editable-placeholder":Z.value,"s-ui-tab--editable-value":!g.placeholder&&X.value,"s-ui-tab--link":n.r(g.link)}]),$=()=>{let e=j.value;if(!e)return;e.focus();let t=N.value.length;e.setSelectionRange(t,t)},te=async()=>{w.value||g.editableStaticDisplay||g.iconOnly||(N.value=k.value,M.value=!0,await(0,r.nextTick)(),$())},ne=()=>{if(g.editableStaticDisplay||!M.value)return;let e=N.value;M.value=!1,k.value=e,A(`rename`,e)},re=()=>{g.editableStaticDisplay||!M.value||(M.value=!1)},ie=()=>{M.value&&re()},ae=e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),ne(),j.value?.blur())},oe=e=>{if(D.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),D.navigate();return}E.handleKeydown(e)},se=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}if(D.isRouterLink.value){A(`click`,e);return}E.handleClick(),A(`click`,e)};return _({edit:te}),(e,t)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(I.value),(0,r.mergeProps)({ref_key:`tabRootRef`,ref:T,class:[`s-ui-tab`,Q.value],type:F.value?`button`:void 0,role:`tab`,"aria-selected":!!O.value,"aria-disabled":w.value?!0:void 0,disabled:F.value&&w.value?!0:void 0},R.value,{onClick:se,onKeydown:oe}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,ee,[V.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.createElementVNode)(`span`,l,[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[g.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:g.icon,size:z.value,billing:g.billing},null,8,[`name`,`size`,`billing`])):(0,r.createCommentVNode)(``,!0)])]),g.iconBadge?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createVNode)((0,r.unref)(i.SIcon),{class:`s-ui-tab__icon-badge-icon`,name:g.iconBadge},null,8,[`name`])])):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),J.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[g.editableStaticDisplay?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[H.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f)):(0,r.createCommentVNode)(``,!0),K.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:1,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(g.placeholderText),3)):(0,r.createCommentVNode)(``,!0),q.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(k.value),3)):(0,r.createCommentVNode)(``,!0),U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p)):(0,r.createCommentVNode)(``,!0)],64)):M.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`input`,{key:1,ref_key:`renameInputRef`,ref:j,"onUpdate:modelValue":t[0]||=e=>N.value=e,class:(0,r.normalizeClass)([`s-ui-tab__input`,B.value]),type:`text`,placeholder:g.placeholder&&!W.value.length?g.placeholderText:void 0,disabled:w.value?!0:void 0,onBlur:ie,onClick:t[1]||=(0,r.withModifiers)(()=>{},[`stop`]),onKeydown:ae},null,42,m)),[[r.vModelText,N.value]]):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},[(0,r.unref)(x).default?(0,r.renderSlot)(e.$slots,`default`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)((0,r.toDisplayString)(k.value||(g.placeholder?g.placeholderText:``)),1)],64))],2))])):(0,r.createCommentVNode)(``,!0),Y.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[(0,r.renderSlot)(e.$slots,`right`)])):(0,r.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`type`,`aria-selected`,`aria-disabled`,`disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
@@ -1,6 +1,6 @@
1
1
  import { a as e } from "./useSelectionGroup-cKj38lEN.js";
2
2
  import { n as t, t as ee } from "./useSelectLink-DClG5hGA.js";
3
- import { n as te, r as ne, t as n } from "./useLink-Zo9A_RCf.js";
3
+ import { n as te, r as ne, t as n } from "./useLink-Com5VhOk.js";
4
4
  import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as re, createVNode as ie, defineComponent as l, inject as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as ae, toDisplayString as v, toValue as y, unref as b, useAttrs as oe, useModel as se, useSlots as ce, useTemplateRef as x, vModelText as le, withCtx as ue, withDirectives as de, withModifiers as S } from "vue";
5
5
  import { SIcon as C } from "@shtabapp/ui-kit-primitives";
6
6
  //#region src/components/STabs/utils/context.ts
@@ -1,7 +1,7 @@
1
1
  import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
2
  import { i as r, n as i, o as a, r as o } from "./useSelectionGroup-cKj38lEN.js";
3
- import { t as s } from "./SButton-DI04KG06.js";
4
- import { i as c, n as l, r as u } from "./STab-BPJQgGWd.js";
3
+ import { t as s } from "./SButton-D5yFE3W2.js";
4
+ import { i as c, n as l, r as u } from "./STab-DXGKWtFI.js";
5
5
  import { computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, nextTick as v, normalizeClass as y, normalizeStyle as b, openBlock as x, provide as S, ref as C, renderSlot as w, toValue as T, unref as E, useModel as D, useTemplateRef as O, watch as k } from "vue";
6
6
  import { useResizeObserver as A, useScroll as j } from "@vueuse/core";
7
7
  //#region src/components/STabs/utils/useTabsIndicator.ts
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-fFytCz5D.cjs"),r=require("./STab-DzehRmKv.cjs");let i=require("vue"),a=require("@vueuse/core");var o=`.s-ui-tab[aria-selected="true"]`,s=({trackEl:e,selectedValue:t,enabled:n})=>{let r=(0,i.ref)({offsetX:0,width:0,isBilling:!1}),s=()=>{if(!(0,i.toValue)(n)){r.value={offsetX:0,width:0,isBilling:!1};return}let t=(0,i.toValue)(e);if(!t){r.value={offsetX:0,width:0,isBilling:!1};return}let a=t.querySelector(o);if(!(a instanceof HTMLElement)){r.value={offsetX:0,width:0,isBilling:!1};return}let s=t.getBoundingClientRect(),c=a.getBoundingClientRect();r.value={offsetX:c.left-s.left,width:c.width,isBilling:a.classList.contains(`s-ui-tab--billing`)}};return(0,a.useResizeObserver)(e,()=>{s()}),(0,i.watch)(()=>(0,i.toValue)(t),async()=>{await(0,i.nextTick)(),s()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{offsetX:e,width:t}=r.value;return t?{opacity:`1`,width:`${t}px`,transform:`translateX(${e}px)`}:{opacity:`0`}}),indicatorIsBilling:(0,i.computed)(()=>r.value.isBilling)}},c=[`aria-disabled`],l={class:`s-ui-tabs__body`},u=(0,i.defineComponent)({__name:`STabs`,props:(0,i.mergeModels)({appearance:{default:()=>r.n.PRIMARY},size:{default:()=>r.r.LARGE},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},addable:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`add`],[`update:modelValue`]),setup(o,{emit:u}){let d=(0,i.useModel)(o,`modelValue`),f=u,p=(0,i.useTemplateRef)(`tabsBodyRef`),m=(0,i.useTemplateRef)(`tabsTrackRef`),{arrivedState:h}=(0,a.useScroll)(p,{throttle:100,offset:{right:1}}),g=t.o({modelValue:()=>d.value,onUpdateModelValue:e=>{t.i(e)&&(d.value=e)},mode:t.n.SINGLE,mandatory:()=>o.mandatory,orientation:t.r.HORIZONTAL,loop:()=>o.loop});(0,i.provide)(r.i,{mode:()=>t.n.SINGLE,isSelected:g.isSelected,selectItem:g.toggle,registerItem:g.registerItem,getItemTabIndex:g.getItemTabIndex,getGroupTabIndex:g.getGroupTabIndex,handleItemKeydown:g.handleItemKeydown,appearance:()=>o.appearance,size:()=>o.size,disabled:()=>o.disabled});let _=(0,i.computed)(()=>o.appearance===r.n.PRIMARY),{indicatorStyle:v,indicatorIsBilling:y}=s({trackEl:()=>m.value,selectedValue:()=>d.value,enabled:_}),b=(0,i.computed)(()=>o.addable&&!h.right),x=(0,i.computed)(()=>[`s-ui-tabs--appearance-${o.appearance}`,`s-ui-tabs--size-${o.size}`,o.addable?`s-ui-tabs--addable`:void 0]),S=()=>{o.disabled||f(`add`)};return(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`s-ui-tabs`,x.value]),role:`tablist`,"aria-orientation":`horizontal`,"aria-disabled":o.disabled?!0:void 0},[(0,i.createElementVNode)(`div`,l,[(0,i.createElementVNode)(`div`,{ref_key:`tabsBodyRef`,ref:p,class:`s-ui-tabs__scroll`},[(0,i.createElementVNode)(`div`,{ref_key:`tabsTrackRef`,ref:m,class:`s-ui-tabs__track`},[_.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`s-ui-tabs__indicator`,{"s-ui-tabs__indicator--billing":(0,i.unref)(y)}]),style:(0,i.normalizeStyle)((0,i.unref)(v)),"aria-hidden":`true`},null,6)):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(t.$slots,`default`)],512)],512),o.addable?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`s-ui-tabs__fade`,{"s-ui-tabs__fade--visible":b.value}]),"aria-hidden":`true`},null,2)):(0,i.createCommentVNode)(``,!0)]),o.addable?(0,i.renderSlot)(t.$slots,`add`,{key:0},()=>[(0,i.createVNode)((0,i.unref)(n.t),{class:`s-ui-tabs__add`,icon:`plus`,appearance:(0,i.unref)(e.t).BARE,variant:(0,i.unref)(e.r).NEUTRAL,size:(0,i.unref)(e.n).SMALL,disabled:o.disabled,onClick:S},null,8,[`appearance`,`variant`,`size`,`disabled`])]):(0,i.createCommentVNode)(``,!0)],10,c))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-CHxE2l-X.cjs"),r=require("./STab-C8RXx0lW.cjs");let i=require("vue"),a=require("@vueuse/core");var o=`.s-ui-tab[aria-selected="true"]`,s=({trackEl:e,selectedValue:t,enabled:n})=>{let r=(0,i.ref)({offsetX:0,width:0,isBilling:!1}),s=()=>{if(!(0,i.toValue)(n)){r.value={offsetX:0,width:0,isBilling:!1};return}let t=(0,i.toValue)(e);if(!t){r.value={offsetX:0,width:0,isBilling:!1};return}let a=t.querySelector(o);if(!(a instanceof HTMLElement)){r.value={offsetX:0,width:0,isBilling:!1};return}let s=t.getBoundingClientRect(),c=a.getBoundingClientRect();r.value={offsetX:c.left-s.left,width:c.width,isBilling:a.classList.contains(`s-ui-tab--billing`)}};return(0,a.useResizeObserver)(e,()=>{s()}),(0,i.watch)(()=>(0,i.toValue)(t),async()=>{await(0,i.nextTick)(),s()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{offsetX:e,width:t}=r.value;return t?{opacity:`1`,width:`${t}px`,transform:`translateX(${e}px)`}:{opacity:`0`}}),indicatorIsBilling:(0,i.computed)(()=>r.value.isBilling)}},c=[`aria-disabled`],l={class:`s-ui-tabs__body`},u=(0,i.defineComponent)({__name:`STabs`,props:(0,i.mergeModels)({appearance:{default:()=>r.n.PRIMARY},size:{default:()=>r.r.LARGE},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},addable:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`add`],[`update:modelValue`]),setup(o,{emit:u}){let d=(0,i.useModel)(o,`modelValue`),f=u,p=(0,i.useTemplateRef)(`tabsBodyRef`),m=(0,i.useTemplateRef)(`tabsTrackRef`),{arrivedState:h}=(0,a.useScroll)(p,{throttle:100,offset:{right:1}}),g=t.o({modelValue:()=>d.value,onUpdateModelValue:e=>{t.i(e)&&(d.value=e)},mode:t.n.SINGLE,mandatory:()=>o.mandatory,orientation:t.r.HORIZONTAL,loop:()=>o.loop});(0,i.provide)(r.i,{mode:()=>t.n.SINGLE,isSelected:g.isSelected,selectItem:g.toggle,registerItem:g.registerItem,getItemTabIndex:g.getItemTabIndex,getGroupTabIndex:g.getGroupTabIndex,handleItemKeydown:g.handleItemKeydown,appearance:()=>o.appearance,size:()=>o.size,disabled:()=>o.disabled});let _=(0,i.computed)(()=>o.appearance===r.n.PRIMARY),{indicatorStyle:v,indicatorIsBilling:y}=s({trackEl:()=>m.value,selectedValue:()=>d.value,enabled:_}),b=(0,i.computed)(()=>o.addable&&!h.right),x=(0,i.computed)(()=>[`s-ui-tabs--appearance-${o.appearance}`,`s-ui-tabs--size-${o.size}`,o.addable?`s-ui-tabs--addable`:void 0]),S=()=>{o.disabled||f(`add`)};return(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`s-ui-tabs`,x.value]),role:`tablist`,"aria-orientation":`horizontal`,"aria-disabled":o.disabled?!0:void 0},[(0,i.createElementVNode)(`div`,l,[(0,i.createElementVNode)(`div`,{ref_key:`tabsBodyRef`,ref:p,class:`s-ui-tabs__scroll`},[(0,i.createElementVNode)(`div`,{ref_key:`tabsTrackRef`,ref:m,class:`s-ui-tabs__track`},[_.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`s-ui-tabs__indicator`,{"s-ui-tabs__indicator--billing":(0,i.unref)(y)}]),style:(0,i.normalizeStyle)((0,i.unref)(v)),"aria-hidden":`true`},null,6)):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(t.$slots,`default`)],512)],512),o.addable?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`s-ui-tabs__fade`,{"s-ui-tabs__fade--visible":b.value}]),"aria-hidden":`true`},null,2)):(0,i.createCommentVNode)(``,!0)]),o.addable?(0,i.renderSlot)(t.$slots,`add`,{key:0},()=>[(0,i.createVNode)((0,i.unref)(n.t),{class:`s-ui-tabs__add`,icon:`plus`,appearance:(0,i.unref)(e.t).BARE,variant:(0,i.unref)(e.r).NEUTRAL,size:(0,i.unref)(e.n).SMALL,disabled:o.disabled,onClick:S},null,8,[`appearance`,`variant`,`size`,`disabled`])]):(0,i.createCommentVNode)(``,!0)],10,c))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useLink-CvN7IK0Z.cjs"),n=require("./SButton-fFytCz5D.cjs");let r=require("vue");var i=function(e){return e.RED_ORANGE=`red-orange`,e.ORANGE=`orange`,e.YELLOW=`yellow`,e.GREEN=`green`,e.TEAL=`teal`,e.CYAN=`cyan`,e.BLUE=`blue`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.MAGENTA=`magenta`,e.PINK=`pink`,e.GRAY=`gray`,e.RED=`red`,e.WHITE_BORDER=`white-border`,e.BILLING=`billing`,e.BILLING_LIGHT=`billing-light`,e}({}),a=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),o=e=>e.startsWith(`#`)||e.startsWith(`var(--`),s=e=>o(e)?`s-ui-tag--color-custom`:`s-ui-tag--color-${e}`,c=e=>({"--s-ui-tag-bg":e}),l={class:`s-ui-tag__content s-ui-typography-body-12-regular`},u={key:0,class:`s-ui-tag__actions`},d={class:`s-ui-tag__action-close`},f=(0,r.defineComponent)({inheritAttrs:!1,__name:`STag`,props:(0,r.mergeModels)({color:{default:()=>i.RED_ORANGE},size:{default:()=>a.MEDIUM},short:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`close`],[`update:modelValue`]),setup(i,{emit:a}){let f=(0,r.useAttrs)(),p=(0,r.useModel)(i,`modelValue`),m=a,h=t.t(()=>i.link,()=>i.exact,()=>i.replace),g=h.linkPresentation,_=(0,r.computed)(()=>{let e=g.value;return e.mode===`none`?`span`:e.rootTag}),v=(0,r.computed)(()=>t.n(g.value,{replace:i.replace})),y=(0,r.computed)(()=>({...v.value,...f})),b=(0,r.computed)(()=>h.isRouterLink.value?h.isActive.value:i.selected),x=(0,r.computed)(()=>i.closable&&!i.short),S=(0,r.computed)(()=>{if(i.disabled)return-1;if(!t.r(i.link))return x.value?0:-1}),C=(0,r.computed)(()=>[s(i.color),`s-ui-tag--size-${i.size}`,{"s-ui-tag--short":i.short,"s-ui-tag--disabled":i.disabled,"s-ui-tag--selected":b.value,"s-ui-tag--link":t.r(i.link)}]),w=(0,r.computed)(()=>{if(o(i.color))return c(i.color)}),T=(0,r.computed)(()=>i.short?p.value.slice(0,1):p.value),E=()=>{m(`close`)},D=[`Enter`,` `,`Spacebar`],O=[`Delete`,`Backspace`],k=e=>{if(!i.disabled){if(h.isRouterLink.value&&D.includes(e.key)){e.preventDefault(),h.navigate();return}if(e.target===e.currentTarget&&O.includes(e.key)){if(!x.value)return;e.preventDefault(),m(`close`)}}};return(t,a)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(_.value),(0,r.mergeProps)({class:[`s-ui-tag`,C.value],style:w.value,tabindex:S.value,"aria-disabled":i.disabled?!0:void 0},y.value,{onKeydown:k}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,l,(0,r.toDisplayString)(T.value),1),x.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createElementVNode)(`span`,d,[(0,r.createVNode)((0,r.unref)(n.t),{appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,disabled:i.disabled,tabindex:-1,icon:`closeMini`,onClick:(0,r.withModifiers)(E,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`])])])):(0,r.createCommentVNode)(``,!0)]),_:1},16,[`class`,`style`,`tabindex`,`aria-disabled`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useLink-1LLWpdDZ.cjs"),n=require("./SButton-CHxE2l-X.cjs");let r=require("vue");var i=function(e){return e.RED_ORANGE=`red-orange`,e.ORANGE=`orange`,e.YELLOW=`yellow`,e.GREEN=`green`,e.TEAL=`teal`,e.CYAN=`cyan`,e.BLUE=`blue`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.MAGENTA=`magenta`,e.PINK=`pink`,e.GRAY=`gray`,e.RED=`red`,e.WHITE_BORDER=`white-border`,e.BILLING=`billing`,e.BILLING_LIGHT=`billing-light`,e}({}),a=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),o=e=>e.startsWith(`#`)||e.startsWith(`var(--`),s=e=>o(e)?`s-ui-tag--color-custom`:`s-ui-tag--color-${e}`,c=e=>({"--s-ui-tag-bg":e}),l={class:`s-ui-tag__content s-ui-typography-body-12-regular`},u={key:0,class:`s-ui-tag__actions`},d={class:`s-ui-tag__action-close`},f=(0,r.defineComponent)({inheritAttrs:!1,__name:`STag`,props:(0,r.mergeModels)({color:{default:()=>i.RED_ORANGE},size:{default:()=>a.MEDIUM},short:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`close`],[`update:modelValue`]),setup(i,{emit:a}){let f=(0,r.useAttrs)(),p=(0,r.useModel)(i,`modelValue`),m=a,h=t.t(()=>i.link,()=>i.exact,()=>i.replace),g=h.linkPresentation,_=(0,r.computed)(()=>{let e=g.value;return e.mode===`none`?`span`:e.rootTag}),v=(0,r.computed)(()=>t.n(g.value,{replace:i.replace})),y=(0,r.computed)(()=>({...v.value,...f})),b=(0,r.computed)(()=>h.isRouterLink.value?h.isActive.value:i.selected),x=(0,r.computed)(()=>i.closable&&!i.short),S=(0,r.computed)(()=>{if(i.disabled)return-1;if(!t.r(i.link))return x.value?0:-1}),C=(0,r.computed)(()=>[s(i.color),`s-ui-tag--size-${i.size}`,{"s-ui-tag--short":i.short,"s-ui-tag--disabled":i.disabled,"s-ui-tag--selected":b.value,"s-ui-tag--link":t.r(i.link)}]),w=(0,r.computed)(()=>{if(o(i.color))return c(i.color)}),T=(0,r.computed)(()=>i.short?p.value.slice(0,1):p.value),E=()=>{m(`close`)},D=[`Enter`,` `,`Spacebar`],O=[`Delete`,`Backspace`],k=e=>{if(!i.disabled){if(h.isRouterLink.value&&D.includes(e.key)){e.preventDefault(),h.navigate();return}if(e.target===e.currentTarget&&O.includes(e.key)){if(!x.value)return;e.preventDefault(),m(`close`)}}};return(t,a)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(_.value),(0,r.mergeProps)({class:[`s-ui-tag`,C.value],style:w.value,tabindex:S.value,"aria-disabled":i.disabled?!0:void 0},y.value,{onKeydown:k}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,l,(0,r.toDisplayString)(T.value),1),x.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createElementVNode)(`span`,d,[(0,r.createVNode)((0,r.unref)(n.t),{appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,disabled:i.disabled,tabindex:-1,icon:`closeMini`,onClick:(0,r.withModifiers)(E,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`])])])):(0,r.createCommentVNode)(``,!0)]),_:1},16,[`class`,`style`,`tabindex`,`aria-disabled`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
@@ -1,6 +1,6 @@
1
1
  import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
2
- import { n as r, r as i, t as a } from "./useLink-Zo9A_RCf.js";
3
- import { t as o } from "./SButton-DI04KG06.js";
2
+ import { n as r, r as i, t as a } from "./useLink-Com5VhOk.js";
3
+ import { t as o } from "./SButton-D5yFE3W2.js";
4
4
  import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, withCtx as S, withModifiers as C } from "vue";
5
5
  //#region src/components/STag/STag.types.ts
6
6
  var w = /* @__PURE__ */ function(e) {
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./SOverflowGroup-CVSon6Eg.js";
2
- import { n as t, r as n, t as r } from "./STag-FAeaFL--.js";
2
+ import { n as t, r as n, t as r } from "./STag-ZPesEPB4.js";
3
3
  import { cloneVNode as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
4
4
  //#region src/components/STagGroup/utils/applyTagGroupItemProps.ts
5
5
  var f = (e, { size: t, short: n }) => e.type === r ? i(e, {
@@ -1 +1 @@
1
- const e=require("./SOverflowGroup-DyVUzkNu.cjs"),t=require("./STag-D_E2Wrbz.cjs");let n=require("vue");var r=(e,{size:r,short:i})=>e.type===t.t?(0,n.cloneVNode)(e,{size:r,short:i,...i?{closable:!1}:{}}):e,i=(0,n.defineComponent)({__name:`STagGroup`,props:{maxVisible:{},size:{default:()=>t.r.SMALL},short:{type:Boolean,default:!0}},setup(i){let a=e=>r(e,{size:i.size,short:i.short});return(r,o)=>((0,n.openBlock)(),(0,n.createBlock)(e.t,{class:`s-ui-tag-group`,role:`group`,"cluster-class":`s-ui-tag-group__cluster`,"max-visible":i.maxVisible,"map-vnode":a},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createVNode)((0,n.unref)(t.t),{color:(0,n.unref)(t.n).WHITE_BORDER,size:i.size,short:!1,"model-value":e},null,8,[`color`,`size`,`model-value`])]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(r.$slots,`default`)]),_:3},8,[`max-visible`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
1
+ const e=require("./SOverflowGroup-DyVUzkNu.cjs"),t=require("./STag-DlVk53Cn.cjs");let n=require("vue");var r=(e,{size:r,short:i})=>e.type===t.t?(0,n.cloneVNode)(e,{size:r,short:i,...i?{closable:!1}:{}}):e,i=(0,n.defineComponent)({__name:`STagGroup`,props:{maxVisible:{},size:{default:()=>t.r.SMALL},short:{type:Boolean,default:!0}},setup(i){let a=e=>r(e,{size:i.size,short:i.short});return(r,o)=>((0,n.openBlock)(),(0,n.createBlock)(e.t,{class:`s-ui-tag-group`,role:`group`,"cluster-class":`s-ui-tag-group__cluster`,"max-visible":i.maxVisible,"map-vnode":a},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createVNode)((0,n.unref)(t.t),{color:(0,n.unref)(t.n).WHITE_BORDER,size:i.size,short:!1,"model-value":e},null,8,[`color`,`size`,`model-value`])]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(r.$slots,`default`)]),_:3},8,[`max-visible`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
@@ -1,5 +1,5 @@
1
1
  import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
2
- import { type NavigationFailure, type RouteLocationRaw } from 'vue-router';
2
+ import type { NavigationFailure, RouteLocationRaw } from 'vue-router';
3
3
  import { type TVueRouterLinkPresentation } from '../utils/vueRouterLinkPresentation';
4
4
  export interface IUseLinkReturn {
5
5
  linkPresentation: ComputedRef<TVueRouterLinkPresentation>;
@@ -1 +1 @@
1
- {"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../../src/composables/useLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAC/F,OAAO,EAIL,KAAK,iBAAiB,EAEtB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAGL,KAAK,0BAA0B,EAChC,MAAM,oCAAoC,CAAA;AAyB3C,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAA;IACzD,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,GAAG,iBAAiB,CAAC,CAAA;CACpE;AAwGD,eAAO,MAAM,OAAO,GAClB,MAAM,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAAC,EAC7D,QAAQ,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,EAC7C,UAAU,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,KAC9C,cAQF,CAAA"}
1
+ {"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../../src/composables/useLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAIZ,OAAO,KAAK,EACV,iBAAiB,EAEjB,gBAAgB,EAGjB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAGL,KAAK,0BAA0B,EAChC,MAAM,oCAAoC,CAAA;AAyB3C,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAA;IACzD,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,GAAG,iBAAiB,CAAC,CAAA;CACpE;AAyGD,eAAO,MAAM,OAAO,GAClB,MAAM,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAAC,EAC7D,QAAQ,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,EAC7C,UAAU,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,KAC9C,cAWF,CAAA"}
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SButton-fFytCz5D.cjs");exports.EButtonAppearance=e.t,exports.EButtonSize=e.n,exports.EButtonVariant=e.r,exports.SButton=t.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SButton-CHxE2l-X.cjs");exports.EButtonAppearance=e.t,exports.EButtonSize=e.n,exports.EButtonVariant=e.r,exports.SButton=t.t;
@@ -1,3 +1,3 @@
1
1
  import { n as e, r as t, t as n } from "../SButton.types-CpdHQtyx.js";
2
- import { t as r } from "../SButton-DI04KG06.js";
2
+ import { t as r } from "../SButton-D5yFE3W2.js";
3
3
  export { n as EButtonAppearance, e as EButtonSize, t as EButtonVariant, r as SButton };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SCard-BF6CapA9.cjs");exports.ESCardLayout=e.n,exports.SCard=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SCard-BR2R5VQd.cjs");exports.ESCardLayout=e.n,exports.SCard=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../SCard-qqo16_wT.js";
1
+ import { n as e, t } from "../SCard-CrU67ok0.js";
2
2
  export { e as ESCardLayout, t as SCard };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../useSelectionGroup-TaektE-I.cjs"),t=require("../useSelectLink-DDdMmsJB.cjs"),n=require("../useLink-CvN7IK0Z.cjs"),r=require("../useFloatingOverlay-Cwg2MWyD.cjs");exports.ESDropdownPlacement=r.i,exports.ESelectionMode=e.n,exports.ESelectionOrientation=e.r,exports.computeConnectedPosition=r.n,exports.resolveOwnPropOrGroupedOrFallback=e.a,exports.useFloatingOverlay=r.t,exports.useLink=n.t,exports.useSelectLink=t.t,exports.useSelectionGroup=e.o,exports.useSelectionGroupItem=t.n;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../useSelectionGroup-TaektE-I.cjs"),t=require("../useSelectLink-DDdMmsJB.cjs"),n=require("../useLink-1LLWpdDZ.cjs"),r=require("../useFloatingOverlay-Cwg2MWyD.cjs");exports.ESDropdownPlacement=r.i,exports.ESelectionMode=e.n,exports.ESelectionOrientation=e.r,exports.computeConnectedPosition=r.n,exports.resolveOwnPropOrGroupedOrFallback=e.a,exports.useFloatingOverlay=r.t,exports.useLink=n.t,exports.useSelectLink=t.t,exports.useSelectionGroup=e.o,exports.useSelectionGroupItem=t.n;
@@ -1,5 +1,5 @@
1
1
  import { a as e, n as t, o as n, r } from "../useSelectionGroup-cKj38lEN.js";
2
2
  import { n as i, t as a } from "../useSelectLink-DClG5hGA.js";
3
- import { t as o } from "../useLink-Zo9A_RCf.js";
3
+ import { t as o } from "../useLink-Com5VhOk.js";
4
4
  import { i as s, n as c, t as l } from "../useFloatingOverlay-D-GlpoPP.js";
5
5
  export { s as ESDropdownPlacement, t as ESelectionMode, r as ESelectionOrientation, c as computeConnectedPosition, e as resolveOwnPropOrGroupedOrFallback, l as useFloatingOverlay, o as useLink, a as useSelectLink, n as useSelectionGroup, i as useSelectionGroupItem };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SInput-A659aRIu.cjs");exports.ESInputCustomize=e.n,exports.SInput=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SInput-Bno-hQ-b.cjs");exports.ESInputCustomize=e.n,exports.SInput=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../SInput-oIwQ2B1r.js";
1
+ import { n as e, t } from "../SInput-W2257ZAC.js";
2
2
  export { e as ESInputCustomize, t as SInput };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SListItem-DnQa1Q4k.cjs");exports.ESListItemVariant=e.n,exports.SListItem=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SListItem-4OTUkahk.cjs");exports.ESListItemVariant=e.n,exports.SListItem=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../SListItem-pDfLBCNA.js";
1
+ import { n as e, t } from "../SListItem-BAWj5_pk.js";
2
2
  export { e as ESListItemVariant, t as SListItem };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-ptf_BOAm.cjs");exports.ESListGap=e.a,exports.SList=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-D-J6fBrQ.cjs");exports.ESListGap=e.a,exports.SList=e.t;
@@ -1,2 +1,2 @@
1
- import { a as e, t } from "../SList-s90xxyCL.js";
1
+ import { a as e, t } from "../SList-9BpZD3aT.js";
2
2
  export { e as ESListGap, t as SList };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SSegmentControl-DIoA__FA.cjs");exports.ESSegmentControlSize=e.n,exports.SSegmentControl=t.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SSegmentControl-Dz-d3Y9v.cjs");exports.ESSegmentControlSize=e.n,exports.SSegmentControl=t.t;
@@ -1,3 +1,3 @@
1
1
  import { n as e } from "../SButton.types-CpdHQtyx.js";
2
- import { t } from "../SSegmentControl-CWCXiHF6.js";
2
+ import { t } from "../SSegmentControl-CmJEjfSR.js";
3
3
  export { e as ESSegmentControlSize, t as SSegmentControl };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-IawcrqEa.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-DADK22v2.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../SSelect-DIizkGJa.js";
1
+ import { n as e, t } from "../SSelect-DFkWwUc1.js";
2
2
  export { e as ESSelectSearchable, t as SSelect };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-DzehRmKv.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-C8RXx0lW.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../STab-BPJQgGWd.js";
1
+ import { n as e, r as t, t as n } from "../STab-DXGKWtFI.js";
2
2
  export { e as ESTabAppearance, t as ESTabSize, n as STab };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-DzehRmKv.cjs"),t=require("../STabs-C_u7te-N.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t,exports.STabs=t.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-C8RXx0lW.cjs"),t=require("../STabs-DLFs7km7.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t,exports.STabs=t.t;
@@ -1,3 +1,3 @@
1
- import { n as e, r as t, t as n } from "../STab-BPJQgGWd.js";
2
- import { t as r } from "../STabs-B0GD_1Zy.js";
1
+ import { n as e, r as t, t as n } from "../STab-DXGKWtFI.js";
2
+ import { t as r } from "../STabs-Cfv9NIJe.js";
3
3
  export { e as ESTabAppearance, t as ESTabSize, n as STab, r as STabs };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STag-D_E2Wrbz.cjs"),t=require("../STagGroup-CR6yvDmU.cjs");exports.ESTagColor=e.n,exports.ESTagSize=e.r,exports.STagGroup=t.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STag-DlVk53Cn.cjs"),t=require("../STagGroup-C4qL3p57.cjs");exports.ESTagColor=e.n,exports.ESTagSize=e.r,exports.STagGroup=t.t;
@@ -1,3 +1,3 @@
1
- import { n as e, r as t } from "../STag-FAeaFL--.js";
2
- import { t as n } from "../STagGroup-Z5ZHpRMT.js";
1
+ import { n as e, r as t } from "../STag-ZPesEPB4.js";
2
+ import { t as n } from "../STagGroup-C3-hAyGi.js";
3
3
  export { e as ESTagColor, t as ESTagSize, n as STagGroup };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STag-D_E2Wrbz.cjs");exports.ESTagColor=e.n,exports.ESTagSize=e.r,exports.STag=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STag-DlVk53Cn.cjs");exports.ESTagColor=e.n,exports.ESTagSize=e.r,exports.STag=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../STag-FAeaFL--.js";
1
+ import { n as e, r as t, t as n } from "../STag-ZPesEPB4.js";
2
2
  export { e as ESTagColor, t as ESTagSize, n as STag };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SAvatar-C9YzCOKj.cjs"),t=require("./SAvatarGroup-UZFNjjwz.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./useSelectionGroup-TaektE-I.cjs"),i=require("./useSelectLink-DDdMmsJB.cjs"),a=require("./SButton-fFytCz5D.cjs"),o=require("./SButtonGroup-BPy2YaEP.cjs"),s=require("./SCheckbox-CYy7tfoS.cjs"),c=require("./SCard-BF6CapA9.cjs"),l=require("./SSegmentControl-DIoA__FA.cjs"),u=require("./STab-DzehRmKv.cjs"),d=require("./STabs-C_u7te-N.cjs"),f=require("./useFloatingOverlay-Cwg2MWyD.cjs"),p=require("./STag-D_E2Wrbz.cjs"),m=require("./STagGroup-CR6yvDmU.cjs"),h=require("./SChip-DoFL5c6-.cjs"),g=require("./SRadio-Ca-1D4q6.cjs"),_=require("./SToggle-DxSm1RNz.cjs"),v=require("./SBadge-BQFJFZtw.cjs"),y=require("./SInlineMessage-gjkMiE-W.cjs"),b=require("./SLabel-CTiOAAOu.cjs"),x=require("./SInput-A659aRIu.cjs"),S=require("./SInlineInput-6LglCWSn.cjs"),C=require("./SDropdown-B6b7IDjp.cjs"),w=require("./SList-ptf_BOAm.cjs"),T=require("./SListItem-DnQa1Q4k.cjs"),E=require("./SSelect-IawcrqEa.cjs"),D=require("./STextarea-BJWrc9t1.cjs"),O=require("./SChartLine-C_16iDsx.cjs"),k=require("./SChartStackedArea-ByOgW4Mi.cjs"),A=require("./SChartStackedBar-CbOLEjHH.cjs"),j=require("./SChartHorizontalBar-CLXp8bvq.cjs"),M=require("./SChartPie-BdKc6EbI.cjs");exports.EButtonAppearance=n.t,exports.EButtonGroupLayout=o.n,exports.EButtonSize=n.n,exports.ESSegmentControlSize=n.n,exports.EButtonVariant=n.r,exports.EConnectedPositionStrategy=f.r,exports.ESAvatarColor=e.n,exports.ESAvatarGroupSize=t.n,exports.ESAvatarShape=e.r,exports.ESAvatarSize=e.i,exports.ESBadgeColor=v.n,exports.ESBadgePlacement=v.r,exports.ESCardLayout=c.n,exports.ESCheckboxColor=s.n,exports.ESCheckboxSize=s.r,exports.ESChipColor=h.n,exports.ESChipSize=h.r,exports.ESDropdownPlacement=f.i,exports.ESInlineInputAppearance=S.n,exports.ESInlineMessageValidationStatus=y.n,exports.ESInputCustomize=x.n,exports.ESLabelSize=b.n,exports.ESLabelVariant=b.r,exports.ESListGap=w.a,exports.ESListItemVariant=T.n,exports.ESRadioLabelPlacement=g.n,exports.ESSelectSearchable=E.n,exports.ESTabAppearance=u.n,exports.ESTabSize=u.r,exports.ESTagColor=p.n,exports.ESTagSize=p.r,exports.ESToggleSize=_.n,exports.ESelectionFocusMode=r.t,exports.ESelectionMode=r.n,exports.ESelectionOrientation=r.r,exports.SAvatar=e.t,exports.SAvatarGroup=t.t,exports.SBadge=v.t,exports.SButton=a.t,exports.SButtonGroup=o.t,exports.SCard=c.t,exports.SChartHorizontalBar=j.t,exports.SChartLine=O.t,exports.SChartPie=M.t,exports.SChartStackedArea=k.t,exports.SChartStackedBar=A.t,exports.SCheckbox=s.t,exports.SChip=h.t,exports.SDropdown=C.t,exports.SInlineInput=S.t,exports.SInlineMessage=y.t,exports.SInput=x.t,exports.SLabel=b.t,exports.SList=w.t,exports.SListItem=T.t,exports.SRadio=g.t,exports.SSegmentControl=l.t,exports.SSelect=E.t,exports.STab=u.t,exports.STabs=d.t,exports.STag=p.t,exports.STagGroup=m.t,exports.STextarea=D.t,exports.SToggle=_.t,exports.computeConnectedPosition=f.n,exports.resolveOwnPropOrGroupedOrFallback=r.a,exports.useFlatTreeList=w.s,exports.useFloatingOverlay=f.t,exports.useSListEndReached=w.o,exports.useSelectionGroup=r.o,exports.useSelectionGroupItem=i.n;var N=require("@shtabapp/ui-kit-tokens");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]}})});var P=require("@shtabapp/ui-kit-primitives");Object.keys(P).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return P[e]}})});
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SAvatar-C9YzCOKj.cjs"),t=require("./SAvatarGroup-UZFNjjwz.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./useSelectionGroup-TaektE-I.cjs"),i=require("./useSelectLink-DDdMmsJB.cjs"),a=require("./SButton-CHxE2l-X.cjs"),o=require("./SButtonGroup-BPy2YaEP.cjs"),s=require("./SCheckbox-CYy7tfoS.cjs"),c=require("./SCard-BR2R5VQd.cjs"),l=require("./SSegmentControl-Dz-d3Y9v.cjs"),u=require("./STab-C8RXx0lW.cjs"),d=require("./STabs-DLFs7km7.cjs"),f=require("./useFloatingOverlay-Cwg2MWyD.cjs"),p=require("./STag-DlVk53Cn.cjs"),m=require("./STagGroup-C4qL3p57.cjs"),h=require("./SChip-DoFL5c6-.cjs"),g=require("./SRadio-Ca-1D4q6.cjs"),_=require("./SToggle-DxSm1RNz.cjs"),v=require("./SBadge-BQFJFZtw.cjs"),y=require("./SInlineMessage-gjkMiE-W.cjs"),b=require("./SLabel-CTiOAAOu.cjs"),x=require("./SInput-Bno-hQ-b.cjs"),S=require("./SInlineInput-6LglCWSn.cjs"),C=require("./SDropdown-B6b7IDjp.cjs"),w=require("./SList-D-J6fBrQ.cjs"),T=require("./SListItem-4OTUkahk.cjs"),E=require("./SSelect-DADK22v2.cjs"),D=require("./STextarea-BJWrc9t1.cjs"),O=require("./SChartLine-C_16iDsx.cjs"),k=require("./SChartStackedArea-ByOgW4Mi.cjs"),A=require("./SChartStackedBar-CbOLEjHH.cjs"),j=require("./SChartHorizontalBar-CLXp8bvq.cjs"),M=require("./SChartPie-BdKc6EbI.cjs");exports.EButtonAppearance=n.t,exports.EButtonGroupLayout=o.n,exports.EButtonSize=n.n,exports.ESSegmentControlSize=n.n,exports.EButtonVariant=n.r,exports.EConnectedPositionStrategy=f.r,exports.ESAvatarColor=e.n,exports.ESAvatarGroupSize=t.n,exports.ESAvatarShape=e.r,exports.ESAvatarSize=e.i,exports.ESBadgeColor=v.n,exports.ESBadgePlacement=v.r,exports.ESCardLayout=c.n,exports.ESCheckboxColor=s.n,exports.ESCheckboxSize=s.r,exports.ESChipColor=h.n,exports.ESChipSize=h.r,exports.ESDropdownPlacement=f.i,exports.ESInlineInputAppearance=S.n,exports.ESInlineMessageValidationStatus=y.n,exports.ESInputCustomize=x.n,exports.ESLabelSize=b.n,exports.ESLabelVariant=b.r,exports.ESListGap=w.a,exports.ESListItemVariant=T.n,exports.ESRadioLabelPlacement=g.n,exports.ESSelectSearchable=E.n,exports.ESTabAppearance=u.n,exports.ESTabSize=u.r,exports.ESTagColor=p.n,exports.ESTagSize=p.r,exports.ESToggleSize=_.n,exports.ESelectionFocusMode=r.t,exports.ESelectionMode=r.n,exports.ESelectionOrientation=r.r,exports.SAvatar=e.t,exports.SAvatarGroup=t.t,exports.SBadge=v.t,exports.SButton=a.t,exports.SButtonGroup=o.t,exports.SCard=c.t,exports.SChartHorizontalBar=j.t,exports.SChartLine=O.t,exports.SChartPie=M.t,exports.SChartStackedArea=k.t,exports.SChartStackedBar=A.t,exports.SCheckbox=s.t,exports.SChip=h.t,exports.SDropdown=C.t,exports.SInlineInput=S.t,exports.SInlineMessage=y.t,exports.SInput=x.t,exports.SLabel=b.t,exports.SList=w.t,exports.SListItem=T.t,exports.SRadio=g.t,exports.SSegmentControl=l.t,exports.SSelect=E.t,exports.STab=u.t,exports.STabs=d.t,exports.STag=p.t,exports.STagGroup=m.t,exports.STextarea=D.t,exports.SToggle=_.t,exports.computeConnectedPosition=f.n,exports.resolveOwnPropOrGroupedOrFallback=r.a,exports.useFlatTreeList=w.s,exports.useFloatingOverlay=f.t,exports.useSListEndReached=w.o,exports.useSelectionGroup=r.o,exports.useSelectionGroupItem=i.n;var N=require("@shtabapp/ui-kit-tokens");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]}})});var P=require("@shtabapp/ui-kit-primitives");Object.keys(P).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return P[e]}})});
package/dist/index.js CHANGED
@@ -3,28 +3,28 @@ import { n as i, t as a } from "./SAvatarGroup-CpXYyENT.js";
3
3
  import { n as o, r as s, t as c } from "./SButton.types-CpdHQtyx.js";
4
4
  import { a as l, n as u, o as d, r as f, t as p } from "./useSelectionGroup-cKj38lEN.js";
5
5
  import { n as m } from "./useSelectLink-DClG5hGA.js";
6
- import { t as h } from "./SButton-DI04KG06.js";
6
+ import { t as h } from "./SButton-D5yFE3W2.js";
7
7
  import { n as g, t as _ } from "./SButtonGroup-CmSlYnSv.js";
8
8
  import { n as v, r as y, t as b } from "./SCheckbox-BMKYFfrB.js";
9
- import { n as x, t as S } from "./SCard-qqo16_wT.js";
10
- import { t as C } from "./SSegmentControl-CWCXiHF6.js";
11
- import { n as w, r as T, t as E } from "./STab-BPJQgGWd.js";
12
- import { t as D } from "./STabs-B0GD_1Zy.js";
9
+ import { n as x, t as S } from "./SCard-CrU67ok0.js";
10
+ import { t as C } from "./SSegmentControl-CmJEjfSR.js";
11
+ import { n as w, r as T, t as E } from "./STab-DXGKWtFI.js";
12
+ import { t as D } from "./STabs-Cfv9NIJe.js";
13
13
  import { i as O, n as k, r as A, t as j } from "./useFloatingOverlay-D-GlpoPP.js";
14
- import { n as M, r as N, t as P } from "./STag-FAeaFL--.js";
15
- import { t as F } from "./STagGroup-Z5ZHpRMT.js";
14
+ import { n as M, r as N, t as P } from "./STag-ZPesEPB4.js";
15
+ import { t as F } from "./STagGroup-C3-hAyGi.js";
16
16
  import { n as I, r as L, t as ee } from "./SChip-TxpPE0VS.js";
17
17
  import { n as R, t as z } from "./SRadio-Db_YLcne.js";
18
18
  import { n as B, t as V } from "./SToggle-T7FKzMSo.js";
19
19
  import { n as H, r as U, t as W } from "./SBadge-CcCknHTw.js";
20
20
  import { n as G, t as K } from "./SInlineMessage-Dirk5RwO.js";
21
21
  import { n as q, r as J, t as Y } from "./SLabel-yzcX4qp5.js";
22
- import { n as X, t as Z } from "./SInput-oIwQ2B1r.js";
22
+ import { n as X, t as Z } from "./SInput-W2257ZAC.js";
23
23
  import { n as Q, t as $ } from "./SInlineInput-DHq5BNPn.js";
24
24
  import { t as te } from "./SDropdown-Cv729__Y.js";
25
- import { a as ne, o as re, s as ie, t as ae } from "./SList-s90xxyCL.js";
26
- import { n as oe, t as se } from "./SListItem-pDfLBCNA.js";
27
- import { n as ce, t as le } from "./SSelect-DIizkGJa.js";
25
+ import { a as ne, o as re, s as ie, t as ae } from "./SList-9BpZD3aT.js";
26
+ import { n as oe, t as se } from "./SListItem-BAWj5_pk.js";
27
+ import { n as ce, t as le } from "./SSelect-DFkWwUc1.js";
28
28
  import { t as ue } from "./STextarea-ASdLqfpC.js";
29
29
  import { t as de } from "./SChartLine-BaOJ7lmv.js";
30
30
  import { t as fe } from "./SChartStackedArea-B-E5tLfo.js";
@@ -0,0 +1 @@
1
+ let e=require("vue");var t=e=>e?typeof e==`string`?{mode:`href`,rootTag:`a`,linkBindings:{href:e}}:{mode:`route`,rootTag:`router-link`,linkBindings:{to:e}}:{mode:`none`},n=e=>t(e).mode!==`none`,r=(e,t)=>{if(e.mode===`none`)return{};if(e.mode===`route`){let n={...e.linkBindings};return t?.replace&&(n.replace=!0),n}return e.linkBindings},i=(e,t)=>{let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n){let n=e[r],i=t[r];if(String(n??``)!==String(i??``))return!1}return!0},a=(n,r)=>(0,e.computed)(()=>{let i=t((0,e.toValue)(n));return i.mode===`route`&&!r?{mode:`none`}:i}),o=t=>({linkPresentation:a(t,!1),isLink:(0,e.computed)(()=>n((0,e.toValue)(t))),isRouterLink:(0,e.computed)(()=>!1),isActive:(0,e.computed)(()=>!1),navigate:()=>Promise.reject(Error(`[@shtabapp/ui-kit] useLink.navigate() requires an active vue-router instance. Install and register vue-router in the app, or use an href link.`))}),s=e=>typeof e==`object`&&!!e&&`useLink`in e,c=(t,r,o,s,c)=>{let l=a(o,!0),u=(0,e.computed)(()=>n((0,e.toValue)(o))),d=(0,e.computed)(()=>l.value.mode===`route`),f=(0,e.computed)(()=>{let e=l.value;return e.mode===`route`?e.linkBindings.to:``}),p=r.useLink({to:(0,e.toRef)(()=>f.value),replace:(0,e.toRef)(()=>(0,e.toValue)(c)??!1)});return{linkPresentation:l,isLink:u,isRouterLink:d,isActive:(0,e.computed)(()=>d.value?(0,e.toValue)(s)??!1?p.isExactActive.value?i(p.route.value.query,t.currentRoute.value.query):!1:p.isActive.value:!1),navigate:e=>d.value?p.navigate(e):Promise.resolve()}},l=(t,n,r)=>{let i=(0,e.getCurrentInstance)()?.proxy?.$router,a=i?(0,e.resolveDynamicComponent)(`RouterLink`):void 0;return!i||!s(a)?o(t):c(i,a,t,n,r)};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 l}});
@@ -0,0 +1,55 @@
1
+ import { computed as e, getCurrentInstance as t, resolveDynamicComponent as n, toRef as r, toValue as i } from "vue";
2
+ //#region src/utils/vueRouterLinkPresentation.ts
3
+ var a = (e) => e ? typeof e == "string" ? {
4
+ mode: "href",
5
+ rootTag: "a",
6
+ linkBindings: { href: e }
7
+ } : {
8
+ mode: "route",
9
+ rootTag: "router-link",
10
+ linkBindings: { to: e }
11
+ } : { mode: "none" }, o = (e) => a(e).mode !== "none", s = (e, t) => {
12
+ if (e.mode === "none") return {};
13
+ if (e.mode === "route") {
14
+ let n = { ...e.linkBindings };
15
+ return t?.replace && (n.replace = !0), n;
16
+ }
17
+ return e.linkBindings;
18
+ }, c = (e, t) => {
19
+ let n = Object.keys(e), r = Object.keys(t);
20
+ if (n.length !== r.length) return !1;
21
+ for (let r of n) {
22
+ let n = e[r], i = t[r];
23
+ if (String(n ?? "") !== String(i ?? "")) return !1;
24
+ }
25
+ return !0;
26
+ }, l = (t, n) => e(() => {
27
+ let e = a(i(t));
28
+ return e.mode === "route" && !n ? { mode: "none" } : e;
29
+ }), u = (t) => ({
30
+ linkPresentation: l(t, !1),
31
+ isLink: e(() => o(i(t))),
32
+ isRouterLink: e(() => !1),
33
+ isActive: e(() => !1),
34
+ navigate: () => Promise.reject(/* @__PURE__ */ Error("[@shtabapp/ui-kit] useLink.navigate() requires an active vue-router instance. Install and register vue-router in the app, or use an href link."))
35
+ }), d = (e) => typeof e == "object" && !!e && "useLink" in e, f = (t, n, a, s, u) => {
36
+ let d = l(a, !0), f = e(() => o(i(a))), p = e(() => d.value.mode === "route"), m = e(() => {
37
+ let e = d.value;
38
+ return e.mode === "route" ? e.linkBindings.to : "";
39
+ }), h = n.useLink({
40
+ to: r(() => m.value),
41
+ replace: r(() => i(u) ?? !1)
42
+ });
43
+ return {
44
+ linkPresentation: d,
45
+ isLink: f,
46
+ isRouterLink: p,
47
+ isActive: e(() => p.value ? i(s) ?? !1 ? h.isExactActive.value ? c(h.route.value.query, t.currentRoute.value.query) : !1 : h.isActive.value : !1),
48
+ navigate: (e) => p.value ? h.navigate(e) : Promise.resolve()
49
+ };
50
+ }, p = (e, r, i) => {
51
+ let a = t()?.proxy?.$router, o = a ? n("RouterLink") : void 0;
52
+ return !a || !d(o) ? u(e) : f(a, o, e, r, i);
53
+ };
54
+ //#endregion
55
+ export { s as n, o as r, p as t };
package/package.json CHANGED
@@ -1,12 +1,19 @@
1
1
  {
2
2
  "name": "@shtabapp/ui-kit",
3
- "version": "1.26.0",
4
- "description": "Compose-ready Vue 3 components for Shtab UI Kit",
3
+ "version": "1.27.0",
4
+ "description": "Vue 3 component library by Shtab 30+ typed components, design tokens, light/dark themes",
5
5
  "keywords": [
6
6
  "shtab",
7
7
  "vue",
8
- "components"
8
+ "vue3",
9
+ "components",
10
+ "component-library",
11
+ "ui-kit",
12
+ "design-system",
13
+ "design-tokens",
14
+ "typescript"
9
15
  ],
16
+ "homepage": "https://ui.shtab.app",
10
17
  "license": "MIT",
11
18
  "type": "module",
12
19
  "publishConfig": {
@@ -211,8 +218,8 @@
211
218
  },
212
219
  "dependencies": {
213
220
  "chart.js": "^4.5.0",
214
- "@shtabapp/ui-kit-tokens": "^1.13.0",
215
- "@shtabapp/ui-kit-primitives": "^1.11.0"
221
+ "@shtabapp/ui-kit-primitives": "^1.12.0",
222
+ "@shtabapp/ui-kit-tokens": "^1.14.0"
216
223
  },
217
224
  "devDependencies": {
218
225
  "@storybook/vue3-vite": "^10.4.1",
@@ -1 +0,0 @@
1
- let e=require("vue"),t=require("vue-router");var n=e=>e?typeof e==`string`?{mode:`href`,rootTag:`a`,linkBindings:{href:e}}:{mode:`route`,rootTag:`router-link`,linkBindings:{to:e}}:{mode:`none`},r=e=>n(e).mode!==`none`,i=(e,t)=>{if(e.mode===`none`)return{};if(e.mode===`route`){let n={...e.linkBindings};return t?.replace&&(n.replace=!0),n}return e.linkBindings},a=(e,t)=>{let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n){let n=e[r],i=t[r];if(String(n??``)!==String(i??``))return!1}return!0},o=(t,r)=>(0,e.computed)(()=>{let i=n((0,e.toValue)(t));return i.mode===`route`&&!r?{mode:`none`}:i}),s=t=>({linkPresentation:o(t,!1),isLink:(0,e.computed)(()=>r((0,e.toValue)(t))),isRouterLink:(0,e.computed)(()=>!1),isActive:(0,e.computed)(()=>!1),navigate:()=>Promise.reject(Error(`[@shtabapp/ui-kit] useLink.navigate() requires an active vue-router instance. Install and register vue-router in the app, or use an href link.`))}),c=(n,i,s)=>{let c=(0,e.inject)(t.routeLocationKey,null),l=o(n,!0),u=(0,e.computed)(()=>r((0,e.toValue)(n))),d=(0,e.computed)(()=>l.value.mode===`route`),f=(0,e.computed)(()=>{let e=l.value;return e.mode===`route`?e.linkBindings.to:``}),p=t.RouterLink.useLink({to:(0,e.toRef)(()=>f.value),replace:(0,e.toRef)(()=>(0,e.toValue)(s)??!1)});return{linkPresentation:l,isLink:u,isRouterLink:d,isActive:(0,e.computed)(()=>d.value?(0,e.toValue)(i)??!1?p.isExactActive.value?c?a(p.route.value.query,c.query):p.isExactActive.value:!1:p.isActive.value:!1),navigate:e=>d.value?p.navigate(e):Promise.resolve()}},l=(n,r,i)=>(0,e.inject)(t.routerKey,null)?c(n,r,i):s(n);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -1,53 +0,0 @@
1
- import { computed as e, inject as t, toRef as n, toValue as r } from "vue";
2
- import { RouterLink as i, routeLocationKey as a, routerKey as o } from "vue-router";
3
- //#region src/utils/vueRouterLinkPresentation.ts
4
- var s = (e) => e ? typeof e == "string" ? {
5
- mode: "href",
6
- rootTag: "a",
7
- linkBindings: { href: e }
8
- } : {
9
- mode: "route",
10
- rootTag: "router-link",
11
- linkBindings: { to: e }
12
- } : { mode: "none" }, c = (e) => s(e).mode !== "none", l = (e, t) => {
13
- if (e.mode === "none") return {};
14
- if (e.mode === "route") {
15
- let n = { ...e.linkBindings };
16
- return t?.replace && (n.replace = !0), n;
17
- }
18
- return e.linkBindings;
19
- }, u = (e, t) => {
20
- let n = Object.keys(e), r = Object.keys(t);
21
- if (n.length !== r.length) return !1;
22
- for (let r of n) {
23
- let n = e[r], i = t[r];
24
- if (String(n ?? "") !== String(i ?? "")) return !1;
25
- }
26
- return !0;
27
- }, d = (t, n) => e(() => {
28
- let e = s(r(t));
29
- return e.mode === "route" && !n ? { mode: "none" } : e;
30
- }), f = (t) => ({
31
- linkPresentation: d(t, !1),
32
- isLink: e(() => c(r(t))),
33
- isRouterLink: e(() => !1),
34
- isActive: e(() => !1),
35
- navigate: () => Promise.reject(/* @__PURE__ */ Error("[@shtabapp/ui-kit] useLink.navigate() requires an active vue-router instance. Install and register vue-router in the app, or use an href link."))
36
- }), p = (o, s, l) => {
37
- let f = t(a, null), p = d(o, !0), m = e(() => c(r(o))), h = e(() => p.value.mode === "route"), g = e(() => {
38
- let e = p.value;
39
- return e.mode === "route" ? e.linkBindings.to : "";
40
- }), _ = i.useLink({
41
- to: n(() => g.value),
42
- replace: n(() => r(l) ?? !1)
43
- });
44
- return {
45
- linkPresentation: p,
46
- isLink: m,
47
- isRouterLink: h,
48
- isActive: e(() => h.value ? r(s) ?? !1 ? _.isExactActive.value ? f ? u(_.route.value.query, f.query) : _.isExactActive.value : !1 : _.isActive.value : !1),
49
- navigate: (e) => h.value ? _.navigate(e) : Promise.resolve()
50
- };
51
- }, m = (e, n, r) => t(o, null) ? p(e, n, r) : f(e);
52
- //#endregion
53
- export { l as n, c as r, m as t };