https://1whnva.com/resources/v1/app/assets/segment-control-4OlPhpYh.js

1import{h as y,defineComponent as R,useModel as W,computed as h,openBlock as r,createBlock as u,TransitionGroup as B,normalizeClass as g,withCtx as b,createElementBlock as I,Fragment as V,renderList as z,unref as C,createSlots as H,renderSlot as F,resolveDynamicComponent as D,createCommentVNode as P,mergeModels as p}from"vue";import{I as A,g as j}from"./test-manager-BlurlTRy.js";import{useRouter as G}from"vue-router";import{u as N}from"./use-path-based-route-matcher-u_WwO7dQ.js";import{T as O}from"./tab-C-rSRwXz.js";import{a as Z}from"./custom-html-DSkscCoV.js";import{Z as q}from"./logger-BOxpBNGt.js";const he={render:(o,s)=>y(A,{...s.attrs,initialWidth:16,initialHeight:16,"data-icon":"call",innerHTML:'<g clip-path="url(#call_e2dd2b__a)"><path fill-rule="evenodd" d="M7.606 8.398c3.359 3.358 4.121-.527 6.26 1.61 2.062 2.062 3.247 2.475.634 5.087-.327.262-2.406 3.426-9.713-3.878C-2.521 3.91.641 1.829.904 1.502c2.62-2.619 3.025-1.427 5.087.635C8.13 4.275 4.246 5.04 7.606 8.397" clip-rule="evenodd"/></g><defs><clipPath id="call_e2dd2b__a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs>'})},ge={render:(o,s)=>y(A,{...s.attrs,initialWidth:16,initialHeight:16,"data-icon":"email",innerHTML:'<path fill-rule="evenodd" d="M14.815 1.985A4.05 4.05 0 0 0 11.951.8H4.048A4.04 4.04 0 0 0 0 4.84v6.044C0 13.116 1.815 15.2 4.048 15.2h7.903c2.233 0 4.049-2.084 4.049-4.316V4.84a4.03 4.03 0 0 0-1.185-2.855M3.583 5.577a.64.64 0 1 0-.816.987L6.065 9.29a3.04 3.04 0 0 0 3.876 0l3.292-2.726a.64.64 0 1 0-.816-.986L9.124 8.303a1.76 1.76 0 0 1-2.243 0z" clip-rule="evenodd"/>'})},J=R({__name:"segment-control",props:p({tabs:{},testId:{},variant:{default:"neutral"},segmentVariant:{default:1},tag:{default:"div"},hideTitle:{type:Boolean},fullWidth:{type:Boolean},disabled:{type:Boolean},rounded:{type:Boolean},size:{default:"l"},direction:{default:"horizontal"},routeMatching:{default:"native"},transitionDuration:{},transitionEase:{}},{modelValue:{},modelModifiers:{}}),emits:p(["itemClick"],["update:modelValue"]),setup(o,{expose:s,emit:T}){const S=T,c=W(o,"modelValue"),l=o,m=G(),v=N(),w=e=>{S("itemClick",e),!(l.disabled||!c.value)&&(c.value=e)},M=e=>{if(e===c.value)return!0;if(l.routeMatching==="path-based"){const n=l.tabs.find(i=>i.id===e),t=m.resolve(n?.to??{}),a=m.currentRoute.value,E=v.check(a,t,l.tabs.map(i=>i.to).filter(i=>i!==void 0),!1),L=n?.inactiveRoutes?.some(i=>v.check(a,i));return E&&!L}return!1},$=e=>typeof e=="function"||typeof e=="object"&&!Array.isArray(e),d=h(()=>new Set(l.tabs.filter(e=>M(e.id)).map(e=>e.id))),k=h(()=>l.tabs.map(e=>{const n=l.hideTitle?void 0:e.title;if(!e.icon)return{...e,title:n,icon:void 0,iconType:"none"};const t=e.icon;return $(t)?{...e,title:n,iconComponent:t,icon:void 0,iconType:"component"}:{...e,title:n,icon:t,iconType:"asset"}})),f=Z(),K=(e,n)=>{f.value[e]=n?.$el};return s({getTabElement:e=>f.value[e]}),(e,n)=>(r(),u(B,{tag:o.tag,"enter-active-class":e.$style.tabEnterActive,"leave-active-class":e.$style.tabLeaveActive,"enter-from-class":e.$style.tabEnterFrom,"leave-to-class":e.$style.tabLeaveTo,class:g([e.$style.root,o.fullWidth&&e.$style.fullWidth,e.$style[o.direction],e.$style[`variant-${o.segmentVariant}`],o.rounded&&e.$style.rounded,o.disabled&&e.$style.disabled])},{default:b(()=>[(r(!0),I(V,null,z(k.value,t=>(r(),u(C(O),{ref_for:!0,ref:a=>K(t.id,a),key:t.id,"test-id":C(j)(t.id,o.testId),class:g([e.$style.tab,d.value.has(t.id)&&e.$style.selected]),selected:d.value.has(t.id),title:t.title,icon:t.icon,to:t.to,"badge-variant":t.badgeVariant,"badge-value":t.badgeValue,kind:o.segmentVariant===1?"ghost":"primary",color:o.variant,size:o.size,rounded:o.rounded,"full-width":o.fullWidth,onClick:a=>w(t.id)},H({_:2},[e.$slots.icon||t.iconType==="component"?{name:"icon",fn:b(({iconSize:a})=>[F(e.$slots,"icon",{tab:t,iconSize:a,selected:d.value.has(t.id)},()=>[t.iconType==="component"?(r(),u(D(t.iconComponent),{key:0,size:a},null,8,["size"])):P("",!0)])]),key:"0"}:void 0]),1032,["test-id","class","selected","title","icon","to","badge-variant","badge-value","kind","color","size","rounded","full-width","onClick"]))),128))]),_:3},8,["tag","enter-active-class","leave-active-class","enter-from-class","leave-to-class","class"]))}}),Q="segment-control_root-wSKCA",U="segment-control_disabled-wSKCA",X="segment-control_tab-wSKCA",Y="segment-control_tabMove-wSKCA",_="segment-control_tabEnterActive-wSKCA",x="segment-control_tabLeaveActive-wSKCA",ee="segment-control_tabEnterFrom-wSKCA",te="segment-control_tabLeaveTo-wSKCA",oe="segment-control_vertical-wSKCA",ne="segment-control_selected-wSKCA",ae="segment-control_fullWidth-wSKCA",le="segment-control_rounded-wSKCA",ie={root:Q,disabled:U,tab:X,tabMove:Y,tabEnterActive:_,tabLeaveActive:x,tabEnterFrom:ee,tabLeaveTo:te,vertical:oe,"variant-2":"segment-control_variant-2-wSKCA",selected:ne,fullWidth:ae,"variant-1":"segment-control_variant-1-wSKCA",rounded:le},se={$style:ie},be=q(J,[["__cssModules",se]]);export{he as C,ge as E,be as S};
2(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.segment-control_root-wSKCA{align-items:center;display:inline-flex}.segment-control_root-wSKCA.segment-control_disabled-wSKCA{pointer-events:none}.segment-control_tab-wSKCA{position:relative}.segment-control_tabMove-wSKCA,.segment-control_tabEnterActive-wSKCA,.segment-control_tabLeaveActive-wSKCA{transition-duration:var(--sidebar-animation-duration);transition-property:transform,opacity;transition-timing-function:var(--sidebar-animation-bezier-ease)}.segment-control_tabEnterFrom-wSKCA,.segment-control_tabLeaveTo-wSKCA{opacity:0}

2.segment-control_tabLeaveActive-wSKCA{position:absolute}.segment-control_root-wSKCA.segment-control_vertical-wSKCA{flex-direction:column}.segment-control_root-wSKCA.segment-control_vertical-wSKCA .segment-control_tab-wSKCA{padding:0 var(--spacing-8)}:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA):not(:first-child):before{background-color:var(--color-border-base-alfa-divider);content:"";width:var(--tab-base-divider-width);height:var(--tab-base-divider-height);position:absolute;inset-inline-start:-2px}:is(.segment-control_selected-wSKCA:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA),:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA).router-link-active,:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA):hover):before,:is(.segment-control_selected-wSKCA:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA),:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA).router-link-active,:is(.segment-control_root-wSKCA:not(.segment-control_vertical-wSKCA):not(.segment-control_variant-2-wSKCA) .segment-control_tab-wSKCA):hover)+:before{background-color:unset}.segment-control_fullWidth-wSKCA{width:100%}.segment-control_variant-1-wSKCA{border-radius:var(--segment-control-rounding-square);background:var(--segment-control-color-bg);padding-block:var(--segment-control-spacing-top) var(--segment-control-spacing-bottom);padding-inline:var(--segment-control-spacing-left) var(--segment-control-spacing-right);gap:3px;position:relative}.segment-control_variant-1-wSKCA:after{border-style:solid;border-width:1px;border-color:var(--segment-control-color-border);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.segment-control_variant-1-wSKCA:after{background:var(--segment-control-color-border-grad,var(--segment-control-color-border));-webkit-mask-composite:xor;border:none;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.segment-control_variant-1-wSKCA.segment-control_rounded-wSKCA{border-radius:var(--rounding-max)}.segment-control_variant-1-wSKCA .segment-control_tab-wSKCA:after{border:unset}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.segment-control_variant-1-wSKCA .segment-control_tab-wSKCA:after{background:unset}}.segment-control_variant-2-wSKCA{gap:var(--sidebar-header-navigation-gap-horizontal)}.segment-control_variant-2-wSKCA.segment-control_vertical-wSKCA{gap:var(--sidebar-header-navigation-gap-vertical)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();