123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334 |
- import{c as y,_ as o,I as c}from"./icon-code.6d7a3662.js";import{d as b,o as n,c as g,s as h,a as e,_,u as w,b as k,j as s,f as i,g as a,W as m,w as r,l as v,r as M,k as q}from"./index.c685e846.js";import{I as L}from"./icon-trash-lines.e25f038f.js";import{I as j}from"./icon-phone.fddd7b2c.js";const p="/assets/images/profile-5.jpeg",H={key:0,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$=h('<path d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM2.3806 15.9134L3.07351 15.6264V15.6264L2.3806 15.9134ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM19.6125 2.7368L19.2206 3.37628L19.6125 2.7368ZM21.2632 4.38751L21.9027 3.99563V3.99563L21.2632 4.38751ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM2.75 11.5V10.5H1.25V11.5H2.75ZM1.25 11.5C1.25 12.6546 1.24959 13.5581 1.29931 14.2868C1.3495 15.0223 1.45323 15.6344 1.68769 16.2004L3.07351 15.6264C2.92737 15.2736 2.84081 14.8438 2.79584 14.1847C2.75041 13.5189 2.75 12.6751 2.75 11.5H1.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM13.5 2.75C15.1512 2.75 16.337 2.75079 17.2619 2.83873C18.1757 2.92561 18.7571 3.09223 19.2206 3.37628L20.0044 2.09732C19.2655 1.64457 18.4274 1.44279 17.4039 1.34547C16.3915 1.24921 15.1222 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 8.87781 22.7508 7.6085 22.6545 6.59611C22.5572 5.57256 22.3554 4.73445 21.9027 3.99563L20.6237 4.77938C20.9078 5.24291 21.0744 5.82434 21.1613 6.73809C21.2492 7.663 21.25 8.84876 21.25 10.5H22.75ZM19.2206 3.37628C19.7925 3.72672 20.2733 4.20752 20.6237 4.77938L21.9027 3.99563C21.4286 3.22194 20.7781 2.57144 20.0044 2.09732L19.2206 3.37628ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z" fill="currentColor"></path><g opacity="0.5"><path d="M9 11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10C8.55228 10 9 10.4477 9 11Z" fill="currentColor"></path><path d="M13 11C13 11.5523 12.5523 12 12 12C11.4477 12 11 11.5523 11 11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11Z" fill="currentColor"></path><path d="M17 11C17 11.5523 16.5523 12 16 12C15.4477 12 15 11.5523 15 11C15 10.4477 15.4477 10 16 10C16.5523 10 17 10.4477 17 11Z" fill="currentColor"></path></g>',2),S=[$],A={key:1,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Z=e("path",{opacity:"0.5",d:"M10.2216 15.3539L9.81499 16.0408C9.45262 16.653 8.54735 16.653 8.18498 16.0408L7.7784 15.3539C7.46305 14.8211 7.30537 14.5547 7.05209 14.4074C6.79882 14.2601 6.47995 14.2546 5.8422 14.2436H5.84218C4.90066 14.2274 4.31017 14.1697 3.81494 13.9645C2.89608 13.5839 2.16605 12.8539 1.78545 11.9351C1.5 11.2459 1.5 10.3723 1.5 8.625V7.875C1.5 5.41993 1.5 4.19239 2.0526 3.29063C2.36181 2.78605 2.78605 2.36181 3.29063 2.0526C4.19239 1.5 5.41993 1.5 7.875 1.5H10.125C12.5801 1.5 13.8076 1.5 14.7094 2.0526C15.214 2.36181 15.6382 2.78605 15.9474 3.29063C16.5 4.19239 16.5 5.41993 16.5 7.875V8.625C16.5 10.3723 16.5 11.2459 16.2145 11.9351C15.8339 12.8539 15.1039 13.5839 14.1851 13.9645C13.6898 14.1697 13.0993 14.2274 12.1578 14.2436H12.1578C11.52 14.2546 11.2011 14.2601 10.9479 14.4074C10.6946 14.5547 10.5369 14.8211 10.2216 15.3539Z",fill:"currentColor"},null,-1),F=e("path",{d:"M12.75 8.25C12.75 8.66421 12.4142 9 12 9C11.5858 9 11.25 8.66421 11.25 8.25C11.25 7.83579 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25Z",fill:"currentColor"},null,-1),V=e("path",{d:"M9.75 8.25C9.75 8.66421 9.41421 9 9 9C8.58579 9 8.25 8.66421 8.25 8.25C8.25 7.83579 8.58579 7.5 9 7.5C9.41421 7.5 9.75 7.83579 9.75 8.25Z",fill:"currentColor"},null,-1),B=e("path",{d:"M6.75 8.25C6.75 8.66421 6.41421 9 6 9C5.58579 9 5.25 8.66421 5.25 8.25C5.25 7.83579 5.58579 7.5 6 7.5C6.41421 7.5 6.75 7.83579 6.75 8.25Z",fill:"currentColor"},null,-1),I=[Z,F,V,B],D=b({__name:"icon-message-dots",props:{fill:{type:Boolean,default:!1}},setup(f){return(x,l)=>f.fill?(n(),g("svg",A,I)):(n(),g("svg",H,S))}}),N={key:0,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P=e("path",{opacity:"0.5",d:"M15.636 6.53479C16.7878 5.38301 16.7878 3.51561 15.636 2.36383C14.4843 1.21206 12.6169 1.21206 11.4651 2.36383L10.7998 3.02911C10.8089 3.05662 10.8184 3.08451 10.8282 3.11277C11.072 3.81562 11.5321 4.737 12.3976 5.60252C13.2631 6.46803 14.1845 6.92811 14.8874 7.17196C14.9155 7.18172 14.9432 7.19113 14.9706 7.2002L15.636 6.53479Z",fill:"currentColor"},null,-1),R=e("path",{d:"M10.8289 3.00049L10.8003 3.02913C10.8094 3.05664 10.8189 3.08453 10.8287 3.11279C11.0725 3.81564 11.5326 4.73703 12.3981 5.60254C13.2636 6.46805 14.185 6.92813 14.8879 7.17198C14.9157 7.18166 14.9433 7.19099 14.9704 7.19998L8.55008 13.6203C8.11723 14.0532 7.90076 14.2696 7.66212 14.4558C7.38061 14.6753 7.07602 14.8636 6.75373 15.0172C6.48052 15.1474 6.19014 15.2442 5.60938 15.4378L2.54688 16.4586C2.26108 16.5539 1.94599 16.4795 1.73297 16.2665C1.51995 16.0534 1.44557 15.7384 1.54084 15.4526L2.56167 12.3901C2.75526 11.8093 2.85205 11.5189 2.98226 11.2457C3.13585 10.9234 3.3241 10.6188 3.54367 10.3373C3.7298 10.0987 3.94623 9.88225 4.37906 9.44942L10.8289 3.00049Z",fill:"currentColor"},null,-1),E=[P,R],T={key:1,width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O=e("path",{d:"M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z",stroke:"currentColor","stroke-width":"1.5"},null,-1),W=e("path",{opacity:"0.5",d:"M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015",stroke:"currentColor","stroke-width":"1.5"},null,-1),z=[O,W],X=b({__name:"icon-pencil",props:{fill:{type:Boolean,default:!1}},setup(f){return(x,l)=>f.fill?(n(),g("svg",N,E)):(n(),g("svg",T,z))}}),G={},J={width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},K=h('<g opacity="0.5"><path d="M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z" fill="currentColor"></path><path d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" fill="currentColor"></path><path d="M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z" fill="currentColor"></path></g><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z" stroke="currentColor" stroke-width="1.5"></path>',2),Q=[K];function U(f,x){return n(),g("svg",J,Q)}const Y=_(G,[["render",U]]),ee={},se={width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},te=e("path",{d:"M22 22H2",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},null,-1),ie=e("path",{opacity:"0.5",d:"M21 22V14.5C21 13.6716 20.3284 13 19.5 13H16.5C15.6716 13 15 13.6716 15 14.5V22",stroke:"currentColor","stroke-width":"1.5"},null,-1),ne=e("path",{d:"M15 22V5C15 3.58579 15 2.87868 14.5607 2.43934C14.1213 2 13.4142 2 12 2C10.5858 2 9.87868 2 9.43934 2.43934C9 2.87868 9 3.58579 9 5V22",stroke:"currentColor","stroke-width":"1.5"},null,-1),ae=e("path",{opacity:"0.5",d:"M9 22V9.5C9 8.67157 8.32843 8 7.5 8H4.5C3.67157 8 3 8.67157 3 9.5V22",stroke:"currentColor","stroke-width":"1.5"},null,-1),le=[te,ie,ne,ae];function re(f,x){return n(),g("svg",se,le)}const de=_(ee,[["render",re]]),ue={},oe={width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ce=e("circle",{opacity:"0.5",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"1.5"},null,-1),me=e("path",{d:"M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},null,-1),ve=[ce,me];function pe(f,x){return n(),g("svg",oe,ve)}const he=_(ue,[["render",pe]]),ge={},fe={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},xe=e("path",{opacity:"0.5",d:"M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z",stroke:"currentColor","stroke-width":"1.5"},null,-1),_e=e("path",{d:"M12 8V13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},null,-1),be=e("circle",{cx:"12",cy:"16",r:"1",fill:"currentColor"},null,-1),Ce=[xe,_e,be];function ye(f,x){return n(),g("svg",fe,Ce)}const we=_(ge,[["render",ye]]),ke=e("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[e("li",null,[e("a",{href:"javascript:;",class:"text-primary hover:underline"},"Components")]),e("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2"},[e("span",null,"Media Object")])],-1),Me={class:"pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6"},qe={class:"panel"},Le={class:"flex items-center justify-between mb-5"},je=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Simple",-1),He={class:"flex items-center"},$e=h('<div class="mb-5"><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),Se=e("pre",null,`<!-- simple -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),Ae={class:"panel"},Ze={class:"flex items-center justify-between mb-5"},Fe=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Order",-1),Ve={class:"flex items-center"},Be=h('<div class="mb-5"><div class="flex"><div class="flex-1 ltr:mr-4 rtl:ml-4"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div><div><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div></div></div>',1),Ie=e("pre",null,`<!-- order -->
- <div class="flex">
- <div class="flex-1 ltr:mr-4 rtl:ml-4">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- <div>
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- </div>
- `,-1),De={class:"panel"},Ne={class:"flex items-center justify-between mb-5"},Pe=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Top-aligned media",-1),Re={class:"flex items-center"},Ee=h('<div class="mb-5"><div class="flex items-start"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),Te=e("pre",null,`<!-- top-aligned media -->
- <div class="flex items-start">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu,
- gravida neque.
- </p>
- </div>
- </div>
- `,-1),Oe={class:"panel"},We={class:"flex items-center justify-between mb-5"},ze=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Center-aligned media",-1),Xe={class:"flex items-center"},Ge=h('<div class="mb-5"><div class="flex items-center"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),Je=e("pre",null,`<!-- center aligned media -->
- <div class="flex items-center">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu,
- gravida neque.
- </p>
- </div>
- </div>
- `,-1),Ke={class:"panel"},Qe={class:"flex items-center justify-between mb-5"},Ue=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Bottom-aligned media",-1),Ye={class:"flex items-center"},es=h('<div class="mb-5"><div class="flex items-end"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),ss=e("pre",null,`<!-- bottom aligned media -->
- <div class="flex items-end">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu,
- gravida neque.
- </p>
- </div>
- </div>
- `,-1),ts={class:"panel"},is={class:"flex items-center justify-between mb-5"},ns=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Right Aligned",-1),as={class:"flex items-center"},ls=h('<div class="mb-5"><div class="flex"><div class="flex-1 ltr:mr-4 rtl:ml-4 ltr:text-right rtl:text-left"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div><div><img src="'+p+'" alt="" class="w-16 h-16 rounded"></div></div></div>',1),rs=e("pre",null,`<!-- right aligned -->
- <div class="flex">
- <div class="flex-1 ltr:mr-4 rtl:ml-4 ltr:text-right rtl:text-left">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu,
- gravida neque.
- </p>
- </div>
- <div>
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-16 h-16 rounded" />
- </div>
- </div>
- `,-1),ds={class:"panel"},us={class:"flex items-center justify-between mb-5"},os=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Media list",-1),cs={class:"flex items-center"},ms=h('<div class="mb-5"><div class="flex mb-5"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div><div class="flex mb-5"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),vs=e("pre",null,`<!-- list -->
- <div class="flex mb-5">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <div class="flex mb-5">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),ps={class:"panel"},hs={class:"flex items-center justify-between mb-5"},gs=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Nesting",-1),fs={class:"flex items-center"},xs=h('<div class="mb-5"><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text mb-5"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div></div></div>',1),_s=e("pre",null,`<!-- nesting -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text mb-5">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu,
- gravida neque.
- </p>
- </div>
- </div>
- </div>
- </div>
- `,-1),bs={class:"panel"},Cs={class:"flex items-center justify-between mb-5"},ys=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Notation Text",-1),ws={class:"flex items-center"},ks=h('<div class="mb-5"><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4><p class="media-text mb-4"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p><ul class="flex space-x-4 rtl:space-x-reverse font-bold"><li><a href="javascript:;" class="hover:text-primary">Reply</a></li><li><a href="javascript:;" class="hover:text-primary">Edit</a></li><li><a href="javascript:;" class="hover:text-primary">Delete</a></li></ul></div></div></div>',1),Ms=e("pre",null,`<!-- notation text -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text mb-4">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- <ul class="flex space-x-4 rtl:space-x-reverse font-bold">
- <li><a href="javascript:;" class="hover:text-primary">Reply</a></li>
- <li><a href="javascript:;" class="hover:text-primary">Edit</a></li>
- <li><a href="javascript:;" class="hover:text-primary">Delete</a></li>
- </ul>
- </div>
- </div>
- `,-1),qs={class:"panel"},Ls={class:"flex items-center justify-between mb-5"},js=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Notation Icon",-1),Hs={class:"flex items-center"},$s={class:"mb-5"},Ss={class:"flex"},As=e("div",{class:"ltr:mr-4 rtl:ml-4"},[e("img",{src:p,alt:"",class:"w-14 h-14 rounded"})],-1),Zs={class:"flex-1"},Fs=e("h4",{class:"font-semibold text-lg mb-2 text-primary"},"Heading",-1),Vs=e("p",{class:"media-text mb-4"}," Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. ",-1),Bs={class:"flex space-x-4 rtl:space-x-reverse font-bold"},Is={href:"javascript:;",class:"flex items-center hover:text-primary"},Ds={href:"javascript:;",class:"flex items-center hover:text-primary"},Ns={href:"javascript:;",class:"flex items-center hover:text-primary"},Ps=e("pre",null,`<!-- notation icon -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
- <p class="media-text mb-4">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- <ul class="flex space-x-4 rtl:space-x-reverse font-bold">
- <li>
- <a href="javascript:;" class="flex items-center hover:text-primary">
- <svg> ... </svg>
- Reply
- </a>
- </li>
- <li>
- <a href="javascript:;" class="flex items-center hover:text-primary">
- <svg> ... </svg>
- Edit
- </a>
- </li>
- <li>
- <a href="javascript:;" class="flex items-center hover:text-primary">
- <svg> ... </svg>
- Delete
- </a>
- </li>
- </ul>
- </div>
- </div>
- `,-1),Rs={class:"panel"},Es={class:"flex items-center justify-between mb-5"},Ts=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Badge",-1),Os={class:"flex items-center"},Ws=h('<div class="mb-5"><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><img src="'+p+'" alt="" class="w-14 h-14 rounded"></div><div class="flex-1"><h4 class="font-semibold text-lg mb-2 text-primary"> Heading <span class="badge bg-primary ltr:float-right rtl:float-left">Web Designer</span></h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),zs=e("pre",null,`<!-- badge -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg mb-2 text-primary">Heading <span class="badge bg-primary ltr:float-right rtl:float-left">Web Designer</span></h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),Xs={class:"panel"},Gs={class:"flex items-center justify-between mb-5"},Js=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Dropdown List",-1),Ks={class:"flex items-center"},Qs={class:"mb-5"},Us={class:"flex"},Ys=e("div",{class:"ltr:mr-4 rtl:ml-4"},[e("img",{src:p,alt:"",class:"w-14 h-14 rounded"})],-1),et={class:"flex-1"},st={class:"flex justify-between mb-2"},tt=e("h4",{class:"font-semibold text-lg text-primary"},"Heading",-1),it={class:"dropdown"},nt={href:"javascript:;"},at=["onClick"],lt={href:"javascript:;"},rt={href:"javascript:;"},dt={href:"javascript:;"},ut=e("p",{class:"media-text"}," Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. ",-1),ot=e("pre",null,`<!-- dropdown -->
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <img src="/assets/images/profile-5.jpeg" alt="" class="w-14 h-14 rounded" />
- </div>
- <div class="flex-1">
- <div class="flex justify-between mb-2">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <div class="dropdown">
- <Popper :placement="store.rtlClass === 'rtl' ? 'bottom-start' : 'bottom-end'" offsetDistance="0" class="align-middle">
- <a href="javascript:;">
- <svg> ... </svg>
- </a>
- <template #content="{ close }">
- <ul @click="close()" class="whitespace-nowrap">
- <li>
- <a href="javascript:;">
- <svg> ... </svg>
- Start chat
- </a>
- </li>
- <li>
- <a href="javascript:;">
- <svg> ... </svg>
- Make a call
- </a>
- </li>
- <li>
- <a href="javascript:;">
- <svg> ... </svg>
- Statistics
- </a>
- </li>
- </ul>
- </template>
- </Popper>
- </div>
- </div>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <!-- script -->
- <script lang="ts" setup>
- import { useAppStore } from '@/stores/index';
- const store = useAppStore();
- <\/script>
- `,-1),ct={class:"panel"},mt={class:"flex items-center justify-between mb-5"},vt=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Labels",-1),pt={class:"flex items-center"},ht={class:"mb-5"},gt={class:"flex items-center mb-5"},ft={class:"ltr:mr-4 rtl:ml-4"},xt=e("div",{class:"flex-1"},[e("h4",{class:"font-semibold text-lg text-primary"},"Heading"),e("p",{class:"media-text"}," Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. ")],-1),_t={class:"flex items-center"},bt={class:"ltr:mr-4 rtl:ml-4"},Ct=e("div",{class:"flex-1"},[e("h4",{class:"font-semibold text-lg text-primary"},"Heading"),e("p",{class:"media-text"}," Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. ")],-1),yt=e("pre",null,`<!-- error -->
- <div class="flex items-center mb-5">
- <div class="ltr:mr-4 rtl:ml-4">
- <svg> ... </svg>
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <div class="flex items-center">
- <div class="ltr:mr-4 rtl:ml-4">
- <svg> ... </svg>
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),wt={class:"panel"},kt={class:"flex items-center justify-between mb-5"},Mt=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Checkbox",-1),qt={class:"flex items-center"},Lt=h('<div class="mb-5"><div class="flex mb-5"><div class="ltr:mr-4 rtl:ml-4"><input type="checkbox" class="form-checkbox mt-1.5" checked></div><div class="flex-1"><h4 class="font-semibold text-lg text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><input type="checkbox" class="form-checkbox mt-1.5"></div><div class="flex-1"><h4 class="font-semibold text-lg text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),jt=e("pre",null,`<!-- checkbox -->
- <div class="flex mb-5">
- <div class="ltr:mr-4 rtl:ml-4">
- <input type="checkbox" class="form-checkbox mt-1.5" checked />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <input type="checkbox" class="form-checkbox mt-1.5" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),Ht={class:"panel"},$t={class:"flex items-center justify-between mb-5"},St=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Radio",-1),At={class:"flex items-center"},Zt=h('<div class="mb-5"><div class="flex mb-5"><div class="ltr:mr-4 rtl:ml-4"><input type="radio" class="form-radio mt-1.5" name="radio" checked></div><div class="flex-1"><h4 class="font-semibold text-lg text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div><div class="flex"><div class="ltr:mr-4 rtl:ml-4"><input type="radio" class="form-radio mt-1.5" name="radio"></div><div class="flex-1"><h4 class="font-semibold text-lg text-primary">Heading</h4><p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. </p></div></div></div>',1),Ft=e("pre",null,`<!-- radio -->
- <div class="flex mb-5">
- <div class="ltr:mr-4 rtl:ml-4">
- <input type="radio" class="form-radio mt-1.5" name="radio" checked />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- <div class="flex">
- <div class="ltr:mr-4 rtl:ml-4">
- <input type="radio" class="form-radio mt-1.5" name="radio" />
- </div>
- <div class="flex-1">
- <h4 class="font-semibold text-lg text-primary">Heading</h4>
- <p class="media-text">
- Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida
- neque.
- </p>
- </div>
- </div>
- `,-1),Rt=b({__name:"media-object",setup(f){w({title:"Media Object"});const x=k(),{codeArr:l,toggleCode:u}=y();return(Vt,t)=>{const C=M("Popper");return n(),g("div",null,[ke,e("div",Me,[e("div",qe,[e("div",Le,[je,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[0]||(t[0]=d=>s(u)("code1"))},[e("span",He,[i(c,{class:"me-2"}),a(" Code ")])])]),$e,s(l).includes("code1")?(n(),m(o,{key:0},{default:r(()=>[Se]),_:1})):v("",!0)]),e("div",Ae,[e("div",Ze,[Fe,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[1]||(t[1]=d=>s(u)("code2"))},[e("span",Ve,[i(c,{class:"me-2"}),a(" Code ")])])]),Be,s(l).includes("code2")?(n(),m(o,{key:0},{default:r(()=>[Ie]),_:1})):v("",!0)]),e("div",De,[e("div",Ne,[Pe,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[2]||(t[2]=d=>s(u)("code3"))},[e("span",Re,[i(c,{class:"me-2"}),a(" Code ")])])]),Ee,s(l).includes("code3")?(n(),m(o,{key:0},{default:r(()=>[Te]),_:1})):v("",!0)]),e("div",Oe,[e("div",We,[ze,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[3]||(t[3]=d=>s(u)("code4"))},[e("span",Xe,[i(c,{class:"me-2"}),a(" Code ")])])]),Ge,s(l).includes("code4")?(n(),m(o,{key:0},{default:r(()=>[Je]),_:1})):v("",!0)]),e("div",Ke,[e("div",Qe,[Ue,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[4]||(t[4]=d=>s(u)("code5"))},[e("span",Ye,[i(c,{class:"me-2"}),a(" Code ")])])]),es,s(l).includes("code5")?(n(),m(o,{key:0},{default:r(()=>[ss]),_:1})):v("",!0)]),e("div",ts,[e("div",is,[ns,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[5]||(t[5]=d=>s(u)("code6"))},[e("span",as,[i(c,{class:"me-2"}),a(" Code ")])])]),ls,s(l).includes("code6")?(n(),m(o,{key:0},{default:r(()=>[rs]),_:1})):v("",!0)]),e("div",ds,[e("div",us,[os,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[6]||(t[6]=d=>s(u)("code7"))},[e("span",cs,[i(c,{class:"me-2"}),a(" Code ")])])]),ms,s(l).includes("code7")?(n(),m(o,{key:0},{default:r(()=>[vs]),_:1})):v("",!0)]),e("div",ps,[e("div",hs,[gs,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[7]||(t[7]=d=>s(u)("code8"))},[e("span",fs,[i(c,{class:"me-2"}),a(" Code ")])])]),xs,s(l).includes("code8")?(n(),m(o,{key:0},{default:r(()=>[_s]),_:1})):v("",!0)]),e("div",bs,[e("div",Cs,[ys,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[8]||(t[8]=d=>s(u)("code9"))},[e("span",ws,[i(c,{class:"me-2"}),a(" Code ")])])]),ks,s(l).includes("code9")?(n(),m(o,{key:0},{default:r(()=>[Ms]),_:1})):v("",!0)]),e("div",qs,[e("div",Ls,[js,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[9]||(t[9]=d=>s(u)("code10"))},[e("span",Hs,[i(c,{class:"me-2"}),a(" Code ")])])]),e("div",$s,[e("div",Ss,[As,e("div",Zs,[Fs,Vs,e("ul",Bs,[e("li",null,[e("a",Is,[i(D,{class:"w-4 h-4 ltr:mr-1 rtl:ml-1"}),a(" Reply ")])]),e("li",null,[e("a",Ds,[i(X,{class:"w-3.5 h-3.5 ltr:mr-1 rtl:ml-1"}),a(" Edit ")])]),e("li",null,[e("a",Ns,[i(L,{class:"w-4 h-4 ltr:mr-1 rtl:ml-1"}),a(" Delete ")])])])])])]),s(l).includes("code10")?(n(),m(o,{key:0},{default:r(()=>[Ps]),_:1})):v("",!0)]),e("div",Rs,[e("div",Es,[Ts,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[10]||(t[10]=d=>s(u)("code11"))},[e("span",Os,[i(c,{class:"me-2"}),a(" Code ")])])]),Ws,s(l).includes("code11")?(n(),m(o,{key:0},{default:r(()=>[zs]),_:1})):v("",!0)]),e("div",Xs,[e("div",Gs,[Js,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[11]||(t[11]=d=>s(u)("code12"))},[e("span",Ks,[i(c,{class:"me-2"}),a(" Code ")])])]),e("div",Qs,[e("div",Us,[Ys,e("div",et,[e("div",st,[tt,e("div",it,[i(C,{placement:s(x).rtlClass==="rtl"?"bottom-start":"bottom-end",offsetDistance:"0",class:"align-middle"},{content:r(({close:d})=>[e("ul",{onClick:Bt=>d(),class:"whitespace-nowrap"},[e("li",null,[e("a",lt,[i(Y,{class:"ltr:mr-1 rtl:ml-1"}),a(" Start chat ")])]),e("li",null,[e("a",rt,[i(j,{class:"ltr:mr-1 rtl:ml-1"}),a(" Make a call ")])]),e("li",null,[e("a",dt,[i(de,{class:"ltr:mr-1 rtl:ml-1"}),a(" Statistics ")])])],8,at)]),default:r(()=>[e("a",nt,[i(q,{class:"opacity-70 text-white-dark"})])]),_:1},8,["placement"])])]),ut])])]),s(l).includes("code12")?(n(),m(o,{key:0},{default:r(()=>[ot]),_:1})):v("",!0)]),e("div",ct,[e("div",mt,[vt,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[12]||(t[12]=d=>s(u)("code13"))},[e("span",pt,[i(c,{class:"me-2"}),a(" Code ")])])]),e("div",ht,[e("div",gt,[e("div",ft,[i(he,{class:"w-7 h-7 text-danger"})]),xt]),e("div",_t,[e("div",bt,[i(we,{class:"w-7 h-7 text-warning"})]),Ct])]),s(l).includes("code13")?(n(),m(o,{key:0},{default:r(()=>[yt]),_:1})):v("",!0)]),e("div",wt,[e("div",kt,[Mt,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[13]||(t[13]=d=>s(u)("code14"))},[e("span",qt,[i(c,{class:"me-2"}),a(" Code ")])])]),Lt,s(l).includes("code14")?(n(),m(o,{key:0},{default:r(()=>[jt]),_:1})):v("",!0)]),e("div",Ht,[e("div",$t,[St,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:t[14]||(t[14]=d=>s(u)("code15"))},[e("span",At,[i(c,{class:"me-2"}),a(" Code ")])])]),Zt,s(l).includes("code15")?(n(),m(o,{key:0},{default:r(()=>[Ft]),_:1})):v("",!0)])])])}}});export{Rt as default};
|