https://1wqdhu.life/resources/v1/app/assets/list-item-x5BRx0Cb.js

1import{defineComponent as $,openBlock as l,createBlock as v,resolveDynamicComponent as k,normalizeClass as i,withCtx as h,createElementBlock as s,renderSlot as n,createCommentVNode as a,createElementVNode as r,withDirectives as c,unref as o,createTextVNode as y,toDisplayString as u}from"vue";import{g as L,v as m}from"./test-manager-DesYLJOQ.js";import{Z as g}from"./logger-B4OCWT-4.js";const S=["data-testid"],F=["data-testid"],K=$({__name:"list-item",props:{testId:{},subtitleTestId:{},title:{},subtitle:{},isInteractive:{type:Boolean},isSingleLine:{type:Boolean},nowrapTitle:{type:Boolean,default:!1},truncateTitle:{type:Boolean,default:!1},shrinkLeading:{type:Boolean,default:!1},isDisabled:{type:Boolean},stacked:{type:Boolean,default:!1},withSeparator:{type:Boolean,default:!0},scrollable:{type:Boolean}},emits:["click"],setup(t,{emit:f}){const d=t,b=f,I=()=>{d.isInteractive&&!d.isDisabled&&b("click")};return(e,R)=>(l(),v(k(t.isInteractive?"button":"div"),{type:t.isInteractive?"button":void 0,"data-testid":t.testId,disabled:t.isInteractive&&t.isDisabled?!0:void 0,class:i([e.$style.root,t.stacked&&e.$style.stacked,t.isInteractive&&e.$style.interactive,t.isDisabled&&e.$style.disabled,t.isSingleLine&&e.$style.singleLine,t.withSeparator&&e.$style.withSeparator,t.withSeparator&&!t.isSingleLine&&t.stacked&&e.$style.fullLengthSeparator,t.scrollable&&e.$style.scrollable]),onClick:I},{default:h(()=>[e.$slots.trailing?(l(),s("div",{key:0,class:i(e.$style.sideContent)},[n(e.$slots,"trailing")],2)):a("",!0),r("div",{class:i(e.$style.main)},[r("div",{class:i([e.$style.content,t.truncateTitle&&e.$style.contentTruncate])},[c((l(),s("div",{class:i([e.$style.title,t.nowrapTitle&&e.$style.titleNowrap,t.truncateTitle&&e.$style.titleTruncate]),"data-testid":o(L)("title",t.testId)},[e.$slots.additionalLabel?(l(),s("div",{key:0,class:i(e.$style.additionalLabel)},[n(e.$slots,"additionalLabel")],2)):a("",!0),y(" "+u(t.title),1)],10,S)),[[o(m)]]),!t.isSingleLine&&t.subtitle?c((l(),s("div",{key:0,class:i(e.$style.subtitle),"data-testid":t.subtitleTestId},[y(u(t.subtitle),1)],10,F)),[[o(m)]]):a("",!0)],2),e.$slots.leading?(l(),s("div",{key:0,class:i([e.$style.sideContent,t.shrinkLeading&&e.$style.sideContentShrink])},[n(e.$slots,"leading")],2)):a("",!0)],2)]),_:3},8,["type","data-testid","disabled","class"]))}}),T="list-item_content-KFIyf",w="list-item_contentTruncate-KFIyf",C="list-item_sideContent-KFIyf",B="list-item_sideContentShrink-KFIyf",D="list-item_title-KFIyf",N="list-item_titleNowrap-KFIyf",V="list-item_titleTruncate-KFIyf",E="list-item_root-KFIyf",M="list-item_interactive-KFIyf",z="list-item_disabled-KFIyf",O="list-item_singleLine-KFIyf",Z="list-item_scrollable-KFIyf",j="list-item_withSeparator-KFIyf",q="list-item_main-KFIyf",A="list-item_fullLengthSeparator-KFIyf",G="list-item_stacked-KFIyf",H="list-item_additionalLabel-KFIyf",J="list-item_subtitle-KFIyf",P={content:T,contentTruncate:w,sideContent:C,sideContentShrink:B,title:D,titleNowrap:N,titleTruncate:V,root:E,interactive:M,disabled:z,singleLine:O,scrollable:Z,withSeparator:j,main:q,fullLengthSeparator:A,stacked:G,additionalLabel:H,subtitle:J},Q={$style:P},Y=g(K,[["__cssModules",Q]]);export{Y as L};
2(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.list-item_content-KFIyf{align-items:flex-start;gap:var(--spacing-2);flex-direction:column;margin-inline-end:auto;display:flex}.list-item_contentTruncate-KFIyf{min-width:0}.list-item_sideContent-KFIyf{flex-shrink:0;align-items:center;min-width:0;display:flex}.list-item_sideContent-KFIyf.list-item_sideContentShrink-KFIyf{flex-shrink:1}.list-item_title-KFIyf{color:var(--color-content-base-primary);text-align:start;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);align-items:center;display:flex}.list-item_title-KFIyf.list-item_titleNowrap-KFIyf{white-space:nowrap}.list-item_title-KFIyf.list-item_titleTruncate-KFIyf{text-overflow:ellipsis;white-space:nowrap;align-self:stretch;display:block;overflow:hidden}.list-item_root-KFIyf{--list-item__gap:var(--spacing-12);--list-item__padding-y:var(--spacing-12);--list-item__padding-x:var(--spacing-8);

2--list-item__min-height:52px;width:100%;min-height:var(--list-item__min-height);padding:var(--list-item__padding-y) var(--list-item-padding-horizontal);border-radius:var(--list-item-rounding);background-color:var(--list-item-color-bg-default);align-items:center;gap:var(--list-item__gap);display:flex}.list-item_root-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):active{opacity:var(--opacity-item-active)}.list-item_root-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):hover,.list-item_root-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):active{background-color:var(--list-item-color-bg-hover);cursor:pointer}.list-item_root-KFIyf.list-item_disabled-KFIyf .list-item_content-KFIyf,.list-item_root-KFIyf.list-item_disabled-KFIyf .list-item_sideContent-KFIyf{opacity:var(--opacity-item-disabled)}.list-item_root-KFIyf.list-item_singleLine-KFIyf{--list-item__padding-y:0px;height:52px;padding:0 var(--list-item-padding-horizontal)}.list-item_root-KFIyf.list-item_singleLine-KFIyf .list-item_title-KFIyf{font-family:var(--font-body-font-family);font-size:var(--font-body-regular-font-size);font-weight:var(--font-body-regular-font-weight);letter-spacing:var(--font-body-regular-letter-spacing);line-height:var(--font-body-regular-line-height)}.list-item_root-KFIyf.list-item_scrollable-KFIyf{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.list-item_root-KFIyf.list-item_scrollable-KFIyf::-webkit-scrollbar{display:none}.list-item_root-KFIyf:focus-visible{outline:none}@supports not (width:1lh){.list-item_root-KFIyf:focus-visible{box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){.list-item_root-KFIyf:focus-visible{outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:-2px}}@supports not selector(:focus-visible){.list-item_root-KFIyf:focus{outline:none}@supports not (width:1lh){.list-item_root-KFIyf:focus{box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){.list-item_root-KFIyf:focus{outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:-2px}}}.list-item_withSeparator-KFIyf:not(:first-child) .list-item_main-KFIyf:before{top:calc(var(--list-item__padding-y)*-1);background-color:var(--list-item-color-divider);content:"";width:100%;height:1px;position:absolute;inset-inline-end:0}.list-item_withSeparator-KFIyf.list-item_fullLengthSeparator-KFIyf .list-item_main-KFIyf:before{width:calc(100% + var(--list-item__padding-x)*2);inset-inline-end:calc(var(--list-item__padding-x)*-2)}:is(.list-item_withSeparator-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):hover,.list-item_withSeparator-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):active) .list-item_main-KFIyf:before,:is(.list-item_withSeparator-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):hover,.list-item_withSeparator-KFIyf.list-item_interactive-KFIyf:not(.list-item_disabled-KFIyf):active)+* .list-item_main-KFIyf:before{background-color:unset}.list-item_main-KFIyf{min-width:0;height:100%;min-height:calc(var(--list-item__min-height) - var(--list-item__padding-y)*2);align-items:center;gap:var(--list-item__gap);flex-grow:1;display:flex;position:relative}.list-item_stacked-KFIyf{padding:var(--spacing-12) var(--spacing-16);border-radius:0}.list-item_stacked-KFIyf.list-item_singleLine-KFIyf{padding:0 var(--spacing-16)}.list-item_additionalLabel-KFIyf{width:44px;text-align:start;font-family:var(--font-body-font-family);font-size:var(--font-body-regular-font-size);font-weight:var(--font-body-regular-font-weight);letter-spacing:var(--font-body-regular-letter-spacing);line-height:var(--font-body-regular-line-height);flex-shrink:0;margin-inline-end:var(--spacing-8)}.list-item_subtitle-KFIyf{color:var(--color-content-base-secondary);text-align:start;font-family:var(--font-caption-font-family);font-size:var(--font-caption-s-regular-font-size);font-weight:var(--font-caption-s-regular-font-weight);letter-spacing:var(--font-caption-s-regular-letter-spacing);line-height:var(--font-caption-s-regular-line-height)}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();