https://santas-slides.netlify.app/assets/md-N-F4R6yd.js

1import{v as y}from"./modules/unplugin-icons-D3Nw-66L.js";import{_ as m}from"./slidev/CodeBlockWrapper.vue_vue_type_script_setup_true_lang-DyrBJD3c.js";import{E as u,b as f,o as e,w as h,g as s,e as l,H as t,m as b,G as n,f as r,i as o,v as x,x as B,A as d}from"./modules/vue-CynRjMpH.js";import{_ as A}from"./slidev/two-cols.vue_vue_type_script_setup_true_lang-CIVsCQnk.js";import{u as v,f as D}from"./slidev/context-zDDIoJ0W.js";import"./index-DCfA-xrU.js";import"./modules/shiki-CCaIuvDs.js";const w={class:"mt-4 space-y-2 text-sm"},_={class:"flex items-center gap-2"},C={class:"flex items-center gap-2"},M={class:"flex items-center gap-2"},j={class:"flex items-center gap-2"},H={class:"h-full flex items-center justify-center"},P={class:"relative"},G={__name:"slides.md__slidev_12",setup(N){const{$clicksContext:p,$frontmatter:g}=v();return p.setup(),(T,i)=>{const c=m,k=y,a=u("click");return e(),f(A,x(B(d(D)(d(g),11))),{right:h(V=>[s("div",H,[n((e(),r("div",P,[o(" Mock map with markers "),i[5]||(i[5]=s("div",{class:"w-64 h-64 bg-gray-800 rounded-lg overflow-hidden relative border border-gray-600"},[s("div",{class:"absolute inset-0 opacity-20"},[s("div",{class:"absolute top-1/4 left-1/4 w-32 h-32 border border-gray-500 rounded"}),s("div",{class:"absolute top-1/3 left-1/3 w-20 h-20 border border-gray-500"})]),o(" Markers with gradient colors "),s("div",{class:"absolute top-8 left-12 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-xs font-bold shadow-lg animate-bounce",style:{"animation-duration":"2s"}},[s("span",{class:"text-white"},"🧊")]),s("div",{class:"absolute top-16 right-8 w-8 h-8 rounded-full bg-cyan-400 flex items-center justify-center text-xs font-bold shadow-lg"},[s("span",null,"❄️")]),s("div",{class:"absolute bottom-16 left-8 w-8 h-8 rounded-full bg-yellow-500 flex items-center justify-center text-xs font-bold shadow-lg"},[s("span",null,"🌡️")]),s("div",{class:"absolute bottom-8 right-16 w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center text-xs font-bold shadow-lg"},[s("span",null,"🔥")]),s("div",{class:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-red-500 flex items-center justify-center text-xs font-bold shadow-lg animate-pulse"},[s("span",null,"🎁")])],-1)),i[6]||(i[6]=s("div",{class:"mt-4 text-center text-sm text-gray-400"}," Blue = Cold | Red = Hot! ",-1))])),[[a]])]),i[7]||(i[7]=s("div",{class:"absolute bottom-4 right-4 text-sm text-white/50"},"11",-1))]),default:h(()=>[i[8]||(i[8]=s("h1",null,"Feature #1: Advanced Markers",-1)),i[9]||(i[9]=s("div",{class:"text-gray-300 mb-4"},[t("Dynamic, customizable markers that are "),s("span",{class:"text-green-400 font-bold"},"fast"),t(" and "),s("span",{class:"text-red-400 font-bold"},"beautiful")],-1)),l(c,b({},{title:"",ranges:["all","2-5","7-8"]}),{default:h(()=>[...i[0]||(i[0]=[s("pre",{class:"shiki shiki-themes vitesse-dark vitesse-light slidev-code",style:{"--shiki-dark":"#dbd7caee","--shiki-light":"#393a34","--shiki-dark-bg":"#121212","--shiki-light-bg":"#ffffff"}},[s("code",{class:"language-ts"},[s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}},"const "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"marker"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," ="),s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}}," new "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"google"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"maps"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"marker")]),t(`
2`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"  ."),s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"AdvancedMarkerElement"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"({")]),t(`
3`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"    map"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},",")]),t(`
4`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    position"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": { "),s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"lat"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#4C9A91","--shiki-light":"#2F798A"}},"51.5197"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},", "),s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"lng"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#CB7676","--shiki-light":"#AB5959"}},"-"),s("span",{style:{"--shiki-dark":"#4C9A91","--shiki-light":"#2F798A"}},"0.0754"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," },")]),t(`
5`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    content"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"markerContent"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},", "),s("span",{style:{"--shiki-dark":"#758575DD","--shiki-light":"#A0ADA0"}},"// Custom HTML!")]),t(`
6`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#B8A965","--shiki-light":"#998418"}},"    title"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},": "),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"player"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"nickname")]),t(`
7`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"});")]),t(`
8`),s("span",{class:"line"}),t(`
9`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#758575DD","--shiki-light":"#A0ADA0"}},"// Change color based on distance")]),t(`
10`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"markerContent"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"style"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"."),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"background"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}}," =")]),t(`
11`),s("span",{class:"line"},[s("span",{style:{"--shiki-dark":"#80A665","--shiki-light":"#59873A"}},"  getMarkerColor"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},"("),s("span",{style:{"--shiki-dark":"#BD976A","--shiki-light":"#B07D48"}},"distance"),s("span",{style:{"--shiki-dark":"#666666","--shiki-light":"#999999"}},");")])])],-1)])]),_:1},16),s("div",w,[n((e(),r("div",_,[l(k,{class:"text-green-400"}),i[1]||(i[1]=t(" Render custom HTML/CSS ",-1))])),[[a]]),n((e(),r("div",C,[l(k,{class:"text-green-400"}),i[2]||(i[2]=t(" Dynamic updates without recreating ",-1))])),[[a]]),n((e(),r("div",M,[l(k,{class:"text-green-400"}),i[3]||(i[3]=t(" Hardware-accelerated rendering ",-1))])),[[a]]),n((e(),r("div",j,[l(k,{class:"text-green-400"}),i[4]||(i[4]=t(" Click events and interactions ",-1))])),[[a]])])]),_:1},16)}}};export{G as default};