[{"data":1,"prerenderedAt":1552},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-timeline":293,"-colorffy-ui-components-timeline-surround":1547},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,288],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263,268,273,278,283],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Divider","\u002Fcolorffy-ui\u002Fcomponents\u002Fdivider","3.colorffy-ui\u002F2.components\u002F28.divider","i-lucide-separator-horizontal",{"title":274,"path":275,"stem":276,"icon":277},"Chip","\u002Fcolorffy-ui\u002Fcomponents\u002Fchip","3.colorffy-ui\u002F2.components\u002F29.chip","i-lucide-tags",{"title":279,"path":280,"stem":281,"icon":282},"Stepper","\u002Fcolorffy-ui\u002Fcomponents\u002Fstepper","3.colorffy-ui\u002F2.components\u002F30.stepper","i-lucide-list-ordered",{"title":284,"path":285,"stem":286,"icon":287},"Timeline","\u002Fcolorffy-ui\u002Fcomponents\u002Ftimeline","3.colorffy-ui\u002F2.components\u002F31.timeline","i-lucide-history",{"title":289,"path":290,"stem":291,"icon":292},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":294,"title":284,"body":295,"description":1540,"extension":1541,"links":1542,"meta":1543,"navigation":1544,"path":285,"seo":1545,"stem":286,"__hash__":1546},"docs\u002F3.colorffy-ui\u002F2.components\u002F31.timeline.md",{"type":296,"value":297,"toc":1531},"minimark",[298,306,311,322,670,674,684,961,965,980,1038,1042,1048,1097,1101,1116,1277,1281,1368,1372,1503,1519,1527],[299,300,301,305],"p",{},[302,303,304],"code",{},"UiTimeline"," renders an ordered list of events, each with a dot, icon, or image marker connected by a line. Use it for activity feeds, order\u002Fstatus history, or changelogs.",[307,308,310],"h2",{"id":309},"basic-timeline","Basic timeline",[299,312,313,314,317,318,321],{},"Without ",[302,315,316],{},"icon"," or ",[302,319,320],{},"imageUrl",", items render a plain dot marker.",[323,324,329],"pre",{"className":325,"code":326,"language":327,"meta":328,"style":328},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { ITimelineItem } from '@colorffy\u002Fui'\n\nconst items: ITimelineItem[] = [\n  { id: '1', title: 'Cuenta creada', text: 'Bienvenido a la plataforma', time: 'Hace 3 días' },\n  { id: '2', title: 'Perfil verificado', text: 'Documentos aprobados', time: 'Hace 2 días' },\n  { id: '3', title: 'Primer proyecto', text: 'Proyecto Atlas iniciado', time: 'Hace 1 día' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiTimeline :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[302,330,331,366,398,405,428,493,550,607,613,623,628,638,661],{"__ignoreMap":328},[332,333,336,340,344,348,351,354,357,361,363],"span",{"class":334,"line":335},"line",1,[332,337,339],{"class":338},"sMK4o","\u003C",[332,341,343],{"class":342},"swJcz","script",[332,345,347],{"class":346},"spNyl"," setup",[332,349,350],{"class":346}," lang",[332,352,353],{"class":338},"=",[332,355,356],{"class":338},"\"",[332,358,360],{"class":359},"sfazB","ts",[332,362,356],{"class":338},[332,364,365],{"class":338},">\n",[332,367,369,373,376,379,383,386,389,392,395],{"class":334,"line":368},2,[332,370,372],{"class":371},"s7zQu","import",[332,374,375],{"class":371}," type",[332,377,378],{"class":338}," {",[332,380,382],{"class":381},"sTEyZ"," ITimelineItem",[332,384,385],{"class":338}," }",[332,387,388],{"class":371}," from",[332,390,391],{"class":338}," '",[332,393,394],{"class":359},"@colorffy\u002Fui",[332,396,397],{"class":338},"'\n",[332,399,401],{"class":334,"line":400},3,[332,402,404],{"emptyLinePlaceholder":403},true,"\n",[332,406,408,411,414,417,420,423,425],{"class":334,"line":407},4,[332,409,410],{"class":346},"const",[332,412,413],{"class":381}," items",[332,415,416],{"class":338},":",[332,418,382],{"class":419},"sBMFI",[332,421,422],{"class":381},"[] ",[332,424,353],{"class":338},[332,426,427],{"class":381}," [\n",[332,429,431,434,437,439,441,444,447,450,453,455,457,460,462,464,467,469,471,474,476,478,481,483,485,488,490],{"class":334,"line":430},5,[332,432,433],{"class":338},"  {",[332,435,436],{"class":342}," id",[332,438,416],{"class":338},[332,440,391],{"class":338},[332,442,443],{"class":359},"1",[332,445,446],{"class":338},"'",[332,448,449],{"class":338},",",[332,451,452],{"class":342}," title",[332,454,416],{"class":338},[332,456,391],{"class":338},[332,458,459],{"class":359},"Cuenta creada",[332,461,446],{"class":338},[332,463,449],{"class":338},[332,465,466],{"class":342}," text",[332,468,416],{"class":338},[332,470,391],{"class":338},[332,472,473],{"class":359},"Bienvenido a la plataforma",[332,475,446],{"class":338},[332,477,449],{"class":338},[332,479,480],{"class":342}," time",[332,482,416],{"class":338},[332,484,391],{"class":338},[332,486,487],{"class":359},"Hace 3 días",[332,489,446],{"class":338},[332,491,492],{"class":338}," },\n",[332,494,496,498,500,502,504,507,509,511,513,515,517,520,522,524,526,528,530,533,535,537,539,541,543,546,548],{"class":334,"line":495},6,[332,497,433],{"class":338},[332,499,436],{"class":342},[332,501,416],{"class":338},[332,503,391],{"class":338},[332,505,506],{"class":359},"2",[332,508,446],{"class":338},[332,510,449],{"class":338},[332,512,452],{"class":342},[332,514,416],{"class":338},[332,516,391],{"class":338},[332,518,519],{"class":359},"Perfil verificado",[332,521,446],{"class":338},[332,523,449],{"class":338},[332,525,466],{"class":342},[332,527,416],{"class":338},[332,529,391],{"class":338},[332,531,532],{"class":359},"Documentos aprobados",[332,534,446],{"class":338},[332,536,449],{"class":338},[332,538,480],{"class":342},[332,540,416],{"class":338},[332,542,391],{"class":338},[332,544,545],{"class":359},"Hace 2 días",[332,547,446],{"class":338},[332,549,492],{"class":338},[332,551,553,555,557,559,561,564,566,568,570,572,574,577,579,581,583,585,587,590,592,594,596,598,600,603,605],{"class":334,"line":552},7,[332,554,433],{"class":338},[332,556,436],{"class":342},[332,558,416],{"class":338},[332,560,391],{"class":338},[332,562,563],{"class":359},"3",[332,565,446],{"class":338},[332,567,449],{"class":338},[332,569,452],{"class":342},[332,571,416],{"class":338},[332,573,391],{"class":338},[332,575,576],{"class":359},"Primer proyecto",[332,578,446],{"class":338},[332,580,449],{"class":338},[332,582,466],{"class":342},[332,584,416],{"class":338},[332,586,391],{"class":338},[332,588,589],{"class":359},"Proyecto Atlas iniciado",[332,591,446],{"class":338},[332,593,449],{"class":338},[332,595,480],{"class":342},[332,597,416],{"class":338},[332,599,391],{"class":338},[332,601,602],{"class":359},"Hace 1 día",[332,604,446],{"class":338},[332,606,492],{"class":338},[332,608,610],{"class":334,"line":609},8,[332,611,612],{"class":381},"]\n",[332,614,616,619,621],{"class":334,"line":615},9,[332,617,618],{"class":338},"\u003C\u002F",[332,620,343],{"class":342},[332,622,365],{"class":338},[332,624,626],{"class":334,"line":625},10,[332,627,404],{"emptyLinePlaceholder":403},[332,629,631,633,636],{"class":334,"line":630},11,[332,632,339],{"class":338},[332,634,635],{"class":342},"template",[332,637,365],{"class":338},[332,639,641,644,646,649,651,653,656,658],{"class":334,"line":640},12,[332,642,643],{"class":338},"  \u003C",[332,645,304],{"class":342},[332,647,648],{"class":346}," :items",[332,650,353],{"class":338},[332,652,356],{"class":338},[332,654,655],{"class":359},"items",[332,657,356],{"class":338},[332,659,660],{"class":338}," \u002F>\n",[332,662,664,666,668],{"class":334,"line":663},13,[332,665,618],{"class":338},[332,667,635],{"class":342},[332,669,365],{"class":338},[307,671,673],{"id":672},"icon-markers","Icon markers",[299,675,676,677,679,680,683],{},"Set ",[302,678,316],{}," (a Material Symbols HTML entity) and optionally ",[302,681,682],{},"variant"," to color the marker with the shared semantic palette.",[323,685,687],{"className":325,"code":686,"language":327,"meta":328,"style":328},"\u003Cscript setup lang=\"ts\">\nimport type { ITimelineItem } from '@colorffy\u002Fui'\n\nconst items: ITimelineItem[] = [\n  { id: '1', title: 'Nuevo despliegue', text: 'Proyecto Atlas v2.4.0 publicado', time: 'Hace 3 días', icon: '', variant: 'success' },\n  { id: '2', title: 'Alerta de uso', text: 'API alcanzó el 80% del límite', time: 'Hace 1 día', icon: '', variant: 'warning' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiTimeline :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n",[302,688,689,709,729,733,749,831,911,915,923,927,935,953],{"__ignoreMap":328},[332,690,691,693,695,697,699,701,703,705,707],{"class":334,"line":335},[332,692,339],{"class":338},[332,694,343],{"class":342},[332,696,347],{"class":346},[332,698,350],{"class":346},[332,700,353],{"class":338},[332,702,356],{"class":338},[332,704,360],{"class":359},[332,706,356],{"class":338},[332,708,365],{"class":338},[332,710,711,713,715,717,719,721,723,725,727],{"class":334,"line":368},[332,712,372],{"class":371},[332,714,375],{"class":371},[332,716,378],{"class":338},[332,718,382],{"class":381},[332,720,385],{"class":338},[332,722,388],{"class":371},[332,724,391],{"class":338},[332,726,394],{"class":359},[332,728,397],{"class":338},[332,730,731],{"class":334,"line":400},[332,732,404],{"emptyLinePlaceholder":403},[332,734,735,737,739,741,743,745,747],{"class":334,"line":407},[332,736,410],{"class":346},[332,738,413],{"class":381},[332,740,416],{"class":338},[332,742,382],{"class":419},[332,744,422],{"class":381},[332,746,353],{"class":338},[332,748,427],{"class":381},[332,750,751,753,755,757,759,761,763,765,767,769,771,774,776,778,780,782,784,787,789,791,793,795,797,799,801,803,806,808,810,813,815,817,820,822,824,827,829],{"class":334,"line":430},[332,752,433],{"class":338},[332,754,436],{"class":342},[332,756,416],{"class":338},[332,758,391],{"class":338},[332,760,443],{"class":359},[332,762,446],{"class":338},[332,764,449],{"class":338},[332,766,452],{"class":342},[332,768,416],{"class":338},[332,770,391],{"class":338},[332,772,773],{"class":359},"Nuevo despliegue",[332,775,446],{"class":338},[332,777,449],{"class":338},[332,779,466],{"class":342},[332,781,416],{"class":338},[332,783,391],{"class":338},[332,785,786],{"class":359},"Proyecto Atlas v2.4.0 publicado",[332,788,446],{"class":338},[332,790,449],{"class":338},[332,792,480],{"class":342},[332,794,416],{"class":338},[332,796,391],{"class":338},[332,798,487],{"class":359},[332,800,446],{"class":338},[332,802,449],{"class":338},[332,804,805],{"class":342}," icon",[332,807,416],{"class":338},[332,809,391],{"class":338},[332,811,812],{"class":359},"",[332,814,446],{"class":338},[332,816,449],{"class":338},[332,818,819],{"class":342}," variant",[332,821,416],{"class":338},[332,823,391],{"class":338},[332,825,826],{"class":359},"success",[332,828,446],{"class":338},[332,830,492],{"class":338},[332,832,833,835,837,839,841,843,845,847,849,851,853,856,858,860,862,864,866,869,871,873,875,877,879,881,883,885,887,889,891,894,896,898,900,902,904,907,909],{"class":334,"line":495},[332,834,433],{"class":338},[332,836,436],{"class":342},[332,838,416],{"class":338},[332,840,391],{"class":338},[332,842,506],{"class":359},[332,844,446],{"class":338},[332,846,449],{"class":338},[332,848,452],{"class":342},[332,850,416],{"class":338},[332,852,391],{"class":338},[332,854,855],{"class":359},"Alerta de uso",[332,857,446],{"class":338},[332,859,449],{"class":338},[332,861,466],{"class":342},[332,863,416],{"class":338},[332,865,391],{"class":338},[332,867,868],{"class":359},"API alcanzó el 80% del límite",[332,870,446],{"class":338},[332,872,449],{"class":338},[332,874,480],{"class":342},[332,876,416],{"class":338},[332,878,391],{"class":338},[332,880,602],{"class":359},[332,882,446],{"class":338},[332,884,449],{"class":338},[332,886,805],{"class":342},[332,888,416],{"class":338},[332,890,391],{"class":338},[332,892,893],{"class":359},"",[332,895,446],{"class":338},[332,897,449],{"class":338},[332,899,819],{"class":342},[332,901,416],{"class":338},[332,903,391],{"class":338},[332,905,906],{"class":359},"warning",[332,908,446],{"class":338},[332,910,492],{"class":338},[332,912,913],{"class":334,"line":552},[332,914,612],{"class":381},[332,916,917,919,921],{"class":334,"line":609},[332,918,618],{"class":338},[332,920,343],{"class":342},[332,922,365],{"class":338},[332,924,925],{"class":334,"line":615},[332,926,404],{"emptyLinePlaceholder":403},[332,928,929,931,933],{"class":334,"line":625},[332,930,339],{"class":338},[332,932,635],{"class":342},[332,934,365],{"class":338},[332,936,937,939,941,943,945,947,949,951],{"class":334,"line":630},[332,938,643],{"class":338},[332,940,304],{"class":342},[332,942,648],{"class":346},[332,944,353],{"class":338},[332,946,356],{"class":338},[332,948,655],{"class":359},[332,950,356],{"class":338},[332,952,660],{"class":338},[332,954,955,957,959],{"class":334,"line":640},[332,956,618],{"class":338},[332,958,635],{"class":342},[332,960,365],{"class":338},[307,962,964],{"id":963},"image-markers","Image markers",[299,966,676,967,969,970,973,974,976,977,979],{},[302,968,320],{}," (and ",[302,971,972],{},"imageAlt",") to render an avatar-style marker instead of an icon. ",[302,975,320],{}," takes precedence over ",[302,978,316],{},".",[323,981,983],{"className":325,"code":982,"language":327,"meta":328,"style":328},"\u003Ctemplate>\n  \u003CUiTimeline\n    :items=\"[\n      { id: '1', title: 'Ana Morales', text: 'Aprobó la propuesta', time: 'Hace 4 horas', imageUrl: 'https:\u002F\u002Fi.pravatar.cc\u002F88?img=5', imageAlt: 'Foto de Ana Morales' },\n    ]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[302,984,985,993,1000,1012,1017,1025,1030],{"__ignoreMap":328},[332,986,987,989,991],{"class":334,"line":335},[332,988,339],{"class":338},[332,990,635],{"class":342},[332,992,365],{"class":338},[332,994,995,997],{"class":334,"line":368},[332,996,643],{"class":338},[332,998,999],{"class":342},"UiTimeline\n",[332,1001,1002,1005,1007,1009],{"class":334,"line":400},[332,1003,1004],{"class":346},"    :items",[332,1006,353],{"class":338},[332,1008,356],{"class":338},[332,1010,1011],{"class":359},"[\n",[332,1013,1014],{"class":334,"line":407},[332,1015,1016],{"class":359},"      { id: '1', title: 'Ana Morales', text: 'Aprobó la propuesta', time: 'Hace 4 horas', imageUrl: 'https:\u002F\u002Fi.pravatar.cc\u002F88?img=5', imageAlt: 'Foto de Ana Morales' },\n",[332,1018,1019,1022],{"class":334,"line":430},[332,1020,1021],{"class":359},"    ]",[332,1023,1024],{"class":338},"\"\n",[332,1026,1027],{"class":334,"line":495},[332,1028,1029],{"class":338},"  \u002F>\n",[332,1031,1032,1034,1036],{"class":334,"line":552},[332,1033,618],{"class":338},[332,1035,635],{"class":342},[332,1037,365],{"class":338},[307,1039,1041],{"id":1040},"alternate-alignment","Alternate alignment",[299,1043,676,1044,1047],{},[302,1045,1046],{},"align=\"alternate\""," to center the connector line and zig-zag content left\u002Fright (e.g. a company timeline or roadmap).",[323,1049,1051],{"className":325,"code":1050,"language":327,"meta":328,"style":328},"\u003Ctemplate>\n  \u003CUiTimeline :items=\"items\" align=\"alternate\" \u002F>\n\u003C\u002Ftemplate>\n",[302,1052,1053,1061,1089],{"__ignoreMap":328},[332,1054,1055,1057,1059],{"class":334,"line":335},[332,1056,339],{"class":338},[332,1058,635],{"class":342},[332,1060,365],{"class":338},[332,1062,1063,1065,1067,1069,1071,1073,1075,1077,1080,1082,1085,1087],{"class":334,"line":368},[332,1064,643],{"class":338},[332,1066,304],{"class":342},[332,1068,648],{"class":346},[332,1070,353],{"class":338},[332,1072,356],{"class":338},[332,1074,655],{"class":359},[332,1076,356],{"class":338},[332,1078,1079],{"class":338}," align=",[332,1081,356],{"class":338},[332,1083,1084],{"class":359},"alternate",[332,1086,356],{"class":338},[332,1088,660],{"class":338},[332,1090,1091,1093,1095],{"class":334,"line":400},[332,1092,618],{"class":338},[332,1094,635],{"class":342},[332,1096,365],{"class":338},[307,1098,1100],{"id":1099},"custom-item-body","Custom item body",[299,1102,1103,1104,1107,1108,1111,1112,1115],{},"Provide a custom body for a specific item via the ",[302,1105,1106],{},"#item-\u003Cid>"," named slot, or handle every item the same way via the scoped ",[302,1109,1110],{},"#item"," slot (",[302,1113,1114],{},"{ item }","). Either slot overrides the default title\u002Ftext\u002Ftime markup.",[323,1117,1119],{"className":325,"code":1118,"language":327,"meta":328,"style":328},"\u003Ctemplate>\n  \u003CUiTimeline :items=\"items\">\n    \u003Ctemplate #item-release=\"{ item }\">\n      \u003Cp class=\"subtitle-1 mb-1\">{{ item.title }}\u003C\u002Fp>\n      \u003CUiBadge text=\"Producción\" variant=\"tonal tonal-success\" size=\"sm\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FUiTimeline>\n\u003C\u002Ftemplate>\n",[302,1120,1121,1129,1147,1177,1208,1251,1260,1269],{"__ignoreMap":328},[332,1122,1123,1125,1127],{"class":334,"line":335},[332,1124,339],{"class":338},[332,1126,635],{"class":342},[332,1128,365],{"class":338},[332,1130,1131,1133,1135,1137,1139,1141,1143,1145],{"class":334,"line":368},[332,1132,643],{"class":338},[332,1134,304],{"class":342},[332,1136,648],{"class":346},[332,1138,353],{"class":338},[332,1140,356],{"class":338},[332,1142,655],{"class":359},[332,1144,356],{"class":338},[332,1146,365],{"class":338},[332,1148,1149,1152,1154,1157,1160,1162,1164,1167,1170,1173,1175],{"class":334,"line":400},[332,1150,1151],{"class":338},"    \u003C",[332,1153,635],{"class":342},[332,1155,1156],{"class":338}," #",[332,1158,1159],{"class":346},"item-release",[332,1161,353],{"class":338},[332,1163,356],{"class":338},[332,1165,1166],{"class":338},"{",[332,1168,1169],{"class":381}," item ",[332,1171,1172],{"class":338},"}",[332,1174,356],{"class":338},[332,1176,365],{"class":338},[332,1178,1179,1182,1184,1187,1189,1191,1194,1196,1199,1202,1204,1206],{"class":334,"line":407},[332,1180,1181],{"class":338},"      \u003C",[332,1183,299],{"class":342},[332,1185,1186],{"class":346}," class",[332,1188,353],{"class":338},[332,1190,356],{"class":338},[332,1192,1193],{"class":359},"subtitle-1 mb-1",[332,1195,356],{"class":338},[332,1197,1198],{"class":338},">",[332,1200,1201],{"class":381},"{{ item.title }}",[332,1203,618],{"class":338},[332,1205,299],{"class":342},[332,1207,365],{"class":338},[332,1209,1210,1212,1215,1217,1219,1221,1224,1226,1228,1230,1232,1235,1237,1240,1242,1244,1247,1249],{"class":334,"line":430},[332,1211,1181],{"class":338},[332,1213,1214],{"class":342},"UiBadge",[332,1216,466],{"class":346},[332,1218,353],{"class":338},[332,1220,356],{"class":338},[332,1222,1223],{"class":359},"Producción",[332,1225,356],{"class":338},[332,1227,819],{"class":346},[332,1229,353],{"class":338},[332,1231,356],{"class":338},[332,1233,1234],{"class":359},"tonal tonal-success",[332,1236,356],{"class":338},[332,1238,1239],{"class":346}," size",[332,1241,353],{"class":338},[332,1243,356],{"class":338},[332,1245,1246],{"class":359},"sm",[332,1248,356],{"class":338},[332,1250,660],{"class":338},[332,1252,1253,1256,1258],{"class":334,"line":495},[332,1254,1255],{"class":338},"    \u003C\u002F",[332,1257,635],{"class":342},[332,1259,365],{"class":338},[332,1261,1262,1265,1267],{"class":334,"line":552},[332,1263,1264],{"class":338},"  \u003C\u002F",[332,1266,304],{"class":342},[332,1268,365],{"class":338},[332,1270,1271,1273,1275],{"class":334,"line":609},[332,1272,618],{"class":338},[332,1274,635],{"class":342},[332,1276,365],{"class":338},[307,1278,1280],{"id":1279},"props","Props",[1282,1283,1284,1303],"table",{},[1285,1286,1287],"thead",{},[1288,1289,1290,1294,1297,1300],"tr",{},[1291,1292,1293],"th",{},"Prop",[1291,1295,1296],{},"Type",[1291,1298,1299],{},"Default",[1291,1301,1302],{},"Description",[1304,1305,1306,1326,1350],"tbody",{},[1288,1307,1308,1313,1318,1323],{},[1309,1310,1311],"td",{},[302,1312,655],{},[1309,1314,1315],{},[302,1316,1317],{},"ITimelineItem[]",[1309,1319,1320],{},[302,1321,1322],{},"[]",[1309,1324,1325],{},"Array of timeline items to render.",[1288,1327,1328,1333,1338,1343],{},[1309,1329,1330],{},[302,1331,1332],{},"align",[1309,1334,1335],{},[302,1336,1337],{},"'start' | 'alternate'",[1309,1339,1340],{},[302,1341,1342],{},"'start'",[1309,1344,1345,1346,1349],{},"Layout alignment. ",[302,1347,1348],{},"'alternate'"," centers the connector line and alternates content left\u002Fright.",[1288,1351,1352,1357,1362,1365],{},[1309,1353,1354],{},[302,1355,1356],{},"customClass",[1309,1358,1359],{},[302,1360,1361],{},"string | string[] | Record\u003Cstring, boolean> | null",[1309,1363,1364],{},"—",[1309,1366,1367],{},"Extra classes for the root element.",[307,1369,1371],{"id":1370},"itimelineitem","ITimelineItem",[1282,1373,1374,1385],{},[1285,1375,1376],{},[1288,1377,1378,1381,1383],{},[1291,1379,1380],{},"Property",[1291,1382,1296],{},[1291,1384,1302],{},[1304,1386,1387,1405,1420,1434,1448,1461,1476,1489],{},[1288,1388,1389,1394,1399],{},[1309,1390,1391],{},[302,1392,1393],{},"id",[1309,1395,1396],{},[302,1397,1398],{},"string",[1309,1400,1401,1402,1404],{},"Unique identifier. Used as the render key and to target the ",[302,1403,1106],{}," slot.",[1288,1406,1407,1412,1417],{},[1309,1408,1409],{},[302,1410,1411],{},"title",[1309,1413,1414],{},[302,1415,1416],{},"string | null",[1309,1418,1419],{},"Title text displayed prominently.",[1288,1421,1422,1427,1431],{},[1309,1423,1424],{},[302,1425,1426],{},"text",[1309,1428,1429],{},[302,1430,1416],{},[1309,1432,1433],{},"Supporting text.",[1288,1435,1436,1441,1445],{},[1309,1437,1438],{},[302,1439,1440],{},"time",[1309,1442,1443],{},[302,1444,1416],{},[1309,1446,1447],{},"Timestamp\u002Flabel rendered above the title.",[1288,1449,1450,1454,1458],{},[1309,1451,1452],{},[302,1453,316],{},[1309,1455,1456],{},[302,1457,1416],{},[1309,1459,1460],{},"Material Symbols icon code for the marker.",[1288,1462,1463,1467,1471],{},[1309,1464,1465],{},[302,1466,320],{},[1309,1468,1469],{},[302,1470,1416],{},[1309,1472,1473,1474,979],{},"Image URL rendered in place of the icon\u002Fdot marker. Takes precedence over ",[302,1475,316],{},[1288,1477,1478,1482,1486],{},[1309,1479,1480],{},[302,1481,972],{},[1309,1483,1484],{},[302,1485,1416],{},[1309,1487,1488],{},"Alt text for the image.",[1288,1490,1491,1495,1500],{},[1309,1492,1493],{},[302,1494,682],{},[1309,1496,1497],{},[302,1498,1499],{},"ThemeColor | null",[1309,1501,1502],{},"Semantic color applied to the dot\u002Ficon marker.",[299,1504,1505,1509,1510,1512,1513,1515,1516,1518],{},[1506,1507,1508],"strong",{},"Slots:"," ",[302,1511,1106],{}," per-item custom body (takes precedence); ",[302,1514,1110],{}," scoped slot (",[302,1517,1114],{},") applied to every item as a fallback; both fall back to the default title\u002Ftext\u002Ftime markup when unused.",[1520,1521,1522,1523,1526],"note",{},"The marker's icon wrapper reuses the same footprint as ",[302,1524,1525],{},"UiListItem","'s icon wrapper, so a list and a timeline placed side by side stay visually aligned.",[1528,1529,1530],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":328,"searchDepth":368,"depth":368,"links":1532},[1533,1534,1535,1536,1537,1538,1539],{"id":309,"depth":368,"text":310},{"id":672,"depth":368,"text":673},{"id":963,"depth":368,"text":964},{"id":1040,"depth":368,"text":1041},{"id":1099,"depth":368,"text":1100},{"id":1279,"depth":368,"text":1280},{"id":1370,"depth":368,"text":1371},"Render a chronological feed of events with UiTimeline.","md",null,{},{"icon":287},{"title":284,"description":1540},"TATuPHseZhrA9aYKjS1XPZC86rAZz8YI6ovll4pLSPk",[1548,1550],{"title":279,"path":280,"stem":281,"description":1549,"icon":282,"children":-1},"Guide users through a sequence of steps with UiStepper.",{"title":289,"path":290,"stem":291,"description":1551,"icon":292,"children":-1},"Style Colorffy UI with Colorffy CSS, SCSS, or your own CSS.",1785268689045]