← Back
Editing: TrayArrowDown-D8ycvjKQ.chunk.mjs
import{a as O}from"./index-BrC2bLMO.chunk.mjs";import{a as L}from"./translation-DoG5ZELJ-Bni_xMHF.chunk.mjs";import{_ as w}from"./createElementId-DhjFt1I9-C_WKCRq3.chunk.mjs";import{b as k,j as l,o,t as u,p as b,n as f,f as _,c as g,w as v,k as d,z as $,l as c,_ as B,m as r,g as A,E as D,G as M,e as x,y as H,a8 as C,a9 as F,J as I}from"./runtime-dom.esm-bundler-CU8rrbZA.chunk.mjs";import{a as V}from"./index-DCpg1aui.chunk.mjs";const K=k({name:"NcVNodes",props:{vnodes:{type:[Array,Object],default:null}},render(){return this.vnodes||this.$slots?.default?.({})}}),z=["title"],T=k({__name:"NcCounterBubble",props:{count:{},active:{type:Boolean},type:{default:""},raw:{type:Boolean}},setup(e){const s=e,t=b(()=>s.raw?s.count.toString():new Intl.NumberFormat(L(),{notation:"compact",compactDisplay:"short"}).format(s.count)),h=b(()=>{if(s.raw)return;const n=s.count.toString();if(n!==t.value)return n});return(n,i)=>(o(),l("div",{class:f(["counter-bubble__counter",{active:n.active,"counter-bubble__counter--highlighted":n.type==="highlighted","counter-bubble__counter--outlined":n.type==="outlined"}]),title:h.value},u(t.value),11,z))}}),U=w(T,[["__scopeId","data-v-36ffc13f"]]),j={name:"NcListItem",components:{NcActions:O,NcCounterBubble:U,NcVNodes:K},inheritAttrs:!1,props:{details:{type:String,default:""},name:{type:String,default:void 0},to:{type:[String,Object],default:null},href:{type:String,default:"#"},target:{type:String,default:""},anchorId:{type:String,default:""},bold:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},active:{type:Boolean,default:void 0},linkAriaLabel:{type:String,default:""},actionsAriaLabel:{type:String,default:void 0},counterNumber:{type:[Number,String],default:0},counterType:{type:String,default:"",validator(e){return["highlighted","outlined",""].indexOf(e)!==-1}},forceDisplayActions:{type:Boolean,default:!1},forceMenu:{type:Boolean,default:!1},oneLine:{type:Boolean,default:!1}},emits:["click","dragstart","update:menuOpen"],data(){return{hovered:!1,hasActions:!1,hasSubname:!1,displayActionsOnHoverFocus:!1,menuOpen:!1,hasIndicator:!1,hasDetails:!1}},computed:{showAdditionalElements(){return!this.displayActionsOnHoverFocus||this.forceDisplayActions},showDetails(){return(this.details!==""||this.hasDetails)&&(!this.displayActionsOnHoverFocus||this.forceDisplayActions)}},watch:{menuOpen(e){!e&&!this.hovered&&(this.displayActionsOnHoverFocus=!1)}},mounted(){this.checkSlots()},updated(){this.checkSlots()},methods:{onClick(e,s,t){this.$emit("click",e),!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&t&&(s?.(e),e.preventDefault())},showActions(){this.hasActions&&(this.displayActionsOnHoverFocus=!0),this.hovered=!1},hideActions(){this.displayActionsOnHoverFocus=!1},handleBlur(e){this.menuOpen||this.$refs["list-item"]?.contains(e.relatedTarget)||this.hideActions()},handleMouseleave(){this.menuOpen||(this.displayActionsOnHoverFocus=!1),this.hovered=!1},handleMouseover(){this.showActions(),this.hovered=!0},handleActionsUpdateOpen(e){this.menuOpen=e,this.$emit("update:menuOpen",e)},checkSlots(){this.hasActions!==!!this.$slots.actions&&(this.hasActions=!!this.$slots.actions),this.hasSubname!==!!this.$slots.subname&&(this.hasSubname=!!this.$slots.subname),this.hasIndicator!==!!this.$slots.indicator&&(this.hasIndicator=!!this.$slots.indicator),this.hasDetails!==!!this.$slots.details&&(this.hasDetails=!!this.$slots.details)}}},E=["id","aria-label","href","target","rel","onClick"],Z={class:"list-item-content"},G={class:"list-item-content__main"},J={class:"list-item-content__name"},q={class:"list-item-content__details"},P={key:0,class:"list-item-details__details"},Q={key:1,class:"list-item-details__extra"},R={key:1,class:"list-item-details__indicator"},W={key:0,class:"list-item-content__extra-actions"},X={key:2,class:"list-item__extra"};function Y(e,s,t,h,n,i){const p=_("NcCounterBubble"),S=_("NcActions");return o(),g(I(t.to?"router-link":"NcVNodes"),C(F({...t.to&&{custom:!0,to:t.to}})),{default:v(({href:y,navigate:N,isActive:m})=>[d("li",$({class:["list-item__wrapper",{"list-item__wrapper--active":t.active??m}]},e.$attrs),[d("div",{ref:"list-item",class:f(["list-item",{"list-item--compact":t.compact,"list-item--one-line":t.oneLine}]),onMouseover:s[5]||(s[5]=(...a)=>i.handleMouseover&&i.handleMouseover(...a)),onMouseleave:s[6]||(s[6]=(...a)=>i.handleMouseleave&&i.handleMouseleave(...a))},[d("a",{id:t.anchorId||void 0,"aria-label":t.linkAriaLabel,class:"list-item__anchor",href:y||t.href,target:t.target||(t.href==="#"?void 0:"_blank"),rel:t.href==="#"?void 0:"noopener noreferrer",onFocus:s[0]||(s[0]=(...a)=>i.showActions&&i.showActions(...a)),onFocusout:s[1]||(s[1]=(...a)=>i.handleBlur&&i.handleBlur(...a)),onClick:a=>i.onClick(a,N,y),onDragstart:s[2]||(s[2]=a=>e.$emit("dragstart",a)),onKeydown:s[3]||(s[3]=B((...a)=>i.hideActions&&i.hideActions(...a),["esc"]))},[r(e.$slots,"icon",{},void 0,!0),d("div",Z,[d("div",G,[d("div",J,[r(e.$slots,"name",{},()=>[A(u(t.name),1)],!0)]),n.hasSubname?(o(),l("div",{key:0,class:f(["list-item-content__subname",{"list-item-content__subname--bold":t.bold}])},[r(e.$slots,"subname",{},void 0,!0)],2)):c("",!0)]),d("div",q,[i.showDetails?(o(),l("div",P,[r(e.$slots,"details",{},()=>[A(u(t.details),1)],!0)])):c("",!0),t.counterNumber!==0||n.hasIndicator?D((o(),l("div",Q,[t.counterNumber!==0?(o(),g(p,{key:0,count:t.counterNumber,active:t.active??m,class:"list-item-details__counter",type:t.counterType},null,8,["count","active","type"])):c("",!0),n.hasIndicator?(o(),l("span",R,[r(e.$slots,"indicator",{},void 0,!0)])):c("",!0)],512)),[[M,i.showAdditionalElements]]):c("",!0)])])],40,E),e.$slots["extra-actions"]?(o(),l("div",W,[r(e.$slots,"extra-actions",{},void 0,!0)])):c("",!0),t.forceDisplayActions||n.displayActionsOnHoverFocus?(o(),l("div",{key:1,class:"list-item-content__actions",onFocusout:s[4]||(s[4]=(...a)=>i.handleBlur&&i.handleBlur(...a))},[x(S,{ref:"actions",primary:t.active??m,forceMenu:t.forceMenu,"aria-label":t.actionsAriaLabel,"onUpdate:open":i.handleActionsUpdateOpen},H({default:v(()=>[r(e.$slots,"actions",{},void 0,!0)]),_:2},[e.$slots["actions-icon"]?{name:"icon",fn:v(()=>[r(e.$slots,"actions-icon",{},void 0,!0)]),key:"0"}:void 0]),1032,["primary","forceMenu","aria-label","onUpdate:open"])],32)):c("",!0),e.$slots.extra?(o(),l("div",X,[r(e.$slots,"extra",{},void 0,!0)])):c("",!0)],34)],16)]),_:3},16)}const ut=w(j,[["render",Y],["__scopeId","data-v-bc710154"]]),ht='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" /></svg>',tt={name:"TrayArrowDownIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},et=["aria-hidden","aria-label"],st=["fill","width","height"],it={d:"M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z"},at={key:0};function ot(e,s,t,h,n,i){return o(),l("span",$(e.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon tray-arrow-down-icon",role:"img",onClick:s[0]||(s[0]=p=>e.$emit("click",p))}),[(o(),l("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[d("path",it,[t.title?(o(),l("title",at,u(t.title),1)):c("",!0)])],8,st))],16,et)}const pt=V(tt,[["render",ot]]);export{pt as D,ut as N,ht as s}; //# sourceMappingURL=TrayArrowDown-D8ycvjKQ.chunk.mjs.map
Save File
Cancel