@shtabapp/ui-kit 1.34.0 → 1.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{SAvatar-C2gekygl.cjs → SAvatar-D5SreJLe.cjs} +1 -1
- package/dist/{SAvatar-DAfDAqrP.js → SAvatar-q1HSZPqy.js} +1 -1
- package/dist/{SAvatarGroup-HvIlI5y0.js → SAvatarGroup-By-5Ub6i.js} +1 -1
- package/dist/{SAvatarGroup-76j-sHCe.cjs → SAvatarGroup-CdVjv8sb.cjs} +1 -1
- package/dist/SColorPalette-CqfVzhda.cjs +1 -0
- package/dist/SColorPalette-D2WCADDX.js +146 -0
- package/dist/SColorPicker-BcRHiLjI.cjs +1 -0
- package/dist/{SColorPicker-Cs0QmYWm.js → SColorPicker-BnfGvKy4.js} +215 -208
- package/dist/SInput-C07kFnj_.cjs +1 -0
- package/dist/{SInput-iNlzBX5m.js → SInput-CkanJfLx.js} +45 -44
- package/dist/{SList-C_S9ej45.js → SList-B40rJ-PZ.js} +1 -1
- package/dist/{SList-CU2Sy9Md.cjs → SList-Txr46zQ5.cjs} +1 -1
- package/dist/SListItem-BKP5Wk1F.cjs +1 -0
- package/dist/{SListItem-BD7wvCNe.js → SListItem-DKrpL2SS.js} +56 -56
- package/dist/SSelect-BPYtkzaw.cjs +1 -0
- package/dist/{SSelect-AcH04gtk.js → SSelect-XSZjYLBA.js} +221 -219
- package/dist/STab-BbzowB-Y.cjs +1 -0
- package/dist/STab-DY1TGadw.js +218 -0
- package/dist/{STabs-Ce7tHq8T.js → STabs-CTM8Nji_.js} +1 -1
- package/dist/{STabs-C6QQnCZd.cjs → STabs-DeHqnjNJ.cjs} +1 -1
- package/dist/{STag-COwzellL.js → STag-CluIVRKi.js} +42 -39
- package/dist/STag-D1mmp1kd.cjs +1 -0
- package/dist/{STagGroup-CKxDA9Y0.cjs → STagGroup-BMIwBk-O.cjs} +1 -1
- package/dist/{STagGroup-Cbe0AENj.js → STagGroup-wSpc3guU.js} +1 -1
- package/dist/{colorValue-DXJiNKGE.js → colorValue-CSh0chxp.js} +1 -1
- package/dist/{colorValue-DClAEDHr.cjs → colorValue-Dda7fKd3.cjs} +1 -1
- package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts +1 -1
- package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts.map +1 -1
- package/dist/components/SColorPalette/SColorPalette.vue.d.ts.map +1 -1
- package/dist/components/SColorPicker/SColorPicker.vue.d.ts.map +1 -1
- package/dist/components/SColorPicker/parts/SColorArea.vue.d.ts.map +1 -1
- package/dist/components/SColorPicker/parts/SColorValues.vue.d.ts.map +1 -1
- package/dist/components/SInput/SInput.vue.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.types.d.ts +13 -1
- package/dist/components/SSelect/SSelect.types.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
- package/dist/components/SSelect/index.d.ts +1 -1
- package/dist/components/SSelect/index.d.ts.map +1 -1
- package/dist/components/STab/STab.vue.d.ts.map +1 -1
- package/dist/components/STag/STag.vue.d.ts.map +1 -1
- package/dist/contrastSurfaceTextColor-BDlLSSXC.js +33 -0
- package/dist/contrastSurfaceTextColor-BRjRzXyZ.cjs +1 -0
- package/dist/entries/avatar-group.cjs +1 -1
- package/dist/entries/avatar-group.js +1 -1
- package/dist/entries/avatar.cjs +1 -1
- package/dist/entries/avatar.js +1 -1
- package/dist/entries/color-palette.cjs +1 -1
- package/dist/entries/color-palette.js +2 -2
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +3 -3
- package/dist/entries/input.cjs +1 -1
- package/dist/entries/input.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.d.ts +1 -1
- package/dist/entries/select.d.ts.map +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/tab.cjs +1 -1
- package/dist/entries/tab.js +1 -1
- package/dist/entries/tabs.cjs +1 -1
- package/dist/entries/tabs.js +2 -2
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +2 -2
- package/dist/entries/tag.cjs +1 -1
- package/dist/entries/tag.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +16 -15
- package/dist/utils/color/contrastSurfaceTextColor.d.ts +1 -1
- package/dist/utils/color/contrastSurfaceTextColor.d.ts.map +1 -1
- package/package.json +5 -2
- package/dist/SColorPalette-B9WrqgRz.js +0 -146
- package/dist/SColorPalette-CYGnmIWP.cjs +0 -1
- package/dist/SColorPicker-D7QwVS2t.cjs +0 -1
- package/dist/SInput-DYS84eMS.cjs +0 -1
- package/dist/SListItem-BDkldLVt.cjs +0 -1
- package/dist/SSelect-CT3AMH-u.cjs +0 -1
- package/dist/STab-C8RXx0lW.cjs +0 -1
- package/dist/STab-DXGKWtFI.js +0 -218
- package/dist/STag-HgFvU1Iy.cjs +0 -1
- package/dist/contrastSurfaceTextColor-Dl641cZ_.js +0 -33
- package/dist/contrastSurfaceTextColor-Ybh-FZof.cjs +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-DYS84eMS.cjs"),a=require("./SList-CU2Sy9Md.cjs"),o=require("./SListItem-BDkldLVt.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),j=(0,s.computed)(()=>w.value.length>0),M=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},N=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=M((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),P=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=M(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),ne=(0,s.computed)(()=>P.value.join(`, `)),re=(0,s.computed)(()=>f.value?w.value.length===0:!N.value),F=(0,s.computed)(()=>v.value&&(u.value||f.value)),I=()=>{d.value=``};return(0,s.watch)(u,e=>{e||I()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{I()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:j,singleDisplayLabel:N,multipleDisplayLabels:P,multipleDisplayText:ne,showPlaceholder:re,showInputSearchField:F,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},ee=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],te={key:0,class:`s-ui-select__value`},j={key:1,class:`s-ui-select__placeholder`},M={key:1,class:`s-ui-select__placeholder`},N={key:2,class:`s-ui-select__value`},P={key:3,class:`s-ui-select__value-suffix`},ne=[`name`,`placeholder`,`disabled`,`readonly`],re=20,F=20,I=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,_=(0,s.useSlots)(),v=(0,s.useId)(),y=(0,s.useId)(),b=(0,s.useTemplateRef)(`triggerInputRef`),x=(0,s.ref)(``),S=(0,s.useTemplateRef)(`searchInputElementRef`),C=(0,s.useTemplateRef)(`panelSearchInputElementRef`),w=(0,s.useTemplateRef)(`listElementRef`),T=(0,s.ref)(),E=(0,s.ref)(!1),D=(0,s.ref)(!1),O=(0,s.computed)(()=>n.itemId??n.itemValue),I=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:O.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ie,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:ae,multipleDisplayLabels:oe,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:se,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:ce,removeSelectedValue:q,resolveValueFromListKey:le,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>I.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:E,searchQuery:m}),ue=(0,s.computed)(()=>!!_[`value-suffix`]),de=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ae.value})),Y=(0,s.computed)(()=>R.value.length>F),fe=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),pe=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),me=(0,s.computed)(()=>L.value.map(e=>J(e))),he=e=>me.value.includes(e),ge=()=>({tiny:!0}),_e=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:T.value,isOptionSelected:he(e.key)}),ve=e=>{let t=le(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},ye=(0,s.computed)(()=>n.id??v),be=(0,s.computed)(()=>y),xe=(0,s.computed)(()=>b.value?.fieldElementRef??null),Se=(0,s.computed)(()=>({labels:oe.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ce=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),we=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":E.value})),Te=()=>{if(G.value){C.value?.focus();return}S.value?.focus()},Ee=async()=>{await(0,s.nextTick)(),C.value?.focus()},De=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!E.value){if(E.value=!0,h(`open`),G.value){await Ee();return}if(W.value){await(0,s.nextTick)(),S.value?.focus();return}await De()}},Oe=async()=>{n.disabled||n.readonly||E.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(E.value||await X()))});let Z=()=>{E.value&&(E.value=!1,T.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!E.value||!e||e===t||Z()});let ke=e=>{E.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ae=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||E.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(E.value){Z();return}await X()},je=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){E.value||await X();return}await $()}},Me=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),E.value||await X(),await De(),await w.value?.handleKeyboardNavigation(e),!0),Ne=e=>{let t=le(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Pe=async e=>{if(!(n.disabled||n.readonly)&&!await Me(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),E.value&&T.value){Ne(T.value);return}await $()}}},Fe=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Me(e)},Ie=Fe,Le=e=>{n.disabled||(D.value||h(`focus`,e),D.value=!0)},Re=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(D.value=!1,h(`blur`,e))},ze=()=>{ce(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:Te}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,we.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:E.value,"onUpdate:modelValue":u[4]||=e=>E.value=e,reference:xe.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":be.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ke,onKeydown:Ae},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":u[2]||=e=>T.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":O.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ie),mandatory:!n.multiple,height:fe.value,"max-height":pe.value,virtual:Y.value,"item-props":ge},(0,s.createSlots)({_:2},[(0,s.unref)(_).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(_e(n))),(0,s.createSlots)({_:2},[he(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>ve(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],32)]),_:2},[(0,s.unref)(G)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:C,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Ie)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(_)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":u[7]||=e=>x.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:D.value||E.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:ye.value,onClear:ze,onFocus:Le,onBlur:Re},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:ye.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":E.value,"aria-controls":be.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(se)?`list`:void 0,tabindex:Ce.value,onClick:je,onKeydown:Pe},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Se.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,N,(0,s.toDisplayString)((0,s.unref)(ae)),1)),ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,P,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(de.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:Oe,onKeydown:Fe},null,40,ne)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,ee)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(_).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(_).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(_).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(_).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});
|
package/dist/STab-C8RXx0lW.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./useLink-1LLWpdDZ.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`STabs`),o=function(e){return e.PRIMARY=`primary`,e.SECONDARY=`secondary`,e}({}),s=function(e){return e.SMALL=`small`,e.LARGE=`large`,e}({}),ee={class:`s-ui-tab__content`},c={key:0,class:`s-ui-tab__icon-wrap`},l={class:`s-ui-tab__icon`},u={key:0,class:`s-ui-tab__icon-badge`,"aria-hidden":`true`},d={key:1,class:`s-ui-tab__label-wrap`},f={key:0,class:`s-ui-tab__caret`,"aria-hidden":`true`},p={key:3,class:`s-ui-tab__caret`,"aria-hidden":`true`},m=[`placeholder`,`disabled`],h={key:2,class:`s-ui-tab__right`},g=(0,r.defineComponent)({inheritAttrs:!1,__name:`STab`,props:(0,r.mergeModels)({appearance:{},size:{},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},icon:{},iconOnly:{type:Boolean,default:!1},billing:{type:Boolean,default:!1},placeholder:{type:Boolean,default:!1},placeholderText:{default:`Введите название`},editableStaticDisplay:{type:Boolean,default:!1},iconBadge:{},value:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`click`,`rename`],[`update:modelValue`]),setup(g,{expose:_,emit:v}){let y=(0,r.inject)(a,null),b=(0,r.useAttrs)(),x=(0,r.useSlots)(),S=(0,r.computed)(()=>e.a(g.appearance,y?(0,r.toValue)(y.appearance):void 0,o.PRIMARY)),C=(0,r.computed)(()=>e.a(g.size,y?(0,r.toValue)(y.size):void 0,s.LARGE)),w=(0,r.computed)(()=>g.disabled||!!(y&&(0,r.toValue)(y.disabled))),T=(0,r.useTemplateRef)(`tabRootRef`),E=t.n({group:()=>y,value:()=>g.value,el:T,disabled:w}),D=n.t(()=>g.link,()=>g.exact,()=>g.replace);t.t({isRouterLink:D.isRouterLink,isActive:D.isActive,group:()=>y,value:()=>g.value});let O=(0,r.computed)(()=>D.isRouterLink.value?D.isActive.value:E.isInGroup.value?E.isActive.value:g.selected),k=(0,r.useModel)(g,`modelValue`),A=v,j=(0,r.useTemplateRef)(`renameInputRef`),M=(0,r.ref)(!1),N=(0,r.ref)(``),P=D.linkPresentation,F=(0,r.computed)(()=>P.value.mode===`none`),I=(0,r.computed)(()=>{let e=P.value;return e.mode===`none`?`button`:e.rootTag}),L=(0,r.computed)(()=>n.n(P.value,{replace:g.replace})),R=(0,r.computed)(()=>{let e=E.tabIndex.value;return{...L.value,...e===void 0?{}:{tabindex:e},...b}}),z=(0,r.computed)(()=>C.value===s.LARGE?20:16),B=(0,r.computed)(()=>C.value===s.LARGE?`s-ui-typography-label-16-medium`:`s-ui-typography-label-14-medium`),V=(0,r.computed)(()=>!!(g.icon||x.icon)),H=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),U=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder),W=(0,r.computed)(()=>M.value?N.value:k.value),G=(0,r.computed)(()=>!x.default&&g.placeholder&&!k.value.length),K=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!k.value.length),q=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder&&k.value.length>0),J=(0,r.computed)(()=>g.iconOnly?!1:x.default||g.editableStaticDisplay||M.value||k.value.length>0||G.value),Y=(0,r.computed)(()=>g.iconOnly?!1:!!x.right),X=(0,r.computed)(()=>M.value||g.editableStaticDisplay),Z=(0,r.computed)(()=>g.placeholder&&!W.value.length&&(X.value||G.value)),Q=(0,r.computed)(()=>[`s-ui-tab--appearance-${S.value}`,`s-ui-tab--size-${C.value}`,{"s-ui-tab--selected":O.value,"s-ui-tab--disabled":w.value,"s-ui-tab--icon-only":g.iconOnly,"s-ui-tab--billing":g.billing,"s-ui-tab--editable":X.value,"s-ui-tab--editable-placeholder":Z.value,"s-ui-tab--editable-value":!g.placeholder&&X.value,"s-ui-tab--link":n.r(g.link)}]),$=()=>{let e=j.value;if(!e)return;e.focus();let t=N.value.length;e.setSelectionRange(t,t)},te=async()=>{w.value||g.editableStaticDisplay||g.iconOnly||(N.value=k.value,M.value=!0,await(0,r.nextTick)(),$())},ne=()=>{if(g.editableStaticDisplay||!M.value)return;let e=N.value;M.value=!1,k.value=e,A(`rename`,e)},re=()=>{g.editableStaticDisplay||!M.value||(M.value=!1)},ie=()=>{M.value&&re()},ae=e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),ne(),j.value?.blur())},oe=e=>{if(D.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),D.navigate();return}E.handleKeydown(e)},se=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}if(D.isRouterLink.value){A(`click`,e);return}E.handleClick(),A(`click`,e)};return _({edit:te}),(e,t)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(I.value),(0,r.mergeProps)({ref_key:`tabRootRef`,ref:T,class:[`s-ui-tab`,Q.value],type:F.value?`button`:void 0,role:`tab`,"aria-selected":!!O.value,"aria-disabled":w.value?!0:void 0,disabled:F.value&&w.value?!0:void 0},R.value,{onClick:se,onKeydown:oe}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,ee,[V.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.createElementVNode)(`span`,l,[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[g.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:g.icon,size:z.value,billing:g.billing},null,8,[`name`,`size`,`billing`])):(0,r.createCommentVNode)(``,!0)])]),g.iconBadge?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.createVNode)((0,r.unref)(i.SIcon),{class:`s-ui-tab__icon-badge-icon`,name:g.iconBadge},null,8,[`name`])])):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),J.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[g.editableStaticDisplay?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[H.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f)):(0,r.createCommentVNode)(``,!0),K.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:1,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(g.placeholderText),3)):(0,r.createCommentVNode)(``,!0),q.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},(0,r.toDisplayString)(k.value),3)):(0,r.createCommentVNode)(``,!0),U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p)):(0,r.createCommentVNode)(``,!0)],64)):M.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`input`,{key:1,ref_key:`renameInputRef`,ref:j,"onUpdate:modelValue":t[0]||=e=>N.value=e,class:(0,r.normalizeClass)([`s-ui-tab__input`,B.value]),type:`text`,placeholder:g.placeholder&&!W.value.length?g.placeholderText:void 0,disabled:w.value?!0:void 0,onBlur:ie,onClick:t[1]||=(0,r.withModifiers)(()=>{},[`stop`]),onKeydown:ae},null,42,m)),[[r.vModelText,N.value]]):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,B.value])},[(0,r.unref)(x).default?(0,r.renderSlot)(e.$slots,`default`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)((0,r.toDisplayString)(k.value||(g.placeholder?g.placeholderText:``)),1)],64))],2))])):(0,r.createCommentVNode)(``,!0),Y.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[(0,r.renderSlot)(e.$slots,`right`)])):(0,r.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`type`,`aria-selected`,`aria-disabled`,`disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
|
package/dist/STab-DXGKWtFI.js
DELETED
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
import { a as e } from "./useSelectionGroup-cKj38lEN.js";
|
|
2
|
-
import { n as t, t as ee } from "./useSelectLink-DClG5hGA.js";
|
|
3
|
-
import { n as te, r as ne, t as n } from "./useLink-Com5VhOk.js";
|
|
4
|
-
import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as re, createVNode as ie, defineComponent as l, inject as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as ae, toDisplayString as v, toValue as y, unref as b, useAttrs as oe, useModel as se, useSlots as ce, useTemplateRef as x, vModelText as le, withCtx as ue, withDirectives as de, withModifiers as S } from "vue";
|
|
5
|
-
import { SIcon as C } from "@shtabapp/ui-kit-primitives";
|
|
6
|
-
//#region src/components/STabs/utils/context.ts
|
|
7
|
-
var w = Symbol("STabs"), T = /* @__PURE__ */ function(e) {
|
|
8
|
-
return e.PRIMARY = "primary", e.SECONDARY = "secondary", e;
|
|
9
|
-
}({}), E = /* @__PURE__ */ function(e) {
|
|
10
|
-
return e.SMALL = "small", e.LARGE = "large", e;
|
|
11
|
-
}({}), fe = { class: "s-ui-tab__content" }, pe = {
|
|
12
|
-
key: 0,
|
|
13
|
-
class: "s-ui-tab__icon-wrap"
|
|
14
|
-
}, me = { class: "s-ui-tab__icon" }, he = {
|
|
15
|
-
key: 0,
|
|
16
|
-
class: "s-ui-tab__icon-badge",
|
|
17
|
-
"aria-hidden": "true"
|
|
18
|
-
}, ge = {
|
|
19
|
-
key: 1,
|
|
20
|
-
class: "s-ui-tab__label-wrap"
|
|
21
|
-
}, D = {
|
|
22
|
-
key: 0,
|
|
23
|
-
class: "s-ui-tab__caret",
|
|
24
|
-
"aria-hidden": "true"
|
|
25
|
-
}, O = {
|
|
26
|
-
key: 3,
|
|
27
|
-
class: "s-ui-tab__caret",
|
|
28
|
-
"aria-hidden": "true"
|
|
29
|
-
}, k = ["placeholder", "disabled"], A = {
|
|
30
|
-
key: 2,
|
|
31
|
-
class: "s-ui-tab__right"
|
|
32
|
-
}, j = /* @__PURE__ */ l({
|
|
33
|
-
inheritAttrs: !1,
|
|
34
|
-
__name: "STab",
|
|
35
|
-
props: /*@__PURE__*/ d({
|
|
36
|
-
appearance: {},
|
|
37
|
-
size: {},
|
|
38
|
-
disabled: {
|
|
39
|
-
type: Boolean,
|
|
40
|
-
default: !1
|
|
41
|
-
},
|
|
42
|
-
selected: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
default: !1
|
|
45
|
-
},
|
|
46
|
-
icon: {},
|
|
47
|
-
iconOnly: {
|
|
48
|
-
type: Boolean,
|
|
49
|
-
default: !1
|
|
50
|
-
},
|
|
51
|
-
billing: {
|
|
52
|
-
type: Boolean,
|
|
53
|
-
default: !1
|
|
54
|
-
},
|
|
55
|
-
placeholder: {
|
|
56
|
-
type: Boolean,
|
|
57
|
-
default: !1
|
|
58
|
-
},
|
|
59
|
-
placeholderText: { default: "Введите название" },
|
|
60
|
-
editableStaticDisplay: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: !1
|
|
63
|
-
},
|
|
64
|
-
iconBadge: {},
|
|
65
|
-
value: {},
|
|
66
|
-
link: {},
|
|
67
|
-
exact: {
|
|
68
|
-
type: Boolean,
|
|
69
|
-
default: !1
|
|
70
|
-
},
|
|
71
|
-
replace: {
|
|
72
|
-
type: Boolean,
|
|
73
|
-
default: !1
|
|
74
|
-
}
|
|
75
|
-
}, {
|
|
76
|
-
modelValue: { default: "" },
|
|
77
|
-
modelModifiers: {}
|
|
78
|
-
}),
|
|
79
|
-
emits: /*@__PURE__*/ d(["click", "rename"], ["update:modelValue"]),
|
|
80
|
-
setup(l, { expose: d, emit: j }) {
|
|
81
|
-
let M = u(w, null), N = oe(), P = ce(), F = i(() => e(l.appearance, M ? y(M.appearance) : void 0, T.PRIMARY)), I = i(() => e(l.size, M ? y(M.size) : void 0, E.LARGE)), L = i(() => l.disabled || !!(M && y(M.disabled))), R = x("tabRootRef"), z = t({
|
|
82
|
-
group: () => M,
|
|
83
|
-
value: () => l.value,
|
|
84
|
-
el: R,
|
|
85
|
-
disabled: L
|
|
86
|
-
}), B = n(() => l.link, () => l.exact, () => l.replace);
|
|
87
|
-
ee({
|
|
88
|
-
isRouterLink: B.isRouterLink,
|
|
89
|
-
isActive: B.isActive,
|
|
90
|
-
group: () => M,
|
|
91
|
-
value: () => l.value
|
|
92
|
-
});
|
|
93
|
-
let V = i(() => B.isRouterLink.value ? B.isActive.value : z.isInGroup.value ? z.isActive.value : l.selected), H = se(l, "modelValue"), U = j, W = x("renameInputRef"), G = g(!1), K = g(""), q = B.linkPresentation, J = i(() => q.value.mode === "none"), _e = i(() => {
|
|
94
|
-
let e = q.value;
|
|
95
|
-
return e.mode === "none" ? "button" : e.rootTag;
|
|
96
|
-
}), ve = i(() => te(q.value, { replace: l.replace })), ye = i(() => {
|
|
97
|
-
let e = z.tabIndex.value;
|
|
98
|
-
return {
|
|
99
|
-
...ve.value,
|
|
100
|
-
...e === void 0 ? {} : { tabindex: e },
|
|
101
|
-
...N
|
|
102
|
-
};
|
|
103
|
-
}), be = i(() => I.value === E.LARGE ? 20 : 16), Y = i(() => I.value === E.LARGE ? "s-ui-typography-label-16-medium" : "s-ui-typography-label-14-medium"), xe = i(() => !!(l.icon || P.icon)), Se = i(() => l.editableStaticDisplay && l.placeholder && !H.value.length), Ce = i(() => l.editableStaticDisplay && !l.placeholder), X = i(() => G.value ? K.value : H.value), Z = i(() => !P.default && l.placeholder && !H.value.length), we = i(() => l.editableStaticDisplay && l.placeholder && !H.value.length), Te = i(() => l.editableStaticDisplay && !l.placeholder && H.value.length > 0), Q = i(() => l.iconOnly ? !1 : P.default || l.editableStaticDisplay || G.value || H.value.length > 0 || Z.value), Ee = i(() => l.iconOnly ? !1 : !!P.right), $ = i(() => G.value || l.editableStaticDisplay), De = i(() => l.placeholder && !X.value.length && ($.value || Z.value)), Oe = i(() => [
|
|
104
|
-
`s-ui-tab--appearance-${F.value}`,
|
|
105
|
-
`s-ui-tab--size-${I.value}`,
|
|
106
|
-
{
|
|
107
|
-
"s-ui-tab--selected": V.value,
|
|
108
|
-
"s-ui-tab--disabled": L.value,
|
|
109
|
-
"s-ui-tab--icon-only": l.iconOnly,
|
|
110
|
-
"s-ui-tab--billing": l.billing,
|
|
111
|
-
"s-ui-tab--editable": $.value,
|
|
112
|
-
"s-ui-tab--editable-placeholder": De.value,
|
|
113
|
-
"s-ui-tab--editable-value": !l.placeholder && $.value,
|
|
114
|
-
"s-ui-tab--link": ne(l.link)
|
|
115
|
-
}
|
|
116
|
-
]), ke = () => {
|
|
117
|
-
let e = W.value;
|
|
118
|
-
if (!e) return;
|
|
119
|
-
e.focus();
|
|
120
|
-
let t = K.value.length;
|
|
121
|
-
e.setSelectionRange(t, t);
|
|
122
|
-
}, Ae = async () => {
|
|
123
|
-
L.value || l.editableStaticDisplay || l.iconOnly || (K.value = H.value, G.value = !0, await p(), ke());
|
|
124
|
-
}, je = () => {
|
|
125
|
-
if (l.editableStaticDisplay || !G.value) return;
|
|
126
|
-
let e = K.value;
|
|
127
|
-
G.value = !1, H.value = e, U("rename", e);
|
|
128
|
-
}, Me = () => {
|
|
129
|
-
l.editableStaticDisplay || !G.value || (G.value = !1);
|
|
130
|
-
}, Ne = () => {
|
|
131
|
-
G.value && Me();
|
|
132
|
-
}, Pe = (e) => {
|
|
133
|
-
e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), je(), W.value?.blur());
|
|
134
|
-
}, Fe = (e) => {
|
|
135
|
-
if (B.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
|
|
136
|
-
e.preventDefault(), B.navigate();
|
|
137
|
-
return;
|
|
138
|
-
}
|
|
139
|
-
z.handleKeydown(e);
|
|
140
|
-
}, Ie = (e) => {
|
|
141
|
-
if (L.value) {
|
|
142
|
-
e.preventDefault(), e.stopPropagation();
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
if (B.isRouterLink.value) {
|
|
146
|
-
U("click", e);
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
z.handleClick(), U("click", e);
|
|
150
|
-
};
|
|
151
|
-
return d({ edit: Ae }), (e, t) => (h(), a(ae(_e.value), f({
|
|
152
|
-
ref_key: "tabRootRef",
|
|
153
|
-
ref: R,
|
|
154
|
-
class: ["s-ui-tab", Oe.value],
|
|
155
|
-
type: J.value ? "button" : void 0,
|
|
156
|
-
role: "tab",
|
|
157
|
-
"aria-selected": !!V.value,
|
|
158
|
-
"aria-disabled": L.value ? !0 : void 0,
|
|
159
|
-
disabled: J.value && L.value ? !0 : void 0
|
|
160
|
-
}, ye.value, {
|
|
161
|
-
onClick: Ie,
|
|
162
|
-
onKeydown: Fe
|
|
163
|
-
}), {
|
|
164
|
-
default: ue(() => [c("span", fe, [
|
|
165
|
-
xe.value ? (h(), s("span", pe, [c("span", me, [_(e.$slots, "icon", {}, () => [l.icon ? (h(), a(b(C), {
|
|
166
|
-
key: 0,
|
|
167
|
-
name: l.icon,
|
|
168
|
-
size: be.value,
|
|
169
|
-
billing: l.billing
|
|
170
|
-
}, null, 8, [
|
|
171
|
-
"name",
|
|
172
|
-
"size",
|
|
173
|
-
"billing"
|
|
174
|
-
])) : o("", !0)])]), l.iconBadge ? (h(), s("span", he, [ie(b(C), {
|
|
175
|
-
class: "s-ui-tab__icon-badge-icon",
|
|
176
|
-
name: l.iconBadge
|
|
177
|
-
}, null, 8, ["name"])])) : o("", !0)])) : o("", !0),
|
|
178
|
-
Q.value ? (h(), s("span", ge, [l.editableStaticDisplay ? (h(), s(r, { key: 0 }, [
|
|
179
|
-
Se.value ? (h(), s("span", D)) : o("", !0),
|
|
180
|
-
we.value ? (h(), s("span", {
|
|
181
|
-
key: 1,
|
|
182
|
-
class: m(["s-ui-tab__label", Y.value])
|
|
183
|
-
}, v(l.placeholderText), 3)) : o("", !0),
|
|
184
|
-
Te.value ? (h(), s("span", {
|
|
185
|
-
key: 2,
|
|
186
|
-
class: m(["s-ui-tab__label", Y.value])
|
|
187
|
-
}, v(H.value), 3)) : o("", !0),
|
|
188
|
-
Ce.value ? (h(), s("span", O)) : o("", !0)
|
|
189
|
-
], 64)) : G.value ? de((h(), s("input", {
|
|
190
|
-
key: 1,
|
|
191
|
-
ref_key: "renameInputRef",
|
|
192
|
-
ref: W,
|
|
193
|
-
"onUpdate:modelValue": t[0] ||= (e) => K.value = e,
|
|
194
|
-
class: m(["s-ui-tab__input", Y.value]),
|
|
195
|
-
type: "text",
|
|
196
|
-
placeholder: l.placeholder && !X.value.length ? l.placeholderText : void 0,
|
|
197
|
-
disabled: L.value ? !0 : void 0,
|
|
198
|
-
onBlur: Ne,
|
|
199
|
-
onClick: t[1] ||= S(() => {}, ["stop"]),
|
|
200
|
-
onKeydown: Pe
|
|
201
|
-
}, null, 42, k)), [[le, K.value]]) : (h(), s("span", {
|
|
202
|
-
key: 2,
|
|
203
|
-
class: m(["s-ui-tab__label", Y.value])
|
|
204
|
-
}, [b(P).default ? _(e.$slots, "default", { key: 0 }) : (h(), s(r, { key: 1 }, [re(v(H.value || (l.placeholder ? l.placeholderText : "")), 1)], 64))], 2))])) : o("", !0),
|
|
205
|
-
Ee.value ? (h(), s("span", A, [_(e.$slots, "right")])) : o("", !0)
|
|
206
|
-
])]),
|
|
207
|
-
_: 3
|
|
208
|
-
}, 16, [
|
|
209
|
-
"class",
|
|
210
|
-
"type",
|
|
211
|
-
"aria-selected",
|
|
212
|
-
"aria-disabled",
|
|
213
|
-
"disabled"
|
|
214
|
-
]));
|
|
215
|
-
}
|
|
216
|
-
});
|
|
217
|
-
//#endregion
|
|
218
|
-
export { w as i, T as n, E as r, j as t };
|
package/dist/STag-HgFvU1Iy.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./contrastSurfaceTextColor-Ybh-FZof.cjs"),t=require("./colorValue-DClAEDHr.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./SButton-C-z_q5CG.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue");var o=function(e){return e.RED_ORANGE=`red-orange`,e.ORANGE=`orange`,e.YELLOW=`yellow`,e.GREEN=`green`,e.TEAL=`teal`,e.CYAN=`cyan`,e.BLUE=`blue`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.MAGENTA=`magenta`,e.PINK=`pink`,e.GRAY=`gray`,e.RED=`red`,e.WHITE_BORDER=`white-border`,e.BILLING=`billing`,e.BILLING_LIGHT=`billing-light`,e}({}),s=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),c=n=>e.n(n)||t.t(n),l=e=>c(e)?`s-ui-tag--color-custom`:`s-ui-tag--color-${e}`,u=t=>{let n={"--s-ui-tag-bg":t};return e.n(t)&&(n[`--s-ui-tag-text`]=e.t(t)),n},d={class:`s-ui-tag__content s-ui-typography-body-12-regular`},f={key:0,class:`s-ui-tag__actions`},p={class:`s-ui-tag__action-close`},m=(0,a.defineComponent)({inheritAttrs:!1,__name:`STag`,props:(0,a.mergeModels)({color:{default:()=>o.RED_ORANGE},size:{default:()=>s.MEDIUM},short:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`close`],[`update:modelValue`]),setup(e,{emit:t}){let o=(0,a.useAttrs)(),s=(0,a.useModel)(e,`modelValue`),m=t,h=i.t(()=>e.link,()=>e.exact,()=>e.replace),g=h.linkPresentation,_=(0,a.computed)(()=>{let e=g.value;return e.mode===`none`?`span`:e.rootTag}),v=(0,a.computed)(()=>i.n(g.value,{replace:e.replace})),y=(0,a.computed)(()=>({...v.value,...o})),b=(0,a.computed)(()=>h.isRouterLink.value?h.isActive.value:e.selected),x=(0,a.computed)(()=>e.closable&&!e.short),S=(0,a.computed)(()=>{if(e.disabled)return-1;if(!i.r(e.link))return x.value?0:-1}),C=(0,a.computed)(()=>[l(e.color),`s-ui-tag--size-${e.size}`,{"s-ui-tag--short":e.short,"s-ui-tag--disabled":e.disabled,"s-ui-tag--selected":b.value,"s-ui-tag--link":i.r(e.link)}]),w=(0,a.computed)(()=>{if(c(e.color))return u(e.color)}),T=(0,a.computed)(()=>e.short?s.value.slice(0,1):s.value),E=()=>{m(`close`)},D=[`Enter`,` `,`Spacebar`],O=[`Delete`,`Backspace`],k=t=>{if(!e.disabled){if(h.isRouterLink.value&&D.includes(t.key)){t.preventDefault(),h.navigate();return}if(t.target===t.currentTarget&&O.includes(t.key)){if(!x.value)return;t.preventDefault(),m(`close`)}}};return(t,i)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(_.value),(0,a.mergeProps)({class:[`s-ui-tag`,C.value],style:w.value,tabindex:S.value,"aria-disabled":e.disabled?!0:void 0},y.value,{onKeydown:k}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(T.value),1),x.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,f,[(0,a.createElementVNode)(`span`,p,[(0,a.createVNode)((0,a.unref)(r.t),{appearance:(0,a.unref)(n.t).BARE,variant:(0,a.unref)(n.r).NEUTRAL,size:(0,a.unref)(n.n).SMALL,disabled:e.disabled,tabindex:-1,icon:`closeMini`,onClick:(0,a.withModifiers)(E,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`])])])):(0,a.createCommentVNode)(``,!0)]),_:1},16,[`class`,`style`,`tabindex`,`aria-disabled`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
//#region src/utils/color/contrastSurfaceTextColor.ts
|
|
2
|
-
var e = "var(--s-ui-color-text-surface-primary)", t = "var(--s-ui-color-text-surface-static)", n = "#0c1022", r = 1, i = (e) => e.startsWith("#"), a = (e) => Number.parseInt(e, 16) / 255, o = (e) => {
|
|
3
|
-
let t = e.slice(1);
|
|
4
|
-
if (t.length === 3) {
|
|
5
|
-
let e = t[0], n = t[1], r = t[2];
|
|
6
|
-
return !e || !n || !r ? void 0 : {
|
|
7
|
-
red: a(e + e),
|
|
8
|
-
green: a(n + n),
|
|
9
|
-
blue: a(r + r)
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
if (t.length === 6 || t.length === 8) return {
|
|
13
|
-
red: a(t.slice(0, 2)),
|
|
14
|
-
green: a(t.slice(2, 4)),
|
|
15
|
-
blue: a(t.slice(4, 6))
|
|
16
|
-
};
|
|
17
|
-
}, s = (e) => e <= .03928 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, c = (e) => {
|
|
18
|
-
let t = s(e.red), n = s(e.green), r = s(e.blue);
|
|
19
|
-
return .2126 * t + .7152 * n + .0722 * r;
|
|
20
|
-
}, l = (e, t) => {
|
|
21
|
-
let n = Math.max(e, t), r = Math.min(e, t);
|
|
22
|
-
return (n + .05) / (r + .05);
|
|
23
|
-
}, u = () => {
|
|
24
|
-
let e = o(n);
|
|
25
|
-
return e ? c(e) : 0;
|
|
26
|
-
}, d = (n) => {
|
|
27
|
-
let i = o(n);
|
|
28
|
-
if (!i) return t;
|
|
29
|
-
let a = c(i), s = u();
|
|
30
|
-
return l(r, a) >= l(s, a) ? t : e;
|
|
31
|
-
};
|
|
32
|
-
//#endregion
|
|
33
|
-
export { i as n, d as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e=`var(--s-ui-color-text-surface-primary)`,t=`var(--s-ui-color-text-surface-static)`,n=`#0c1022`,r=1,i=e=>e.startsWith(`#`),a=e=>Number.parseInt(e,16)/255,o=e=>{let t=e.slice(1);if(t.length===3){let e=t[0],n=t[1],r=t[2];return!e||!n||!r?void 0:{red:a(e+e),green:a(n+n),blue:a(r+r)}}if(t.length===6||t.length===8)return{red:a(t.slice(0,2)),green:a(t.slice(2,4)),blue:a(t.slice(4,6))}},s=e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4,c=e=>{let t=s(e.red),n=s(e.green),r=s(e.blue);return .2126*t+.7152*n+.0722*r},l=(e,t)=>{let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)},u=()=>{let e=o(n);return e?c(e):0},d=n=>{let i=o(n);if(!i)return t;let a=c(i),s=u();return l(r,a)>=l(s,a)?t:e};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
|