@cypress-design/vue-docmenu 0.2.1 → 0.3.0

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue"),require("@cypress-design/icon-registry")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/icon-registry"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.DocMenu=s(e.Vue,e.CyIconRegistry))})(this,function(e,s){"use strict";function b(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(o,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return o.default=t,Object.freeze(o)}const y=b(s),B=({body:t,compiledClasses:o,size:l,class:n,interactiveColorsOnGroup:d,...p})=>{const h=Object.keys(p).reduce((c,r)=>(!s.ICON_COLOR_PROP_NAMES.includes(r)&&r!=="name"&&(c[r]=p[r]),c),{}),m={width:l,height:l,viewBox:`0 0 ${l} ${l}`,fill:"none",innerHTML:t,...h};return o.length&&(m.class=o.join(" ")),m},C=t=>{const{sizeWithDefault:o,compiledClasses:l}=y.getComponentAttributes({...t,availableSizes:["8","16"]}),n={8:'<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 2.5 3 3 3-3" class="icon-dark"/>',16:'<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 6 4 4 4-4" class="icon-dark"/>'}[o];if(!n)throw Error(`Icon "chevron-down-small" is not available in size ${o}`);return e.h("svg",B({...t,size:o,body:n,compiledClasses:l}))},f={button:"flex leading-[24px] py-[10px] items-center relative w-full",topButton:"leading-[24px] text-[16px] pl-[24px] font-medium",leafButton:"leading-[20px] text-[14px] pl-[40px]"},z=["href"],g=e.defineComponent({__name:"_DocLink",props:{item:null,depth:{default:-1},collapsible:{type:Boolean}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["list-none p-0",{"pl-[16px]":t.depth>=0}])},[e.createElementVNode("a",{class:e.normalizeClass(["group relative block w-full pl-[24px]",{"text-indigo-500 dark:text-indigo-200":t.item.active,"py-[8px] text-[16px] leading-[24px]":t.depth<0,"leading-[20px] text-[14px] py-[12px]":t.depth>=0}]),href:t.item.href},[t.depth>=0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute h-[80%] top-[10%] w-[4px] z-10 rounded-full hidden",{"group-hover:block bg-gray-300":!t.item.active&&t.collapsible}]),style:e.normalizeStyle({left:`-${18.5+t.depth*7.5}px`})},null,6)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.item.text),1)],10,z)],2))}}),w={key:0,class:"relative list-none p-0"},k=e.defineComponent({__name:"_DocGroup",props:{group:null,collapsible:{type:Boolean},depth:{default:0}},setup(t,{expose:o}){const l=t,n=e.ref(l.depth===0),d=e.ref([]),p=e.computed(()=>d.value&&n.value?d.value.reduce((c,{height:r})=>c+r,l.group.items.length):0);o({height:p});const h=e.computed(()=>{var x;const c=l.group.items.findIndex(a=>"href"in a&&a.active);let r=l.group.items.filter((a,u)=>!("href"in a)&&u<c).length;const i=(x=d.value)==null?void 0:x.reduce((a,u)=>r<-1?a:(r--,a+u.height),0);return(c+i)*44}),m=e.computed(()=>l.collapsible?"button":l.group.href?"a":"div");return(c,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{class:e.normalizeClass([e.unref(f).button,{[e.unref(f).topButton]:t.depth===0,[e.unref(f).leafButton]:t.depth,"text-indigo-500 dark:text-indigo-200":l.group.active}]),href:l.group.href,onClick:r[0]||(r[0]=()=>{t.collapsible&&(n.value=!n.value)})},{default:e.withCtx(()=>[l.collapsible?(e.openBlock(),e.createBlock(e.unref(C),{key:0,"stroke-color":"gray-400",size:t.depth?"8":"16",class:e.normalizeClass(["absolute left-0 transform transition-transform",{"rotate-0":n.value,"-rotate-90":!n.value,"ml-[16px]":t.depth}])},null,8,["size","class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.group.text),1)]),_:1},8,["class","href"])),l.collapsible&&t.depth>=0&&n.value&&t.group.items.some(i=>"href"in i&&i.active)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px]",style:e.normalizeStyle({top:`${e.unref(h)}px`,left:`-${t.depth===0?0:t.depth*7.5+1}px`})},null,4)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass(["list-none p-0 ml-[7.5px]",{"border-l border-gray-100":t.depth===0&&l.collapsible}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.group.items,i=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i&&"items"in i?(e.openBlock(),e.createElementBlock("li",w,[e.createVNode(k,{ref_for:!0,ref_key:"$groups",ref:d,group:i,depth:t.depth+1,collapsible:l.collapsible},null,8,["group","depth","collapsible"])])):(e.openBlock(),e.createBlock(g,{key:1,item:i,depth:t.depth,collapsible:t.collapsible},null,8,["item","depth","collapsible"]))],64))),256))],2),[[e.vShow,n.value]])],64))}}),E={class:"overflow-y-hidden list-none p-0"},N={key:0,class:"relative list-none p-0"};return e.defineComponent({__name:"DocMenu",props:{items:null,collapsible:{type:Boolean,default:!0}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("ul",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,n=>(e.openBlock(),e.createElementBlock(e.Fragment,null,["items"in n?(e.openBlock(),e.createElementBlock("li",N,[e.createVNode(k,{group:n,depth:0,collapsible:t.collapsible},null,8,["group","collapsible"])])):(e.openBlock(),e.createBlock(g,{key:1,item:n,collapsible:t.collapsible},null,8,["item","collapsible"]))],64))),256))]))}})});
+(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@cypress-design/vue-icon")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/vue-icon"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.DocMenu=a(e.Vue,e.CyIcon))})(this,function(e,a){"use strict";const c={button:"flex leading-[24px] py-[10px] items-center relative w-full",topButton:"leading-[24px] text-[16px] pl-[24px] font-medium",leafButton:"leading-[20px] text-[14px] pl-[40px]"},g=["href"],f=e.defineComponent({__name:"_DocLink",props:{item:{},depth:{default:-1},collapsible:{type:Boolean}},setup(d){return(o,t)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["list-none p-0",{"pl-[16px]":o.depth>=0}])},[e.createElementVNode("a",{class:e.normalizeClass(["group relative block w-full pl-[24px]",{"text-indigo-500":o.item.active,"py-[8px] text-[16px] leading-[24px]":o.depth<0,"leading-[20px] text-[14px] py-[12px]":o.depth>=0}]),href:o.item.href},[o.depth>=0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute h-[80%] top-[10%] w-[4px] z-10 rounded-full hidden",{"group-hover:block bg-gray-300":!o.item.active&&o.collapsible}]),style:e.normalizeStyle({left:`-${18.5+o.depth*7.5}px`})},null,6)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.item.text),1)],10,g)],2))}}),k={key:0,class:"relative list-none p-0"},h=e.defineComponent({__name:"_DocGroup",props:{group:{},collapsible:{type:Boolean},depth:{default:0}},setup(d,{expose:o}){const t=d,n=e.ref(t.depth===0),i=e.ref([]),y=e.computed(()=>i.value&&n.value?i.value.reduce((l,{height:p})=>l+p,t.group.items.length):0);o({height:y});const x=e.computed(()=>{var u;const l=t.group.items.findIndex(s=>"href"in s&&s.active);let p=t.group.items.filter((s,m)=>!("href"in s)&&m<l).length;const r=(u=i.value)==null?void 0:u.reduce((s,m)=>p<-1?s:(p--,s+m.height),0);return(l+r)*44}),C=e.computed(()=>t.collapsible?"button":t.group.href?"a":"div");return(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value),{class:e.normalizeClass([e.unref(c).button,{[e.unref(c).topButton]:l.depth===0,[e.unref(c).leafButton]:l.depth,"text-indigo-500":t.group.active}]),href:t.group.href,onClick:p[0]||(p[0]=()=>{l.collapsible&&(n.value=!n.value)})},{default:e.withCtx(()=>[t.collapsible?(e.openBlock(),e.createBlock(e.unref(a.IconChevronDownSmall),{key:0,"stroke-color":"gray-400",size:l.depth?"8":"16",class:e.normalizeClass(["absolute left-0 transform transition-transform",{"rotate-0":n.value,"-rotate-90":!n.value,"ml-[16px]":l.depth}])},null,8,["size","class"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.group.text),1)]),_:1},8,["class","href"])),t.collapsible&&l.depth>=0&&n.value&&l.group.items.some(r=>"href"in r&&r.active)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px]",style:e.normalizeStyle({top:`${x.value}px`,left:`-${l.depth===0?0:l.depth*7.5+1}px`})},null,4)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass(["list-none p-0 ml-[7.5px]",{"border-l border-gray-100":l.depth===0&&t.collapsible}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.group.items,r=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r&&"items"in r?(e.openBlock(),e.createElementBlock("li",k,[e.createVNode(h,{ref_for:!0,ref_key:"$groups",ref:i,group:r,depth:l.depth+1,collapsible:t.collapsible},null,8,["group","depth","collapsible"])])):(e.openBlock(),e.createBlock(f,{key:1,item:r,depth:l.depth,collapsible:l.collapsible},null,8,["item","depth","collapsible"]))],64))),256))],2),[[e.vShow,n.value]])],64))}}),B={class:"overflow-y-hidden list-none p-0"},b={key:0,class:"relative list-none p-0"};return e.defineComponent({__name:"DocMenu",props:{items:{},collapsible:{type:Boolean,default:!0}},setup(d){return(o,t)=>(e.openBlock(),e.createElementBlock("ul",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,n=>(e.openBlock(),e.createElementBlock(e.Fragment,null,["items"in n?(e.openBlock(),e.createElementBlock("li",b,[e.createVNode(h,{group:n,depth:0,collapsible:o.collapsible},null,8,["group","collapsible"])])):(e.openBlock(),e.createBlock(f,{key:1,item:n,collapsible:o.collapsible},null,8,["item","collapsible"]))],64))),256))]))}})});
 //# sourceMappingURL=index.umd.js.map
 
-/* <wind-keep class="overflow-y-hidden list-none p-0 relative text-indigo-500 dark:text-indigo-200 absolute left-0 transform transition-transform rotate-0 -rotate-90 ml-[16px] h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px] ml-[7.5px] border-l border-gray-100 icon-dark-gray-400 pl-[16px] block w-full pl-[24px] py-[8px] text-[16px] leading-[24px] leading-[20px] text-[14px] py-[12px] h-[80%] top-[10%] hidden group-hover:block bg-gray-300 flex py-[10px] items-center font-medium pl-[40px]"> */
+/* <wind-keep class="overflow-y-hidden list-none p-0 relative filter text-indigo-500 absolute left-0 transform transition-transform rotate-0 -rotate-90 ml-[16px] h-[36px] w-[4px] z-10 rounded-full bg-indigo-500 transition-all duration-300 ml-[6px] mt-[48px] ml-[7.5px] border-l border-gray-100 icon-dark-gray-400 pl-[16px] block w-full pl-[24px] py-[8px] text-[16px] leading-[24px] leading-[20px] text-[14px] py-[12px] h-[80%] top-[10%] hidden group-hover:block bg-gray-300 flex py-[10px] items-center font-medium pl-[40px]"> */