@shtabapp/ui-kit 1.80.0 → 1.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.80.0",
+  "version": "1.82.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -279,8 +279,8 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-primitives": "^1.36.0",
-    "@shtabapp/ui-kit-tokens": "^1.23.0"
+    "@shtabapp/ui-kit-tokens": "^1.24.0",
+    "@shtabapp/ui-kit-primitives": "^1.37.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",

package/dist/SListItem-B7RIawMl.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-B3o80WMR.cjs"),t=require("./useSelectLink-DZIAhQ2J.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=Symbol(`sListInjectionKey`),a=function(e){return e.NEUTRAL=`neutral`,e.SECONDARY=`secondary`,e.MAIN=`main`,e.ERROR=`error`,e.BILLING=`billing`,e}({}),o=function(e){return e.OPTION=`option`,e.TREEITEM=`treeitem`,e.MENUITEM=`menuitem`,e.MENUITEMCHECKBOX=`menuitemcheckbox`,e.MENUITEMRADIO=`menuitemradio`,e.BUTTON=`button`,e.LINK=`link`,e.NONE=`none`,e}({}),s=new Set([o.OPTION,o.TREEITEM]),c=new Set([o.MENUITEMCHECKBOX,o.MENUITEMRADIO]),l=new Set([o.TREEITEM,o.MENUITEM,o.BUTTON,o.LINK]),u=({role:e,selected:t})=>({"aria-selected":s.has(e)&&t?!0:void 0,"aria-checked":c.has(e)?t:void 0}),d=({role:e,expandable:t,expanded:n,loading:r,depth:i})=>({"aria-expanded":l.has(e)&&t&&!r?n:void 0,"aria-level":e===o.TREEITEM?i+1:void 0}),f=({disabled:e,readonly:t,loading:n})=>({"aria-disabled":e||t||n?!0:void 0,"aria-busy":n?!0:void 0}),p=e=>e.role===o.NONE?{role:e.role}:{role:e.role,...u(e),...d(e),...f(e)},m=[`id`,`tabindex`],h={key:0,class:`s-ui-list-item__level`},g={class:`s-ui-list-item__body`},_={key:0,class:`s-ui-list-item__icon-left`},v={class:`s-ui-list-item__text`},y={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},b={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},x={key:1,class:`s-ui-list-item__title-action`},S={key:1,class:`s-ui-list-item__actions`},C={class:`s-ui-list-item__actions-reveal`},w={class:`s-ui-list-item__actions-inner`},T={key:0,class:`s-ui-list-item__trailing`},E={key:1,class:`s-ui-list-item__action-end`},D=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,O=16,k=`a, button, input, select, textarea, [role="button"], [role="link"], [contenteditable="true"]`,A=(0,n.defineComponent)({__name:`SListItem`,props:{depth:{default:0},hasLevel:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>a.NEUTRAL},tiny:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},flush:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},title:{},subtitle:{},iconLeft:{},iconLeftSize:{},rowKey:{},revealRight:{type:Boolean},expandOnClick:{type:Boolean},role:{}},emits:[`click`,`toggleExpand`,`keydown`],setup(s,{expose:c,emit:l}){let u=l,d=(0,n.computed)(()=>({disabled:s.disabled,readonly:s.readonly})),f=(0,n.useSlots)(),A=(0,n.useTemplateRef)(`listItemElementRef`),j=(0,n.inject)(i,null),{t:M}=(0,r.useUiKitI18n)(),N=t.n({group:()=>j,value:()=>s.rowKey,el:()=>A.value,disabled:()=>s.disabled||s.loading,interactive:()=>!s.readonly&&!s.loading}),P=(0,n.computed)(()=>s.variant===a.BILLING&&!s.disabled),F=[`Enter`,` `,`Spacebar`],I=(0,n.computed)(()=>j&&s.rowKey?j.isExpanded(s.rowKey):s.expanded),L=(0,n.computed)(()=>I.value?M(`listItem.collapse`):M(`listItem.expand`)),R=(0,n.computed)(()=>N.isInGroup.value?N.isActive.value:s.selected),ee=(0,n.computed)(()=>j&&s.rowKey?j.activeKey()===s.rowKey:s.active),z=(0,n.computed)(()=>s.revealRight?!0:j?j.revealRight():!1),B=(0,n.computed)(()=>s.expandOnClick?!0:j?j.expandOnClick():!1),V=(0,n.computed)(()=>{if(!(!j||!s.rowKey))return j.getItemOptionId(s.rowKey)}),H=(0,n.shallowRef)(!1);(0,n.onMounted)(()=>{H.value=!!A.value?.parentElement?.closest(`[role="menu"]`)});let U=(0,n.computed)(()=>s.role?s.role:j?j.itemRole():H.value?o.MENUITEM:o.BUTTON),W=(0,n.computed)(()=>p({role:U.value,selected:R.value,expandable:s.expandable,expanded:I.value,disabled:s.disabled,readonly:s.readonly,loading:s.loading,depth:s.depth})),G=(0,n.computed)(()=>{if(j?.usesActiveDescendantNavigation())return-1;if(!(s.disabled||s.readonly||s.loading||U.value===o.NONE))return N.tabIndex.value===void 0?0:N.tabIndex.value}),K=(0,n.computed)(()=>({"--s-ui-list-item-depth":String(s.depth),"--s-ui-list-item-icon-size":s.iconLeftSize===void 0?void 0:`${s.iconLeftSize}px`})),q=(0,n.computed)(()=>[`s-ui-list-item--variant-${s.variant}`,{"s-ui-list-item--tiny":s.tiny,"s-ui-list-item--compact":s.compact,"s-ui-list-item--flush":s.flush,"s-ui-list-item--selected":R.value,"s-ui-list-item--active":ee.value,"s-ui-list-item--disabled":s.disabled,"s-ui-list-item--readonly":s.readonly,"s-ui-list-item--loading":s.loading,"s-ui-list-item--expandable":s.expandable,"s-ui-list-item--reveal-right":z.value}]),J=()=>{if(j&&s.rowKey){j.toggleExpanded(s.rowKey);return}u(`toggleExpand`)},Y=()=>{s.disabled||s.readonly||s.loading||J()},X=e=>e.target instanceof Element&&!!e.target.closest(D)&&!!e.target.closest(k),Z=e=>{s.disabled||s.readonly||s.loading||X(e)||(s.expandable&&B.value&&(j&&s.rowKey?j.toggleExpanded(s.rowKey):u(`toggleExpand`)),j&&s.rowKey&&j.setActiveKey(s.rowKey),N.isInGroup.value&&N.handleClick(),u(`click`,e))},Q=e=>!s.expandable||j?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===I.value?!1:(e.preventDefault(),J(),!0),$=e=>j||N.isInGroup.value||!F.includes(e.key)||e.target!==A.value?!1:(e.preventDefault(),A.value?.click(),!0),te=e=>{s.disabled||s.readonly||s.loading||(!Q(e)&&!$(e)&&N.isInGroup.value&&N.handleKeydown(e),u(`keydown`,e))};return c({listItemElementRef:A}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({ref_key:`listItemElementRef`,ref:A,id:V.value,class:[`s-ui-list-item`,q.value],style:K.value,tabindex:G.value},W.value,{onClick:Z,onKeydown:te}),[s.loading?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SSkeleton),{key:0,type:(0,n.unref)(r.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[s.expandable||s.depth||s.hasLevel||(0,n.unref)(f).level?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,h,[(0,n.renderSlot)(t.$slots,`level`,{},()=>[s.expandable?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,class:(0,n.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":I.value}]),appearance:(0,n.unref)(e.n).BARE,variant:(0,n.unref)(e.i).NEUTRAL,size:(0,n.unref)(e.r).SMALL,icon:`chevronMiniRight`,disabled:s.disabled||s.readonly,tabindex:-1,"aria-label":L.value,onClick:(0,n.withModifiers)(Y,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,g,[s.iconLeft||(0,n.unref)(f)[`icon-left`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[(0,n.renderSlot)(t.$slots,`icon-left`,{},()=>[s.iconLeft?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SIcon),{key:0,name:s.iconLeft,size:s.iconLeftSize??O,billing:P.value},null,8,[`name`,`size`,`billing`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,v,[s.title||(0,n.unref)(f).title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,y,[(0,n.renderSlot)(t.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.title),1)])])):(0,n.createCommentVNode)(``,!0),s.subtitle||(0,n.unref)(f).subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,b,[(0,n.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(f)[`title-action`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(0,n.renderSlot)(t.$slots,`title-action`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)]),(0,n.unref)(f).trailing||(0,n.unref)(f).right||(0,n.unref)(f)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,S,[(0,n.createElementVNode)(`div`,C,[(0,n.createElementVNode)(`div`,w,[(0,n.unref)(f).trailing?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,T,[(0,n.renderSlot)(t.$slots,`trailing`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`right`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value))),(0,n.unref)(f)[`action-end`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.renderSlot)(t.$slots,`action-end`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)],64))],16,m))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});