https://1whnva.com/resources/v1/app/assets/tab-C-rSRwXz.js

1import{defineComponent as z,toRef as c,computed as f,openBlock as o,createBlock as r,resolveDynamicComponent as B,mergeProps as p,withCtx as l,createElementBlock as d,normalizeClass as s,renderSlot as h,createCommentVNode as i,unref as n,createElementVNode as I,normalizeStyle as E,withDirectives as m,createTextVNode as v,toDisplayString as b,createVNode as V,Transition as W}from"vue";import{u as L,a as T}from"./picture-v2-KA_3OvDf.js";import{c as C}from"./create-mask-image-value-BQDVFb7C.js";import{I as D}from"./icon-box-CebUXsN4.js";import{v as y}from"./test-manager-BlurlTRy.js";import{B as F}from"./badge-base-6J2_ZzEN.js";import{Z as S}from"./logger-BOxpBNGt.js";const M=z({__name:"tab",props:{icon:{},size:{default:"m"},rounded:{type:Boolean,default:!1},kind:{default:"primary"},selected:{type:Boolean,default:!1},color:{default:"accent"},title:{},to:{},testId:{},fullWidth:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},badgeVariant:{default:"positive"},badgeValue:{},transitionDuration:{},transitionEase:{}},setup(t){const a=t,g=c(()=>a.to?"RouterLink":"button"),A=c(()=>a.kind==="indicator"),k=f(()=>a.to?{to:a.to,"data-testid":a.testId}:{type:"button","data-testid":a.testId}),H=L(()=>a.icon?T(a.icon)?.value:{src:"",srcset:""}),$=f(()=>C(H.value)),u=c(()=>a.size==="l"||a.size==="xl"?"m":"s");return(e,_)=>(o(),r(B(g.value),p({class:[e.$style.root,e.$style[`kind-${t.kind}`],t.selected&&e.$style.selected,e.$style[`size-${t.size}`],e.$style[`color-${t.color}`],t.rounded&&e.$style.rounded,t.fullWidth&&e.$style.fullWidth,t.disabled&&e.$style.disabled]},k.value),{default:l(()=>[e.$slots.icon?(o(),d("div",{key:0,class:s(e.$style.iconWrapper)},[h(e.$slots,"icon",{iconSize:u.value})],2)):i("",!0),t.icon?(o(),r(n(D),{key:1,class:s(e.$style.iconBox),size:u.value},{default:l(()=>[I("div",{class:s(e.$style.maskedIcon),style:E({"mask-image":$.value})},null,6)]),_:1},8,["class","size"])):i("",!0),t.title?m((o(),d("span",{key:2,class:s(e.$style.title)},[v(b(t.title),1)],2)),[[n(y)]]):i("",!0),V(W,{"enter-from-class":e.$style.fadeEnterFrom,"enter-active-class":e.$style.fadeEnterActive,"leave-to-class":e.$style.fadeLeaveTo,"leave-active-class":e.$style.fadeLeaveActive},{default:l(()=>[t.badgeValue?m((o(),r(n(F),{key:0,variant:t.badgeVariant,size:"s"},{default:l(()=>[v(b(t.badgeValue),1)]),_:1},8,["variant"])),[[n(y)]]):i("",!0)]),_:1},8,["enter-from-class","enter-active-class","leave-to-class","leave-active-class"]),A.value?(o(),d("div",{key:3,class:s(e.$style.indicator)},null,2)):i("",!0)]),_:3},16,["class"]))}}),N="tab_iconBox-gcHAi",w="tab_iconWrapper-gcHAi",P="tab_maskedIcon-gcHAi",R="tab_fadeEnterActive-gcHAi",O="tab_fadeLeaveActive-gcHAi",Z="tab_fadeEnterFrom-gcHAi",j="tab_fadeLeaveTo-gcHAi",q="tab_title-gcHAi",G="tab_root-gcHAi",J="tab_disabled-gcHAi",K="tab_selected-gcHAi",Q="tab_rounded-gcHAi",U="tab_fullWidth-gcHAi",X="tab_indicator-gcHAi",Y={iconBox:N,iconWrapper:w,maskedIcon:P,fadeEnterActive:R,fadeLeaveActive:O,fadeEnterFrom:Z,fadeLeaveTo:j,title:q,root:G,disabled:J,"kind-ghost":"tab_kind-ghost-gcHAi","kind-primary":"tab_kind-primary-gcHAi","color-accent":"tab_color-accent-gcHAi","color-neutral":"tab_color-neutral-gcHAi","color-secondary":"tab_color-secondary-gcHAi",selected:K,"size-l":"tab_size-l-gcHAi","size-xl":"tab_size-xl-gcHAi","size-m":"tab_size-m-gcHAi",rounded:Q,fullWidth:U,"kind-indicator":"tab_kind-indicator-gcHAi",indicator:X},x={$style:Y},ne=S(M,[["__cssModules",x]]);export{ne as T};
2(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('.tab_iconBox-gcHAi{flex-shrink:0}.tab_iconWrapper-gcHAi{display:contents}.tab_maskedIcon-gcHAi{background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tab_fadeEnterActive-gcHAi,.tab_fadeLeaveActive-gcHAi{transition-duration:var(--sidebar-animation-duration);transition-property:opacity;transition-timing-function:var(--sidebar-animation-bezier-ease)}.tab_fadeEnterFrom-gcHAi,.tab_fadeLeaveTo-gcHAi{opacity:0}

2.tab_title-gcHAi{transition-duration:var(--sidebar-animation-duration);transition-property:max-width,opacity;transition-timing-function:var(--sidebar-animation-bezier-ease);overflow:hidden}.tab_root-gcHAi:focus-visible{outline:none}@supports not (width:1lh){.tab_root-gcHAi:focus-visible{box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){.tab_root-gcHAi:focus-visible{outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:var(--spacing-2)}}@supports not selector(:focus-visible){.tab_root-gcHAi:focus{outline:none}@supports not (width:1lh){.tab_root-gcHAi:focus{box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){.tab_root-gcHAi:focus{outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:var(--spacing-2)}}}.tab_root-gcHAi{-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform;justify-content:center;align-items:center;display:flex}.tab_root-gcHAi:not(.tab_disabled-gcHAi){cursor:pointer}.tab_root-gcHAi:not(.tab_disabled-gcHAi):active{opacity:var(--opacity-item-active)}.tab_kind-ghost-gcHAi{background-color:#0000}.tab_kind-primary-gcHAi{background:var(--tab-base-color-bg-default)}.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi{font-family:var(--font-body-font-family);font-size:var(--font-body-semibold-font-size);font-weight:var(--font-body-semibold-font-weight);letter-spacing:var(--font-body-semibold-letter-spacing);line-height:var(--font-body-semibold-line-height);border-radius:var(--tab-base-rounding-square);gap:var(--spacing-8);padding-block:var(--tab-base-spacing-top) var(--tab-base-spacing-bottom);padding-inline:var(--tab-base-spacing-left) var(--tab-base-spacing-right)}:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):after{border-style:solid;border-width:1px;border-color:var(--tab-base-color-border-default);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):after{background:var(--tab-base-color-border-default-grad,var(--tab-base-color-border-default));-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}}.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){color:var(--tab-base-color-fg-accent-default)}.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-accent-default)}.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi) .tab_iconWrapper-gcHAi{color:var(--tab-base-color-icon-accent-default)}.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){color:var(--tab-base-color-fg-neutral-default)}.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-neutral-default)}.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi) .tab_iconWrapper-gcHAi{color:var(--tab-base-color-icon-neutral-default)}.tab_color-secondary-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){color:var(--tab-base-color-fg-secondary-default)}.tab_color-secondary-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-secondary-default)}:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi):hover,:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi):active{background:var(--tab-base-color-bg-hover)}.tab_selected-gcHAi.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi){background:var(--tab-base-color-bg-selected-grad,var(--tab-base-color-bg-selected));color:var(--tab-base-color-fg-accent-selected)}.tab_selected-gcHAi.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-accent-selected)}.tab_selected-gcHAi.tab_color-accent-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi) .tab_iconWrapper-gcHAi{color:var(--tab-base-color-icon-accent-selected)}.tab_selected-gcHAi.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi){background:var(--tab-base-color-bg-hover);color:var(--tab-base-color-fg-neutral-selected)}.tab_selected-gcHAi.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-neutral-selected)}.tab_selected-gcHAi.tab_color-neutral-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi) .tab_iconWrapper-gcHAi{color:var(--tab-base-color-icon-neutral-selected)}.tab_selected-gcHAi.tab_color-secondary-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi){background:var(--tab-base-color-bg-secondary);color:var(--tab-base-color-fg-secondary-selected)}.tab_selected-gcHAi.tab_color-secondary-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi) .tab_maskedIcon-gcHAi{background-color:var(--tab-base-color-icon-secondary-selected)}.tab_selected-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi):after{border:1px solid var(--tab-base-color-border-selected)}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.tab_selected-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi):not(.tab_disabled-gcHAi):after{background:var(--tab-base-color-border-selected-grad,var(--tab-base-color-border-selected));border:none}}.tab_size-l-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){height:var(--size-control-l)}.tab_size-xl-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){height:var(--size-control-xl)}.tab_size-m-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){height:var(--size-control-m)}.tab_rounded-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){border-radius:var(--rounding-max)}.tab_fullWidth-gcHAi:is(.tab_kind-primary-gcHAi,.tab_kind-ghost-gcHAi){width:100%}.tab_kind-indicator-gcHAi{--indicator__color-border-grad:var(--tab-indicator-color-border-default-grad);--indicator__color-border:var(--tab-indicator-color-border-default);font-family:var(--font-body-font-family);font-size:var(--font-body-regular-font-size);

2font-weight:var(--font-body-regular-font-weight);letter-spacing:var(--font-body-regular-letter-spacing);line-height:var(--font-body-regular-line-height)}.tab_kind-indicator-gcHAi:after{border-style:solid;border-width:1px;border-color:var(--indicator__color-border);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.tab_kind-indicator-gcHAi:after{background:var(--indicator__color-border-grad,var(--indicator__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}}.tab_kind-indicator-gcHAi:after{z-index:0}.tab_kind-indicator-gcHAi{height:var(--size-control-m);background-color:var(--tab-indicator-color-bg-default);color:var(--tab-indicator-color-fg-default);gap:var(--spacing-8);isolation:isolate;padding-block:var(--tab-indicator-spacing-top) var(--tab-indicator-spacing-bottom);padding-inline:var(--tab-indicator-spacing-left) var(--tab-indicator-spacing-right);border-start-start-radius:var(--tab-indicator-rounding-top-left);border-start-end-radius:var(--tab-indicator-rounding-top-right);border-end-end-radius:var(--tab-indicator-rounding-bottom-right);border-end-start-radius:var(--tab-indicator-rounding-bottom-left);position:relative}.tab_kind-indicator-gcHAi .tab_indicator-gcHAi{z-index:1;width:calc(100% - var(--tab-indicator-spacing-left) - var(--tab-indicator-spacing-right));border-radius:var(--rounding-4) var(--rounding-4) 0 0;height:3px;position:absolute;bottom:0}.tab_kind-indicator-gcHAi:not(.tab_disabled-gcHAi):hover,.tab_kind-indicator-gcHAi:not(.tab_disabled-gcHAi):active{background-color:var(--tab-indicator-color-bg-hover);color:var(--tab-indicator-color-fg-hover)}.tab_kind-indicator-gcHAi.tab_selected-gcHAi{font-family:var(--font-body-font-family);font-size:var(--font-body-semibold-font-size);font-weight:var(--font-body-semibold-font-weight);letter-spacing:var(--font-body-semibold-letter-spacing);line-height:var(--font-body-semibold-line-height);--indicator__color-border-grad:var(--tab-indicator-color-border-selected-grad);--indicator__color-border:var(--tab-indicator-color-border-selected);background:var(--tab-indicator-color-bg-selected-grad,var(--tab-indicator-color-bg-selected));color:var(--tab-indicator-color-fg-selected)}.tab_kind-indicator-gcHAi.tab_selected-gcHAi .tab_indicator-gcHAi{background:var(--tab-indicator-color-indicator-selected)}')),document.head.appendChild(a)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();