@shtabapp/ui-kit 1.60.0 → 1.61.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 (85) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/{SButton-DnU_XZ1C.js → SButton-6AL2ipRT.js} +2 -2
  3. package/dist/{SButton-C-z_q5CG.cjs → SButton-9dLbCJvh.cjs} +1 -1
  4. package/dist/{SButtonGroup-Cnuo4SzC.cjs → SButtonGroup-Co1AUbsm.cjs} +1 -1
  5. package/dist/{SButtonGroup-BOZQSxWY.js → SButtonGroup-DPq5g7bZ.js} +1 -1
  6. package/dist/{SChip-XCYvlpaS.js → SChip-DN8oicUv.js} +1 -1
  7. package/dist/{SChip-BL47yJ-i.cjs → SChip-nzYT9SEi.cjs} +1 -1
  8. package/dist/{SColorPalette-CqfVzhda.cjs → SColorPalette-CqIA4Qtp.cjs} +1 -1
  9. package/dist/{SColorPalette-D2WCADDX.js → SColorPalette-OCu-tgZ3.js} +1 -1
  10. package/dist/{SColorPicker-so_XNexn.js → SColorPicker-BL-zrskU.js} +3 -3
  11. package/dist/{SColorPicker-DZx0q55N.cjs → SColorPicker-CvhpJEj1.cjs} +1 -1
  12. package/dist/{SInput-Csy2uch7.js → SInput-BLxSis1f.js} +1 -1
  13. package/dist/{SInput-CRAegYKS.cjs → SInput-IfbP8zrv.cjs} +1 -1
  14. package/dist/{SList-By6TzeID.js → SList-C39LrsoS.js} +14 -4
  15. package/dist/SList-Du0gqyFs.cjs +1 -0
  16. package/dist/{SListItem-BYMbFs2A.js → SListItem-C1IeCv8M.js} +2 -2
  17. package/dist/{SListItem-3IpjaE9h.cjs → SListItem-cWTuQQY-.cjs} +1 -1
  18. package/dist/{SPhotoEdit-BJXa6mh4.js → SPhotoEdit-CTXpy4AE.js} +1 -1
  19. package/dist/{SPhotoEdit-vg58q6I7.cjs → SPhotoEdit-CxYaBC3u.cjs} +1 -1
  20. package/dist/{SSegmentControl-Dh_HmD4Z.cjs → SSegmentControl-B9jT8Axu.cjs} +1 -1
  21. package/dist/{SSegmentControl-hAAYltQR.js → SSegmentControl-CAoM03V6.js} +2 -2
  22. package/dist/{SSelect-BZFFs_lW.js → SSelect-BkX3VuCr.js} +5 -5
  23. package/dist/{SSelect-C48pqmeX.cjs → SSelect-CHWKMbB_.cjs} +1 -1
  24. package/dist/{STab-BbzowB-Y.cjs → STab-C06drUMG.cjs} +1 -1
  25. package/dist/{STab-DY1TGadw.js → STab-ltjZBvbK.js} +2 -2
  26. package/dist/{STabs-BUafXb2Q.js → STabs-CU1lSmcH.js} +3 -3
  27. package/dist/{STabs-h8sm-3do.cjs → STabs-g1pGWDkl.cjs} +1 -1
  28. package/dist/{STag-D1mmp1kd.cjs → STag-D8xdkjVR.cjs} +1 -1
  29. package/dist/{STag-CluIVRKi.js → STag-DwIU1Uje.js} +1 -1
  30. package/dist/{STagGroup-CF2TFkb3.cjs → STagGroup-D9hENgSo.cjs} +1 -1
  31. package/dist/{STagGroup-GzZhto7-.js → STagGroup-DWaTQbj6.js} +1 -1
  32. package/dist/SToggle-CGd0Mh0R.cjs +1 -0
  33. package/dist/SToggle-sGw-LSNd.js +59 -0
  34. package/dist/components/SList/SList.types.d.ts +2 -2
  35. package/dist/components/SList/SList.types.d.ts.map +1 -1
  36. package/dist/components/SList/SList.vue.d.ts +7 -0
  37. package/dist/components/SList/SList.vue.d.ts.map +1 -1
  38. package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
  39. package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
  40. package/dist/components/SToggle/SToggle.vue.d.ts.map +1 -1
  41. package/dist/composables/useSelectionGroup.d.ts.map +1 -1
  42. package/dist/entries/button-group.cjs +1 -1
  43. package/dist/entries/button-group.js +2 -2
  44. package/dist/entries/button.cjs +1 -1
  45. package/dist/entries/button.js +1 -1
  46. package/dist/entries/chip.cjs +1 -1
  47. package/dist/entries/chip.js +1 -1
  48. package/dist/entries/color-palette.cjs +1 -1
  49. package/dist/entries/color-palette.js +1 -1
  50. package/dist/entries/color-picker.cjs +1 -1
  51. package/dist/entries/color-picker.js +2 -2
  52. package/dist/entries/composables.cjs +1 -1
  53. package/dist/entries/composables.js +2 -2
  54. package/dist/entries/input.cjs +1 -1
  55. package/dist/entries/input.js +1 -1
  56. package/dist/entries/list-item.cjs +1 -1
  57. package/dist/entries/list-item.js +1 -1
  58. package/dist/entries/list.cjs +1 -1
  59. package/dist/entries/list.js +1 -1
  60. package/dist/entries/photo-edit.cjs +1 -1
  61. package/dist/entries/photo-edit.js +1 -1
  62. package/dist/entries/segment-control.cjs +1 -1
  63. package/dist/entries/segment-control.js +1 -1
  64. package/dist/entries/select.cjs +1 -1
  65. package/dist/entries/select.js +1 -1
  66. package/dist/entries/tab.cjs +1 -1
  67. package/dist/entries/tab.js +1 -1
  68. package/dist/entries/tabs.cjs +1 -1
  69. package/dist/entries/tabs.js +2 -2
  70. package/dist/entries/tag-group.cjs +1 -1
  71. package/dist/entries/tag-group.js +2 -2
  72. package/dist/entries/tag.cjs +1 -1
  73. package/dist/entries/tag.js +1 -1
  74. package/dist/entries/toggle.cjs +1 -1
  75. package/dist/entries/toggle.js +1 -1
  76. package/dist/index.cjs +1 -1
  77. package/dist/index.js +18 -18
  78. package/dist/{useSelectLink-DClG5hGA.js → useSelectLink-2aCIYmF6.js} +1 -1
  79. package/dist/{useSelectLink-DDdMmsJB.cjs → useSelectLink-DZIAhQ2J.cjs} +1 -1
  80. package/dist/{useSelectionGroup-cKj38lEN.js → useSelectionGroup-BCAmPf3R.js} +34 -28
  81. package/dist/{useSelectionGroup-TaektE-I.cjs → useSelectionGroup-NJvi3hNo.cjs} +1 -1
  82. package/package.json +2 -2
  83. package/dist/SList-a88nA5Qh.cjs +0 -1
  84. package/dist/SToggle-BtKNq9ZX.js +0 -58
  85. package/dist/SToggle-FrWtwY4F.cjs +0 -1
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-BbzowB-Y.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-C06drUMG.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-DY1TGadw.js";
1
+ import { n as e, r as t, t as n } from "../STab-ltjZBvbK.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-BbzowB-Y.cjs"),t=require("../STabs-h8sm-3do.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-C06drUMG.cjs"),t=require("../STabs-g1pGWDkl.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-DY1TGadw.js";
2
- import { t as r } from "../STabs-BUafXb2Q.js";
1
+ import { n as e, r as t, t as n } from "../STab-ltjZBvbK.js";
2
+ import { t as r } from "../STabs-CU1lSmcH.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-D1mmp1kd.cjs"),t=require("../STagGroup-CF2TFkb3.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-D8xdkjVR.cjs"),t=require("../STagGroup-D9hENgSo.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-CluIVRKi.js";
2
- import { t as n } from "../STagGroup-GzZhto7-.js";
1
+ import { n as e, r as t } from "../STag-DwIU1Uje.js";
2
+ import { t as n } from "../STagGroup-DWaTQbj6.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-D1mmp1kd.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-D8xdkjVR.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-CluIVRKi.js";
1
+ import { n as e, r as t, t as n } from "../STag-DwIU1Uje.js";
2
2
  export { e as ESTagColor, t as ESTagSize, n as STag };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SToggle-FrWtwY4F.cjs");exports.ESToggleLabelPlacement=e.n,exports.ESToggleSize=e.r,exports.SToggle=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SToggle-CGd0Mh0R.cjs");exports.ESToggleLabelPlacement=e.n,exports.ESToggleSize=e.r,exports.SToggle=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../SToggle-BtKNq9ZX.js";
1
+ import { n as e, r as t, t as n } from "../SToggle-sGw-LSNd.js";
2
2
  export { e as ESToggleLabelPlacement, t as ESToggleSize, n as SToggle };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-DZx0q55N.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-Cnuo4SzC.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-Dh_HmD4Z.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-h8sm-3do.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-CF2TFkb3.cjs"),y=require("./SChip-BL47yJ-i.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SSelect-C48pqmeX.cjs"),S=require("./SInput-CRAegYKS.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-a88nA5Qh.cjs"),E=require("./SListItem-3IpjaE9h.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-FrWtwY4F.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-C4qDIp2k.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineGroup=u.n,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-CvhpJEj1.cjs"),r=require("./SColorPalette-CqIA4Qtp.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-9dLbCJvh.cjs"),c=require("./useSelectionGroup-NJvi3hNo.cjs"),l=require("./useSelectLink-DZIAhQ2J.cjs"),u=require("./SButtonGroup-Co1AUbsm.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-B9jT8Axu.cjs"),m=require("./STab-C06drUMG.cjs"),h=require("./STabs-g1pGWDkl.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D8xdkjVR.cjs"),v=require("./STagGroup-D9hENgSo.cjs"),y=require("./SChip-nzYT9SEi.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SSelect-CHWKMbB_.cjs"),S=require("./SInput-IfbP8zrv.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-Du0gqyFs.cjs"),E=require("./SListItem-cWTuQQY-.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-CGd0Mh0R.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-C4qDIp2k.cjs"),A=require("./SPhotoEdit-CxYaBC3u.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineGroup=u.n,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
package/dist/index.js CHANGED
@@ -1,35 +1,35 @@
1
1
  import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
2
2
  import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-BK8cEzGY.js";
3
- import { i as l, n as u, r as d, t as f } from "./SColorPicker-so_XNexn.js";
4
- import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-D2WCADDX.js";
3
+ import { i as l, n as u, r as d, t as f } from "./SColorPicker-BL-zrskU.js";
4
+ import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-OCu-tgZ3.js";
5
5
  import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
6
6
  import { n as te, t as ne } from "./SAvatarGroup-F5w88NGf.js";
7
7
  import { n as x, r as S, t as C } from "./SButton.types-CpdHQtyx.js";
8
- import { t as w } from "./SButton-DnU_XZ1C.js";
9
- import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-cKj38lEN.js";
10
- import { n as ce } from "./useSelectLink-DClG5hGA.js";
11
- import { i as le, n as ue, r as de, t as fe } from "./SButtonGroup-BOZQSxWY.js";
8
+ import { t as w } from "./SButton-6AL2ipRT.js";
9
+ import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-BCAmPf3R.js";
10
+ import { n as ce } from "./useSelectLink-2aCIYmF6.js";
11
+ import { i as le, n as ue, r as de, t as fe } from "./SButtonGroup-DPq5g7bZ.js";
12
12
  import { i as pe, n as me, r as he, t as ge } from "./SCheckbox-BMkOc5cn.js";
13
13
  import { n as _e, t as ve } from "./SCard-DgGxjBUV.js";
14
- import { t as ye } from "./SSegmentControl-hAAYltQR.js";
15
- import { n as be, r as xe, t as Se } from "./STab-DY1TGadw.js";
16
- import { t as Ce } from "./STabs-BUafXb2Q.js";
14
+ import { t as ye } from "./SSegmentControl-CAoM03V6.js";
15
+ import { n as be, r as xe, t as Se } from "./STab-ltjZBvbK.js";
16
+ import { t as Ce } from "./STabs-CU1lSmcH.js";
17
17
  import { i as we, n as Te, r as Ee, t as De } from "./useFloatingOverlay-QcumEYEq.js";
18
- import { n as Oe, r as ke, t as Ae } from "./STag-CluIVRKi.js";
19
- import { t as je } from "./STagGroup-GzZhto7-.js";
20
- import { n as Me, r as Ne, t as Pe } from "./SChip-XCYvlpaS.js";
18
+ import { n as Oe, r as ke, t as Ae } from "./STag-DwIU1Uje.js";
19
+ import { t as je } from "./STagGroup-DWaTQbj6.js";
20
+ import { n as Me, r as Ne, t as Pe } from "./SChip-DN8oicUv.js";
21
21
  import { n as Fe, t as Ie } from "./SDropdown-LOTCtlCX.js";
22
- import { n as Le, r as Re, t as ze } from "./SSelect-BZFFs_lW.js";
23
- import { n as Be, t as Ve } from "./SInput-Csy2uch7.js";
22
+ import { n as Le, r as Re, t as ze } from "./SSelect-BkX3VuCr.js";
23
+ import { n as Be, t as Ve } from "./SInput-BLxSis1f.js";
24
24
  import { n as He, t as Ue } from "./SInlineMessage-Dirk5RwO.js";
25
25
  import { n as We, r as Ge, t as Ke } from "./SLabel-FHHPlcKq.js";
26
- import { a as qe, o as Je, s as Ye, t as Xe } from "./SList-By6TzeID.js";
27
- import { n as Ze, t as Qe } from "./SListItem-BYMbFs2A.js";
26
+ import { a as qe, o as Je, s as Ye, t as Xe } from "./SList-C39LrsoS.js";
27
+ import { n as Ze, t as Qe } from "./SListItem-C1IeCv8M.js";
28
28
  import { n as $e, t as et } from "./SRadio-D6_Pd6XX.js";
29
- import { n as tt, r as nt, t as rt } from "./SToggle-BtKNq9ZX.js";
29
+ import { n as tt, r as nt, t as rt } from "./SToggle-sGw-LSNd.js";
30
30
  import { n as it, t as at } from "./SInlineInput-DO_glYxP.js";
31
31
  import { t as ot } from "./STextarea-BDyy7Ku5.js";
32
- import { n as st, r as ct, t as lt } from "./SPhotoEdit-BJXa6mh4.js";
32
+ import { n as st, r as ct, t as lt } from "./SPhotoEdit-CTXpy4AE.js";
33
33
  import { a as ut, i as dt, n as ft, r as pt, t as mt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
34
34
  import { t as ht } from "./SChartLine-DSQaezYq.js";
35
35
  import { t as gt } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
@@ -1,4 +1,4 @@
1
- import { n as e } from "./useSelectionGroup-cKj38lEN.js";
1
+ import { n as e } from "./useSelectionGroup-BCAmPf3R.js";
2
2
  import { computed as t, nextTick as n, toValue as r, watch as i } from "vue";
3
3
  //#region src/composables/useSelectionGroupItem.ts
4
4
  var a = ({ group: n, value: a, el: o, disabled: s, interactive: c }) => {
@@ -1 +1 @@
1
- const e=require("./useSelectionGroup-TaektE-I.cjs");let t=require("vue");var n=({group:n,value:r,el:i,disabled:a,interactive:o})=>{let s=(0,t.computed)(()=>(0,t.toValue)(r)),c=(0,t.computed)(()=>!!(0,t.toValue)(a)),l=(0,t.computed)(()=>(0,t.toValue)(o)??!0),u=(0,t.computed)(()=>(0,t.toValue)(n)),d=(0,t.computed)(()=>!!u.value&&!!s.value),f=(0,t.computed)(()=>!u.value||!s.value?!1:u.value.isSelected(s.value)),p=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.MULTIPLE)return f.value?`true`:`false`}),m=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.SINGLE)return f.value?`true`:`false`}),h=(0,t.computed)(()=>{if(!(!d.value||!u.value||!s.value))return u.value.getItemTabIndex(s.value)});return(0,t.watch)(()=>({inGroup:d.value,val:s.value,ctx:u.value}),(e,t,n)=>{if(!e.inGroup||!e.val||!e.ctx)return;let r=e.val;n(e.ctx.registerItem({value:()=>r,el:i,disabled:()=>c.value}))},{immediate:!0}),{isInGroup:d,isActive:f,ariaPressed:p,ariaChecked:m,tabIndex:h,handleClick:()=>{l.value&&(!d.value||!u.value||!s.value||u.value.selectItem(s.value))},handleKeydown:e=>{l.value&&(!d.value||!u.value||!s.value||u.value.handleItemKeydown(e,s.value))}}},r=({isRouterLink:e,isActive:n,group:r,value:i})=>{(0,t.watch)(()=>n.value,n=>{if(!e.value||n!==!0)return;let a=(0,t.toValue)(r),o=(0,t.toValue)(i);!a||o===void 0||a.isSelected(o)||(0,t.nextTick)(()=>{a.selectItem(o)})},{immediate:!0})};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
1
+ const e=require("./useSelectionGroup-NJvi3hNo.cjs");let t=require("vue");var n=({group:n,value:r,el:i,disabled:a,interactive:o})=>{let s=(0,t.computed)(()=>(0,t.toValue)(r)),c=(0,t.computed)(()=>!!(0,t.toValue)(a)),l=(0,t.computed)(()=>(0,t.toValue)(o)??!0),u=(0,t.computed)(()=>(0,t.toValue)(n)),d=(0,t.computed)(()=>!!u.value&&!!s.value),f=(0,t.computed)(()=>!u.value||!s.value?!1:u.value.isSelected(s.value)),p=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.MULTIPLE)return f.value?`true`:`false`}),m=(0,t.computed)(()=>{if(!(!d.value||!u.value)&&(0,t.toValue)(u.value.mode)===e.n.SINGLE)return f.value?`true`:`false`}),h=(0,t.computed)(()=>{if(!(!d.value||!u.value||!s.value))return u.value.getItemTabIndex(s.value)});return(0,t.watch)(()=>({inGroup:d.value,val:s.value,ctx:u.value}),(e,t,n)=>{if(!e.inGroup||!e.val||!e.ctx)return;let r=e.val;n(e.ctx.registerItem({value:()=>r,el:i,disabled:()=>c.value}))},{immediate:!0}),{isInGroup:d,isActive:f,ariaPressed:p,ariaChecked:m,tabIndex:h,handleClick:()=>{l.value&&(!d.value||!u.value||!s.value||u.value.selectItem(s.value))},handleKeydown:e=>{l.value&&(!d.value||!u.value||!s.value||u.value.handleItemKeydown(e,s.value))}}},r=({isRouterLink:e,isActive:n,group:r,value:i})=>{(0,t.watch)(()=>n.value,n=>{if(!e.value||n!==!0)return;let a=(0,t.toValue)(r),o=(0,t.toValue)(i);!a||o===void 0||a.isSelected(o)||(0,t.nextTick)(()=>{a.selectItem(o)})},{immediate:!0})};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
@@ -10,19 +10,19 @@ var o = /* @__PURE__ */ function(e) {
10
10
  "Enter",
11
11
  " ",
12
12
  "Spacebar"
13
- ], u = (e, t, n) => e === void 0 ? t === void 0 ? n : t : e, d = (e) => e != null && !Array.isArray(e), f = (e) => {
13
+ ], u = (e, t, n) => e === void 0 ? t === void 0 ? n : t : e, d = (e) => e != null && !Array.isArray(e), ee = (e) => {
14
14
  if (!e) return null;
15
15
  if (e instanceof HTMLElement) return e;
16
16
  let t = e.$el;
17
17
  return t instanceof HTMLElement ? t : null;
18
- }, p = ({ modelValue: o, onUpdateModelValue: s, mode: c, mandatory: u, orientation: d, loop: p, enableTabNavigation: ee, orderedValues: m, isValueDisabled: h, focusMode: g, onBeforeFocusItem: _, onFocusGroup: v, compareValues: y }) => {
19
- let b = (e, t) => y ? y(e, t) : Object.is(e, t), x = e(() => a(c) ?? "single"), S = e(() => a(u) ?? !1), C = e(() => a(d) ?? "horizontal"), w = e(() => a(p) ?? !0), te = e(() => a(ee) ?? !1), ne = e(() => a(g) ?? "dom"), T = e(() => ne.value === "activedescendant"), E = e(() => {
18
+ }, f = ({ modelValue: o, onUpdateModelValue: s, mode: c, mandatory: u, orientation: d, loop: f, enableTabNavigation: p, orderedValues: te, isValueDisabled: m, focusMode: h, onBeforeFocusItem: g, onFocusGroup: _, compareValues: v }) => {
19
+ let y = (e, t) => v ? v(e, t) : Object.is(e, t), b = e(() => a(c) ?? "single"), x = e(() => a(u) ?? !1), S = e(() => a(d) ?? "horizontal"), ne = e(() => a(f) ?? !0), C = e(() => a(p) ?? !1), w = e(() => a(h) ?? "dom"), T = e(() => w.value === "activedescendant"), E = e(() => {
20
20
  let e = a(o);
21
21
  return e == null ? [] : Array.isArray(e) ? e : [e];
22
- }), D = i([]), O = r(void 0), k = (e) => E.value.some((t) => b(t, e)), A = (e) => !!a(e.disabled), j = (e) => {
22
+ }), D = i([]), O = r(void 0), k = (e) => E.value.some((t) => y(t, e)), A = (e) => !!a(e.disabled), j = (e) => {
23
23
  s && s(e);
24
24
  }, M = (e, t = !0) => {
25
- let n = x.value;
25
+ let n = b.value;
26
26
  if (n !== "none") {
27
27
  if (n === "single") {
28
28
  if (k(e)) return;
@@ -33,21 +33,21 @@ var o = /* @__PURE__ */ function(e) {
33
33
  }
34
34
  }, N = (e, t) => {
35
35
  if (k(e)) {
36
- if (S.value) return;
36
+ if (x.value) return;
37
37
  j(void 0);
38
38
  return;
39
39
  }
40
40
  j(e), t && (O.value = e);
41
41
  }, P = (e) => {
42
42
  if (k(e)) {
43
- let t = E.value.filter((t) => !b(t, e));
44
- if (S.value && t.length === 0) return;
43
+ let t = E.value.filter((t) => !y(t, e));
44
+ if (x.value && t.length === 0) return;
45
45
  j(t);
46
46
  return;
47
47
  }
48
48
  j([...E.value, e]);
49
49
  }, F = (e, t = !0) => {
50
- let n = x.value;
50
+ let n = b.value;
51
51
  if (n !== "none") {
52
52
  if (n === "single") {
53
53
  N(e, t);
@@ -56,17 +56,17 @@ var o = /* @__PURE__ */ function(e) {
56
56
  P(e);
57
57
  }
58
58
  }, re = () => {
59
- let e = x.value;
59
+ let e = b.value;
60
60
  if (e !== "none") {
61
61
  if (e === "single") {
62
- if (S.value) return;
62
+ if (x.value) return;
63
63
  j(void 0);
64
64
  return;
65
65
  }
66
- S.value || j([]);
66
+ x.value || j([]);
67
67
  }
68
68
  }, I = () => D.filter((e) => !A(e)), L = e(() => {
69
- let e = a(m);
69
+ let e = a(te);
70
70
  return !e || e.length === 0 ? null : e;
71
71
  }), R = e(() => {
72
72
  let e = L.value;
@@ -77,13 +77,13 @@ var o = /* @__PURE__ */ function(e) {
77
77
  r !== void 0 && t.set(r, n);
78
78
  }
79
79
  return t;
80
- }), z = (e) => D.find((t) => b(a(t.value), e)), B = (e) => {
81
- if (h) return h(e);
80
+ }), z = (e) => D.find((t) => y(a(t.value), e)), B = (e) => {
81
+ if (m) return m(e);
82
82
  let t = z(e);
83
83
  return t ? A(t) : !1;
84
84
  }, V = (e) => {
85
85
  let t = R.value;
86
- return t ? t.get(e) ?? -1 : I().findIndex((t) => b(a(t.value), e));
86
+ return t ? t.get(e) ?? -1 : I().findIndex((t) => y(a(t.value), e));
87
87
  }, H = () => {
88
88
  let e = L.value;
89
89
  return e ? e.length : I().length;
@@ -125,22 +125,22 @@ var o = /* @__PURE__ */ function(e) {
125
125
  }, J = (e) => {
126
126
  if (T.value) return -1;
127
127
  let t = O.value;
128
- if (t !== void 0) return b(t, e) ? 0 : -1;
129
- for (let t of E.value) if (b(t, e)) return 0;
128
+ if (t !== void 0) return y(t, e) ? 0 : -1;
129
+ for (let t of E.value) if (y(t, e)) return 0;
130
130
  let n = q();
131
- return n && b(n, e) ? 0 : -1;
131
+ return n && y(n, e) ? 0 : -1;
132
132
  }, Y = () => !T.value || H() === 0 ? -1 : 0, X = (e) => {
133
133
  let t = z(e);
134
- return t ? f(a(t.el)) : null;
134
+ return t ? ee(a(t.el)) : null;
135
135
  }, Z = async (e, n = !0) => {
136
- if (O.value = e, _ && await _(e), T.value) v && v();
136
+ if (O.value = e, g && await g(e), T.value) _ && _();
137
137
  else {
138
138
  let n = X(e);
139
139
  n ||= (await t(), X(e)), n && n.focus({ preventScroll: !0 });
140
140
  }
141
- n && x.value === "single" && M(e);
141
+ n && b.value === "single" && M(e);
142
142
  }, Q = async (e, t, n = !0, r = !0) => {
143
- let i = G(e, t, r && w.value);
143
+ let i = G(e, t, r && ne.value);
144
144
  if (!i) {
145
145
  if (V(e) === -1) {
146
146
  let e = K(t === 1 ? "start" : "end");
@@ -174,18 +174,18 @@ var o = /* @__PURE__ */ function(e) {
174
174
  let e = D.indexOf(t);
175
175
  e !== -1 && D.splice(e, 1);
176
176
  let n = O.value;
177
- n !== void 0 && b(a(t.value), n) && (O.value = void 0);
177
+ n !== void 0 && y(a(t.value), n) && (O.value = void 0);
178
178
  };
179
179
  return n(r, !0), r;
180
180
  },
181
181
  getItemTabIndex: J,
182
182
  getGroupTabIndex: Y,
183
183
  handleItemKeydown: async (e, t) => {
184
- if (te.value && e.key === "Tab") {
184
+ if (C.value && e.key === "Tab") {
185
185
  await ie(e, t);
186
186
  return;
187
187
  }
188
- let n = C.value === "horizontal", r = {
188
+ let n = S.value === "horizontal", r = {
189
189
  [n ? "ArrowRight" : "ArrowDown"]: () => Q(t, 1, !1),
190
190
  [n ? "ArrowLeft" : "ArrowUp"]: () => Q(t, -1, !1),
191
191
  Home: () => $("start"),
@@ -195,11 +195,17 @@ var o = /* @__PURE__ */ function(e) {
195
195
  e.preventDefault(), await r();
196
196
  return;
197
197
  }
198
- l.includes(e.key) && (e.preventDefault(), F(t));
198
+ if (l.includes(e.key)) {
199
+ if (e.preventDefault(), b.value === "none") {
200
+ X(t)?.click();
201
+ return;
202
+ }
203
+ F(t);
204
+ }
199
205
  },
200
206
  focusItem: Z,
201
207
  focusedValue: O
202
208
  };
203
209
  };
204
210
  //#endregion
205
- export { u as a, d as i, o as n, p as o, s as r, c as t };
211
+ export { u as a, d as i, o as n, f as o, s as r, c as t };
@@ -1 +1 @@
1
- let e=require("vue");var t=function(e){return e.SINGLE=`single`,e.MULTIPLE=`multiple`,e.NONE=`none`,e}({}),n=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),r=function(e){return e.DOM=`dom`,e.ACTIVE_DESCENDANT=`activedescendant`,e}({}),i=[`Enter`,` `,`Spacebar`],a=(e,t,n)=>e===void 0?t===void 0?n:t:e,o=e=>e!=null&&!Array.isArray(e),s=e=>{if(!e)return null;if(e instanceof HTMLElement)return e;let t=e.$el;return t instanceof HTMLElement?t:null},c=({modelValue:t,onUpdateModelValue:n,mode:r,mandatory:a,orientation:o,loop:c,enableTabNavigation:l,orderedValues:u,isValueDisabled:d,focusMode:f,onBeforeFocusItem:p,onFocusGroup:m,compareValues:h})=>{let g=(e,t)=>h?h(e,t):Object.is(e,t),_=(0,e.computed)(()=>(0,e.toValue)(r)??`single`),v=(0,e.computed)(()=>(0,e.toValue)(a)??!1),y=(0,e.computed)(()=>(0,e.toValue)(o)??`horizontal`),b=(0,e.computed)(()=>(0,e.toValue)(c)??!0),x=(0,e.computed)(()=>(0,e.toValue)(l)??!1),S=(0,e.computed)(()=>(0,e.toValue)(f)??`dom`),C=(0,e.computed)(()=>S.value===`activedescendant`),w=(0,e.computed)(()=>{let n=(0,e.toValue)(t);return n==null?[]:Array.isArray(n)?n:[n]}),T=(0,e.shallowReactive)([]),E=(0,e.ref)(void 0),D=e=>w.value.some(t=>g(t,e)),O=t=>!!(0,e.toValue)(t.disabled),k=e=>{n&&n(e)},A=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){if(D(e))return;k(e),t&&(E.value=e);return}D(e)||k([...w.value,e])}},j=(e,t)=>{if(D(e)){if(v.value)return;k(void 0);return}k(e),t&&(E.value=e)},M=e=>{if(D(e)){let t=w.value.filter(t=>!g(t,e));if(v.value&&t.length===0)return;k(t);return}k([...w.value,e])},N=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){j(e,t);return}M(e)}},P=()=>{let e=_.value;if(e!==`none`){if(e===`single`){if(v.value)return;k(void 0);return}v.value||k([])}},F=()=>T.filter(e=>!O(e)),I=(0,e.computed)(()=>{let t=(0,e.toValue)(u);return!t||t.length===0?null:t}),L=(0,e.computed)(()=>{let e=I.value;if(!e)return null;let t=new Map;for(let n=0;n<e.length;n+=1){let r=e[n];r!==void 0&&t.set(r,n)}return t}),R=t=>T.find(n=>g((0,e.toValue)(n.value),t)),z=e=>{if(d)return d(e);let t=R(e);return t?O(t):!1},B=t=>{let n=L.value;return n?n.get(t)??-1:F().findIndex(n=>g((0,e.toValue)(n.value),t))},V=()=>{let e=I.value;return e?e.length:F().length},H=t=>{let n=I.value;if(n)return n[t];let r=F()[t];if(r)return(0,e.toValue)(r.value)},U=(e,t,n)=>{let r=e;for(;r>=0&&r<n;){let e=H(r);if(e!==void 0&&!z(e))return e;r+=t}},W=(e,t,n=!0)=>{let r=V();if(r===0)return;let i=B(e),a=U((i===-1?t===1?-1:r:i)+t,t,r);if(a!==void 0)return a;if(n)return U(t===1?0:r-1,t,r)},G=e=>{let t=V();if(t!==0)return e===`start`?U(0,1,t):U(t-1,-1,t)},K=()=>{let t=F();if(t.length===0)return;let n=L.value;if(!n){let n=t[0];return n?(0,e.toValue)(n.value):void 0}let r,i=1/0;for(let a of t){let t=(0,e.toValue)(a.value),o=n.get(t);o!==void 0&&o<i&&(i=o,r=t)}return r},q=e=>{if(C.value)return-1;let t=E.value;if(t!==void 0)return g(t,e)?0:-1;for(let t of w.value)if(g(t,e))return 0;let n=K();return n&&g(n,e)?0:-1},J=()=>!C.value||V()===0?-1:0,Y=t=>{let n=R(t);return n?s((0,e.toValue)(n.el)):null},X=async(t,n=!0)=>{if(E.value=t,p&&await p(t),C.value)m&&m();else{let n=Y(t);n||=(await(0,e.nextTick)(),Y(t)),n&&n.focus({preventScroll:!0})}n&&_.value===`single`&&A(t)},Z=async(e,t,n=!0,r=!0)=>{let i=W(e,t,r&&b.value);if(!i){if(B(e)===-1){let e=G(t===1?`start`:`end`);e&&await X(e,n)}return}await X(i,n)},Q=async(e,t)=>{if(B(t)===-1)return;let n=W(t,e.shiftKey?-1:1,!1);n&&(e.preventDefault(),await X(n,!1))},$=async e=>{let t=G(e);t&&await X(t,!1)};return{selectedValues:w,isSelected:D,select:A,toggle:N,clear:P,registerItem:t=>{let n={value:t.value,el:t.el,disabled:t.disabled};T.push(n);let r=()=>{let t=T.indexOf(n);t!==-1&&T.splice(t,1);let r=E.value;r!==void 0&&g((0,e.toValue)(n.value),r)&&(E.value=void 0)};return(0,e.onScopeDispose)(r,!0),r},getItemTabIndex:q,getGroupTabIndex:J,handleItemKeydown:async(e,t)=>{if(x.value&&e.key===`Tab`){await Q(e,t);return}let n=y.value===`horizontal`,r={[n?`ArrowRight`:`ArrowDown`]:()=>Z(t,1,!1),[n?`ArrowLeft`:`ArrowUp`]:()=>Z(t,-1,!1),Home:()=>$(`start`),End:()=>$(`end`)}[e.key];if(r){e.preventDefault(),await r();return}i.includes(e.key)&&(e.preventDefault(),N(t))},focusItem:X,focusedValue:E}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
1
+ let e=require("vue");var t=function(e){return e.SINGLE=`single`,e.MULTIPLE=`multiple`,e.NONE=`none`,e}({}),n=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),r=function(e){return e.DOM=`dom`,e.ACTIVE_DESCENDANT=`activedescendant`,e}({}),i=[`Enter`,` `,`Spacebar`],a=(e,t,n)=>e===void 0?t===void 0?n:t:e,o=e=>e!=null&&!Array.isArray(e),s=e=>{if(!e)return null;if(e instanceof HTMLElement)return e;let t=e.$el;return t instanceof HTMLElement?t:null},c=({modelValue:t,onUpdateModelValue:n,mode:r,mandatory:a,orientation:o,loop:c,enableTabNavigation:l,orderedValues:u,isValueDisabled:d,focusMode:f,onBeforeFocusItem:p,onFocusGroup:m,compareValues:h})=>{let g=(e,t)=>h?h(e,t):Object.is(e,t),_=(0,e.computed)(()=>(0,e.toValue)(r)??`single`),v=(0,e.computed)(()=>(0,e.toValue)(a)??!1),y=(0,e.computed)(()=>(0,e.toValue)(o)??`horizontal`),b=(0,e.computed)(()=>(0,e.toValue)(c)??!0),x=(0,e.computed)(()=>(0,e.toValue)(l)??!1),S=(0,e.computed)(()=>(0,e.toValue)(f)??`dom`),C=(0,e.computed)(()=>S.value===`activedescendant`),w=(0,e.computed)(()=>{let n=(0,e.toValue)(t);return n==null?[]:Array.isArray(n)?n:[n]}),T=(0,e.shallowReactive)([]),E=(0,e.ref)(void 0),D=e=>w.value.some(t=>g(t,e)),O=t=>!!(0,e.toValue)(t.disabled),k=e=>{n&&n(e)},A=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){if(D(e))return;k(e),t&&(E.value=e);return}D(e)||k([...w.value,e])}},j=(e,t)=>{if(D(e)){if(v.value)return;k(void 0);return}k(e),t&&(E.value=e)},M=e=>{if(D(e)){let t=w.value.filter(t=>!g(t,e));if(v.value&&t.length===0)return;k(t);return}k([...w.value,e])},N=(e,t=!0)=>{let n=_.value;if(n!==`none`){if(n===`single`){j(e,t);return}M(e)}},P=()=>{let e=_.value;if(e!==`none`){if(e===`single`){if(v.value)return;k(void 0);return}v.value||k([])}},F=()=>T.filter(e=>!O(e)),I=(0,e.computed)(()=>{let t=(0,e.toValue)(u);return!t||t.length===0?null:t}),L=(0,e.computed)(()=>{let e=I.value;if(!e)return null;let t=new Map;for(let n=0;n<e.length;n+=1){let r=e[n];r!==void 0&&t.set(r,n)}return t}),R=t=>T.find(n=>g((0,e.toValue)(n.value),t)),z=e=>{if(d)return d(e);let t=R(e);return t?O(t):!1},B=t=>{let n=L.value;return n?n.get(t)??-1:F().findIndex(n=>g((0,e.toValue)(n.value),t))},V=()=>{let e=I.value;return e?e.length:F().length},H=t=>{let n=I.value;if(n)return n[t];let r=F()[t];if(r)return(0,e.toValue)(r.value)},U=(e,t,n)=>{let r=e;for(;r>=0&&r<n;){let e=H(r);if(e!==void 0&&!z(e))return e;r+=t}},W=(e,t,n=!0)=>{let r=V();if(r===0)return;let i=B(e),a=U((i===-1?t===1?-1:r:i)+t,t,r);if(a!==void 0)return a;if(n)return U(t===1?0:r-1,t,r)},G=e=>{let t=V();if(t!==0)return e===`start`?U(0,1,t):U(t-1,-1,t)},K=()=>{let t=F();if(t.length===0)return;let n=L.value;if(!n){let n=t[0];return n?(0,e.toValue)(n.value):void 0}let r,i=1/0;for(let a of t){let t=(0,e.toValue)(a.value),o=n.get(t);o!==void 0&&o<i&&(i=o,r=t)}return r},q=e=>{if(C.value)return-1;let t=E.value;if(t!==void 0)return g(t,e)?0:-1;for(let t of w.value)if(g(t,e))return 0;let n=K();return n&&g(n,e)?0:-1},J=()=>!C.value||V()===0?-1:0,Y=t=>{let n=R(t);return n?s((0,e.toValue)(n.el)):null},X=async(t,n=!0)=>{if(E.value=t,p&&await p(t),C.value)m&&m();else{let n=Y(t);n||=(await(0,e.nextTick)(),Y(t)),n&&n.focus({preventScroll:!0})}n&&_.value===`single`&&A(t)},Z=async(e,t,n=!0,r=!0)=>{let i=W(e,t,r&&b.value);if(!i){if(B(e)===-1){let e=G(t===1?`start`:`end`);e&&await X(e,n)}return}await X(i,n)},Q=async(e,t)=>{if(B(t)===-1)return;let n=W(t,e.shiftKey?-1:1,!1);n&&(e.preventDefault(),await X(n,!1))},$=async e=>{let t=G(e);t&&await X(t,!1)};return{selectedValues:w,isSelected:D,select:A,toggle:N,clear:P,registerItem:t=>{let n={value:t.value,el:t.el,disabled:t.disabled};T.push(n);let r=()=>{let t=T.indexOf(n);t!==-1&&T.splice(t,1);let r=E.value;r!==void 0&&g((0,e.toValue)(n.value),r)&&(E.value=void 0)};return(0,e.onScopeDispose)(r,!0),r},getItemTabIndex:q,getGroupTabIndex:J,handleItemKeydown:async(e,t)=>{if(x.value&&e.key===`Tab`){await Q(e,t);return}let n=y.value===`horizontal`,r={[n?`ArrowRight`:`ArrowDown`]:()=>Z(t,1,!1),[n?`ArrowLeft`:`ArrowUp`]:()=>Z(t,-1,!1),Home:()=>$(`start`),End:()=>$(`end`)}[e.key];if(r){e.preventDefault(),await r();return}if(i.includes(e.key)){if(e.preventDefault(),_.value===`none`){Y(t)?.click();return}N(t)}},focusItem:X,focusedValue:E}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shtabapp/ui-kit",
3
- "version": "1.60.0",
3
+ "version": "1.61.0",
4
4
  "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
5
5
  "keywords": [
6
6
  "shtab",
@@ -264,7 +264,7 @@
264
264
  "dependencies": {
265
265
  "chart.js": "^4.5.0",
266
266
  "vue-i18n": "^9.14.5",
267
- "@shtabapp/ui-kit-primitives": "^1.26.0",
267
+ "@shtabapp/ui-kit-primitives": "^1.27.0",
268
268
  "@shtabapp/ui-kit-tokens": "^1.19.0"
269
269
  },
270
270
  "devDependencies": {
@@ -1 +0,0 @@
1
- const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-3IpjaE9h.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t)=>{if(!t)return!1;let n=e[t];return typeof n==`boolean`?n:!1},l=`__s-ui-load-more:`,u=e=>`${l}${e}`,d=`__s-ui-list-divider__`,f=()=>Object.create(null),p=e=>e===void 0?new Set:typeof e==`string`?new Set([e]):new Set(e),m=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),m(e,t,n,r)})},h=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=h(s(i,r),t,n,r);if(e)return e}},g=(e,t,n,r,i,a,l,d)=>{e.forEach(e=>{let f=o(e,t);if(!f)return;let p=s(e,n),m=p.length>0,h=r.includes(f);l.push({key:f,item:e,depth:i,flatIndex:l.length,hasChildren:m,expanded:h,parentKey:a}),m&&h&&g(p,t,n,r,i+1,f,l,d),m&&h&&c(e,d)&&l.push({key:u(f),item:e,depth:i+1,flatIndex:l.length,hasChildren:!1,expanded:!1,parentKey:f,loadMoreForKey:f})})},_=(e,t,n,r)=>{let i=p(r);if(i.size===0)return;let a=[],c=[];for(let r of e){if(s(r,n).length>0)return;i.has(o(r,t))?a.push(r):c.push(r)}if(!(a.length===0||c.length===0))return{selectedItems:a,restItems:c}},v=({items:e,childrenKey:t,itemKey:r,expanded:i,hasMoreChildrenKey:a,selectedOnTop:o,selectedKeys:s})=>({flatRows:(0,n.computed)(()=>{let c=[],l=(0,n.toValue)(e),u=(0,n.toValue)(t),p=(0,n.toValue)(r),m=(0,n.toValue)(a),h=(0,n.toValue)(o)?_(l,p,u,(0,n.toValue)(s)):void 0;return h?(g(h.selectedItems,p,u,i.value,0,void 0,c,m),c.push({key:d,item:f(),depth:0,flatIndex:c.length,hasChildren:!1,expanded:!1,divider:!0}),g(h.restItems,p,u,i.value,0,void 0,c,m),c):(g(l,p,u,i.value,0,void 0,c,m),c)}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),c=(0,n.toValue)(r),l=new Set(i.value);if(l.has(a)){l.delete(a);let e=h(o,a,c,s);if(e){let t=new Set;m(e,c,s,t),t.forEach(e=>{l.delete(e)})}}else l.add(a);i.value=[...l]},isExpanded:e=>i.value.includes(e)}),y=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),b=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),x=b.TWO_X_SMALL,ee={[b.NONE]:`var(--s-ui-space-gap-none)`,[b.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[b.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[b.SMALL]:`var(--s-ui-space-gap-small)`,[b.MEDIUM]:`var(--s-ui-space-gap-medium)`,[b.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[b.LARGE]:`var(--s-ui-space-gap-large)`,[b.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[b.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},S={[b.NONE]:0,[b.TWO_X_SMALL]:2,[b.X_SMALL]:4,[b.SMALL]:8,[b.MEDIUM]:12,[b.X_MEDIUM]:16,[b.LARGE]:20,[b.X_LARGE]:24,[b.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,C=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},w=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},T=e=>e in r.ESIconName,E=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&T(n))return n},D=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,ne=e=>e.some(e=>e.hasChildren||e.parentKey),O=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},k=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,re=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?O(r,t,n):k(r,t):null},A=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ie=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return A(n,r+a,a,i.depth)},ae=[`role`,`aria-multiselectable`],oe=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],se=[`data-index`],ce={key:0,class:`s-ui-list__divider`,role:`separator`},le={key:0,class:`s-ui-list__divider`,role:`separator`},j={key:2,class:`s-ui-list__static`},M=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>x},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`,`loadMoreChildren`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(i,{expose:o,emit:s}){let c=(0,n.useModel)(i,`modelValue`),l=(0,n.useModel)(i,`selected`),u=(0,n.useModel)(i,`expanded`),d=s,f=(0,n.useSlots)(),p=(0,n.useId)(),m=(0,n.useTemplateRef)(`scrollElementRef`),h=(0,n.useTemplateRef)(`listRootElementRef`),g=(0,n.computed)(()=>S[i.gap]),_=(0,n.computed)(()=>i.items!==void 0),b=(0,n.computed)(()=>_.value?i.virtual===void 0?!0:i.virtual:!1),{flatRows:x,toggleExpanded:T}=v({items:()=>i.items??[],childrenKey:()=>i.childrenKey,itemKey:()=>i.itemKey,expanded:u,hasMoreChildrenKey:()=>i.hasMoreChildrenKey,selectedOnTop:()=>i.selectedOnTop,selectedKeys:()=>l.value}),{t:O}=(0,r.useUiKitI18n)(),k=(0,n.computed)(()=>new Set(i.loadingMoreChildrenKeys)),A=(0,n.computed)(()=>O(`list.loadMore`)),M=e=>e.loadMoreForKey?k.value.has(e.loadMoreForKey):!1,N=(e,t)=>{k.value.has(e)||d(`loadMoreChildren`,{key:e,item:t})},P=e=>{e.loadMoreForKey&&N(e.loadMoreForKey,e.item)},F=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:M(e),loadMore:()=>{P(e)}}),I=(0,a.useVirtualizer)((0,n.computed)(()=>({count:x.value.length,getScrollElement:()=>m.value,estimateSize:()=>i.estimateItemSize,gap:g.value,overscan:i.overscan}))),L=(0,n.computed)(()=>{if(_.value)return x.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),R=(0,n.computed)(()=>{let e=new Set;for(let t of x.value)!t.loadMoreForKey&&w(t.item,i.disabledKey)&&e.add(t.key);return e}),z=async e=>{if(!b.value)return;let t=x.value.findIndex(t=>t.key===e);t!==-1&&(I.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},B=e=>te(p,e),V=e.o({modelValue:()=>l.value,onUpdateModelValue:e=>{l.value=e},mode:()=>i.selectionMode,mandatory:()=>i.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>b.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:L,isValueDisabled:e=>R.value.has(e),onBeforeFocusItem:async e=>{await z(e)},onFocusGroup:()=>{m.value?.focus()}}),H=(0,n.computed)(()=>_.value&&ne(x.value)),U=()=>{if(b.value){m.value?.focus();return}h.value?.focus()},W=()=>{V.focusedValue.value=void 0,c.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==m.value&&e.blur(),U()},G=async e=>{b.value&&await z(e)},ue=async e=>{if(W(),e.type===`expand`||e.type===`collapse`){T(e.rowKey),V.select(e.rowKey,!1),await G(e.rowKey);return}V.select(e.rowKey,!1),await G(e.rowKey)},de=async(e,t)=>{if(!H.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=D(t,l.value),r=ie(e.key,n,x.value);return r?(e.preventDefault(),W(),V.select(r,!1),await G(r),!0):!1},fe=async(e,t)=>{if(!H.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=D(t,l.value),r=re(e.key,n,x.value);return r?(e.preventDefault(),await ue(r),!0):!1},K=()=>{if(c.value)return c.value;let e=D(``,l.value);if(e)return e;let t=L.value;if(t){for(let e of t)if(!R.value.has(e))return e}},q=()=>K(),pe=async e=>{let t=q();t&&await J(e,t)},me=[`Enter`,` `,`Spacebar`],he=(e,t)=>{if(!me.includes(e.key))return!1;let n=x.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),N(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{he(e,t)||await de(e,t)||await fe(e,t)||(await V.handleItemKeydown(e,t),c.value=V.focusedValue.value,!V.focusedValue.value&&!b.value&&U())},ge=async e=>{let t=K();t&&await J(e,t)},_e=async e=>{if(b.value||e.target!==h.value)return;let t=K();t&&await J(e,t)},ve=async()=>{let e=K();if(!e){U();return}await V.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>i.selectionMode,isSelected:V.isSelected,selectItem:V.toggle,registerItem:V.registerItem,getItemTabIndex:V.getItemTabIndex,getGroupTabIndex:V.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>c.value,setActiveKey:e=>{c.value=e},isExpanded:e=>u.value.includes(e),toggleExpanded:e=>{if(_.value){T(e);return}let t=new Set(u.value);t.has(e)?t.delete(e):t.add(e),u.value=[...t]},revealRight:()=>i.revealRight,expandOnClick:()=>i.expandOnClick,getItemOptionId:e=>{if(b.value)return B(e)},usesActiveDescendantNavigation:()=>b.value,handlesTreeKeyboardNavigation:()=>_.value});let ye=(0,n.computed)(()=>I.value.getVirtualItems()),be=(0,n.computed)(()=>ye.value.flatMap(e=>{let t=x.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),xe=(0,n.computed)(()=>I.value.getTotalSize()),Se=(0,n.computed)(()=>({height:`${xe.value}px`,position:`relative`,width:`100%`})),Y=(0,n.computed)(()=>{let e={};return typeof i.height==`number`?e.height=`${i.height}px`:i.height&&(e.height=i.height),i.maxHeight&&(typeof i.maxHeight==`number`?e.maxHeight=`${i.maxHeight}px`:e.maxHeight=i.maxHeight),e}),Ce=(0,n.computed)(()=>({"s-ui-list--virtual":b.value,"s-ui-list--static":!b.value})),we=(0,n.computed)(()=>({"--s-ui-list-gap":ee[i.gap]})),X=(0,n.computed)(()=>({"s-ui-list__scroll--flat":_.value&&!b.value})),Z=(0,n.computed)(()=>{if(i.selectionMode===e.n.MULTIPLE)return!0}),Te=(0,n.computed)(()=>{if(!b.value)return`listbox`}),Ee=(0,n.computed)(()=>{if(!b.value)return Z.value}),De=(0,n.computed)(()=>{if(b.value)return V.getGroupTabIndex()}),Oe=(0,n.computed)(()=>c.value?c.value:D(``,l.value)),ke=(0,n.computed)(()=>{if(!b.value)return;let e=Oe.value;if(e)return B(e)});y(()=>m.value,{distance:()=>i.endReachedDistance,canLoadMore:()=>i.canLoadMore?i.canLoadMore():!0,onEndReached:()=>{d(`endReached`,{direction:`bottom`})}});let Ae=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),je=e=>{e instanceof HTMLElement&&I.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:V.isSelected(e.key),active:c.value===e.key,disabled:w(t,i.disabledKey),title:C(t,i.titleKey),subtitle:C(t,i.subtitleKey),iconLeft:E(t,i.iconLeftKey),revealRight:i.revealRight};return i.itemProps?{...n,...i.itemProps(t,e)}:n},$=e=>({...e,revealRight:i.revealRight,toggleExpanded:()=>{T(e.key)}});return o({focusNavigation:ve,handleKeyboardNavigation:ge}),(e,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:h,class:(0,n.normalizeClass)([`s-ui-list`,Ce.value]),style:(0,n.normalizeStyle)(we.value),role:Te.value,"aria-multiselectable":Ee.value,tabindex:`-1`,onKeydown:_e},[_.value&&b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":ke.value,tabindex:De.value,onKeydown:pe},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(Se.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(be.value,i=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:i.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":i.virtualRow.index,ref_for:!0,ref:je,style:(0,n.normalizeStyle)(Ae(i.virtualRow))},[i.flatRow.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ce)):i.flatRow.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},F(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.flatRow.key,depth:i.flatRow.depth,tiny:``,title:A.value,onClick:e=>P(i.flatRow)},(0,n.createSlots)({_:2},[M(i.flatRow)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i.flatRow)),(0,n.createSlots)({_:2},[(0,n.unref)(f).itemIconLeft?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemIconLeft`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`0`}:void 0,(0,n.unref)(f).itemTitle?{name:`title`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemTitle`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`1`}:void 0,(0,n.unref)(f).itemSubtitle?{name:`subtitle`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemSubtitle`,(0,n.mergeProps)({ref_for:!0},$(i.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,se))),128))],4)],46,oe)):_.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(x),i=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:i.key},[i.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,le)):i.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},F(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.key,depth:i.depth,tiny:``,title:A.value,onClick:e=>P(i)},(0,n.createSlots)({_:2},[M(i)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i)),(0,n.createSlots)({_:2},[(0,n.unref)(f).itemIconLeft?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemIconLeft`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`0`}:void 0,(0,n.unref)(f).itemTitle?{name:`title`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemTitle`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`1`}:void 0,(0,n.unref)(f).itemSubtitle?{name:`subtitle`,fn:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`itemSubtitle`,(0,n.mergeProps)({ref_for:!0},$(i)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,j,[(0,n.renderSlot)(e.$slots,`default`)]))],46,ae))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
@@ -1,58 +0,0 @@
1
- import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, useModel as u, useSlots as d, vModelCheckbox as f, withDirectives as p } from "vue";
2
- //#region src/components/SToggle/SToggle.types.ts
3
- var m = /* @__PURE__ */ function(e) {
4
- return e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e;
5
- }({}), h = /* @__PURE__ */ function(e) {
6
- return e.LEFT = "left", e.RIGHT = "right", e;
7
- }({}), g = ["disabled", "name"], _ = {
8
- key: 0,
9
- class: "s-ui-toggle__content"
10
- }, v = {
11
- key: 0,
12
- class: "s-ui-toggle__label s-ui-typography-label-14-medium"
13
- }, y = {
14
- key: 1,
15
- class: "s-ui-toggle__description s-ui-typography-body-12-regular"
16
- }, b = /* @__PURE__ */ i({
17
- __name: "SToggle",
18
- props: /*@__PURE__*/ a({
19
- disabled: {
20
- type: Boolean,
21
- default: !1
22
- },
23
- labelPlacement: { default: () => h.RIGHT },
24
- name: {},
25
- size: { default: () => m.LARGE }
26
- }, {
27
- modelValue: {
28
- type: Boolean,
29
- default: !1
30
- },
31
- modelModifiers: {}
32
- }),
33
- emits: /*@__PURE__*/ a(["change"], ["update:modelValue"]),
34
- setup(i, { emit: a }) {
35
- let m = u(i, "modelValue"), b = a, x = d(), S = e(() => [`s-ui-toggle--size-${i.size}`, {
36
- "s-ui-toggle--checked": m.value,
37
- "s-ui-toggle--disabled": i.disabled,
38
- "s-ui-toggle--label-left": i.labelPlacement === h.LEFT
39
- }]), C = (e) => {
40
- e.target instanceof HTMLInputElement && b("change", e.target.checked);
41
- };
42
- return (e, a) => (s(), n("label", { class: o(["s-ui-toggle", [S.value, { "s-ui-toggle--control-only": !l(x).default && !l(x).description }]]) }, [
43
- p(r("input", {
44
- "onUpdate:modelValue": a[0] ||= (e) => m.value = e,
45
- type: "checkbox",
46
- role: "switch",
47
- class: "s-ui-toggle__input",
48
- disabled: i.disabled,
49
- name: i.name,
50
- onChange: C
51
- }, null, 40, g), [[f, m.value]]),
52
- a[1] ||= r("span", { class: "s-ui-toggle__track" }, [r("span", { class: "s-ui-toggle__thumb-shell" }, [r("span", { class: "s-ui-toggle__thumb" })])], -1),
53
- l(x).default || l(x).description ? (s(), n("span", _, [l(x).default ? (s(), n("span", v, [c(e.$slots, "default")])) : t("", !0), l(x).description ? (s(), n("span", y, [c(e.$slots, "description")])) : t("", !0)])) : t("", !0)
54
- ], 2));
55
- }
56
- });
57
- //#endregion
58
- export { h as n, m as r, b as t };
@@ -1 +0,0 @@
1
- let e=require("vue");var t=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),n=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=[`disabled`,`name`],i={key:0,class:`s-ui-toggle__content`},a={key:0,class:`s-ui-toggle__label s-ui-typography-label-14-medium`},o={key:1,class:`s-ui-toggle__description s-ui-typography-body-12-regular`},s=(0,e.defineComponent)({__name:`SToggle`,props:(0,e.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>n.RIGHT},name:{},size:{default:()=>t.LARGE}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(t,{emit:s}){let c=(0,e.useModel)(t,`modelValue`),l=s,u=(0,e.useSlots)(),d=(0,e.computed)(()=>[`s-ui-toggle--size-${t.size}`,{"s-ui-toggle--checked":c.value,"s-ui-toggle--disabled":t.disabled,"s-ui-toggle--label-left":t.labelPlacement===n.LEFT}]),f=e=>{e.target instanceof HTMLInputElement&&l(`change`,e.target.checked)};return(n,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-toggle`,[d.value,{"s-ui-toggle--control-only":!(0,e.unref)(u).default&&!(0,e.unref)(u).description}]])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":s[0]||=e=>c.value=e,type:`checkbox`,role:`switch`,class:`s-ui-toggle__input`,disabled:t.disabled,name:t.name,onChange:f},null,40,r),[[e.vModelCheckbox,c.value]]),s[1]||=(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__track`},[(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__thumb-shell`},[(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__thumb`})])],-1),(0,e.unref)(u).default||(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.unref)(u).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(n.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(n.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});