[{"data":1,"prerenderedAt":882},["ShallowReactive",2],{"navigation_docs":3,"-customization-custom-renderers":85,"-customization-custom-renderers-surround":877},[4,20,45,70],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F1.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F2.quick-start","i-lucide-play",{"title":21,"path":22,"stem":23,"children":24,"page":6},"Essentials","\u002Fessentials","2.essentials",[25,30,35,40],{"title":26,"path":27,"stem":28,"icon":29},"Core Concepts","\u002Fessentials\u002Fcore-concepts","2.essentials\u002F1.core-concepts","i-lucide-book-open",{"title":31,"path":32,"stem":33,"icon":34},"Data Sources","\u002Fessentials\u002Fdata-sources","2.essentials\u002F2.data-sources","i-lucide-database",{"title":36,"path":37,"stem":38,"icon":39},"Refining the Timeline","\u002Fessentials\u002Frefining-the-timeline","2.essentials\u002F3.refining-the-timeline","i-lucide-filter",{"title":41,"path":42,"stem":43,"icon":44},"Components","\u002Fessentials\u002Fcomponents","2.essentials\u002F4.components","i-lucide-layout-panel-left",{"title":46,"path":47,"stem":48,"children":49,"page":6},"Customization","\u002Fcustomization","3.customization",[50,55,60,65],{"title":51,"path":52,"stem":53,"icon":54},"Custom Renderers","\u002Fcustomization\u002Fcustom-renderers","3.customization\u002F1.custom-renderers","i-lucide-paintbrush",{"title":56,"path":57,"stem":58,"icon":59},"Caching","\u002Fcustomization\u002Fcaching","3.customization\u002F2.caching","i-lucide-database-zap",{"title":61,"path":62,"stem":63,"icon":64},"Configuration","\u002Fcustomization\u002Fconfiguration","3.customization\u002F3.configuration","i-lucide-settings",{"title":66,"path":67,"stem":68,"icon":69},"Tailwind","\u002Fcustomization\u002Ftailwind","3.customization\u002F4.tailwind","i-simple-icons-tailwindcss",{"title":71,"path":72,"stem":73,"children":74,"page":6},"Advanced","\u002Fadvanced","4.advanced",[75,80],{"title":76,"path":77,"stem":78,"icon":79},"Performance Notes","\u002Fadvanced\u002Fperformance","4.advanced\u002F1.performance","i-lucide-gauge",{"title":81,"path":82,"stem":83,"icon":84},"Testing","\u002Fadvanced\u002Ftesting","4.advanced\u002F2.testing","i-lucide-flask-conical",{"id":86,"title":51,"body":87,"description":870,"extension":871,"links":872,"meta":873,"navigation":874,"path":52,"seo":875,"stem":53,"__hash__":876},"docs\u002F3.customization\u002F1.custom-renderers.md",{"type":88,"value":89,"toc":863},"minimark",[90,111,116,367,371,533,537,608,612,619,644,648,651,687,859],[91,92,93,94,98,99,102,103,106,107,110],"p",{},"Out of the box, entries from spatie's activity log render via the built-in ",[95,96,97],"code",{},"ActivityLogRenderer"," (which understands ",[95,100,101],{},"updated","\u002F",[95,104,105],{},"created","\u002Fetc. events and renders field diffs), and everything else falls back to ",[95,108,109],{},"DefaultRenderer"," (title, description, causer, relative time, colored icon). For branded output per event type, register a custom renderer.",[112,113,115],"h2",{"id":114},"registering-via-the-panel-plugin","Registering via the panel plugin",[117,118,123],"pre",{"className":119,"code":120,"language":121,"meta":122,"style":122},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","use App\\Timeline\\Renderers\\EmailSentRenderer;\nuse Illuminate\\Support\\HtmlString;\nuse Relaticle\\ActivityLog\\Filament\\ActivityLogPlugin;\n\n$panel->plugin(\n    ActivityLogPlugin::make()->renderers([\n        'email_sent' => EmailSentRenderer::class,\n        'note_added' => 'my-app::timeline.note-added',          \u002F\u002F view name\n        'task_done'  => fn ($entry) => new HtmlString('...'),   \u002F\u002F closure\n    ]),\n);\n","php","",[95,124,125,158,178,203,210,229,251,278,305,355,361],{"__ignoreMap":122},[126,127,130,134,138,142,145,147,150,152,155],"span",{"class":128,"line":129},"line",1,[126,131,133],{"class":132},"sbssI","use",[126,135,137],{"class":136},"sTEyZ"," App",[126,139,141],{"class":140},"sMK4o","\\",[126,143,144],{"class":136},"Timeline",[126,146,141],{"class":140},[126,148,149],{"class":136},"Renderers",[126,151,141],{"class":140},[126,153,154],{"class":136},"EmailSentRenderer",[126,156,157],{"class":140},";\n",[126,159,161,163,166,168,171,173,176],{"class":128,"line":160},2,[126,162,133],{"class":132},[126,164,165],{"class":136}," Illuminate",[126,167,141],{"class":140},[126,169,170],{"class":136},"Support",[126,172,141],{"class":140},[126,174,175],{"class":136},"HtmlString",[126,177,157],{"class":140},[126,179,181,183,186,188,191,193,196,198,201],{"class":128,"line":180},3,[126,182,133],{"class":132},[126,184,185],{"class":136}," Relaticle",[126,187,141],{"class":140},[126,189,190],{"class":136},"ActivityLog",[126,192,141],{"class":140},[126,194,195],{"class":136},"Filament",[126,197,141],{"class":140},[126,199,200],{"class":136},"ActivityLogPlugin",[126,202,157],{"class":140},[126,204,206],{"class":128,"line":205},4,[126,207,209],{"emptyLinePlaceholder":208},true,"\n",[126,211,213,216,219,222,226],{"class":128,"line":212},5,[126,214,215],{"class":140},"$",[126,217,218],{"class":136},"panel",[126,220,221],{"class":140},"->",[126,223,225],{"class":224},"s2Zo4","plugin",[126,227,228],{"class":140},"(\n",[126,230,232,236,239,242,245,248],{"class":128,"line":231},6,[126,233,235],{"class":234},"sBMFI","    ActivityLogPlugin",[126,237,238],{"class":140},"::",[126,240,241],{"class":224},"make",[126,243,244],{"class":140},"()->",[126,246,247],{"class":224},"renderers",[126,249,250],{"class":140},"([\n",[126,252,254,257,261,264,267,270,272,275],{"class":128,"line":253},7,[126,255,256],{"class":140},"        '",[126,258,260],{"class":259},"sfazB","email_sent",[126,262,263],{"class":140},"'",[126,265,266],{"class":140}," =>",[126,268,269],{"class":234}," EmailSentRenderer",[126,271,238],{"class":140},[126,273,274],{"class":132},"class",[126,276,277],{"class":140},",\n",[126,279,281,283,286,288,290,293,296,298,301],{"class":128,"line":280},8,[126,282,256],{"class":140},[126,284,285],{"class":259},"note_added",[126,287,263],{"class":140},[126,289,266],{"class":140},[126,291,292],{"class":140}," '",[126,294,295],{"class":259},"my-app::timeline.note-added",[126,297,263],{"class":140},[126,299,300],{"class":140},",",[126,302,304],{"class":303},"sHwdD","          \u002F\u002F view name\n",[126,306,308,310,313,315,318,322,325,328,331,333,336,339,342,344,347,349,352],{"class":128,"line":307},9,[126,309,256],{"class":140},[126,311,312],{"class":259},"task_done",[126,314,263],{"class":140},[126,316,317],{"class":140},"  =>",[126,319,321],{"class":320},"spNyl"," fn",[126,323,324],{"class":140}," ($",[126,326,327],{"class":136},"entry",[126,329,330],{"class":140},")",[126,332,266],{"class":140},[126,334,335],{"class":132}," new",[126,337,338],{"class":234}," HtmlString",[126,340,341],{"class":140},"(",[126,343,263],{"class":140},[126,345,346],{"class":259},"...",[126,348,263],{"class":140},[126,350,351],{"class":140},"),",[126,353,354],{"class":303},"   \u002F\u002F closure\n",[126,356,358],{"class":128,"line":357},10,[126,359,360],{"class":140},"    ]),\n",[126,362,364],{"class":128,"line":363},11,[126,365,366],{"class":140},");\n",[112,368,370],{"id":369},"registering-via-the-facade-eg-from-a-service-provider","Registering via the facade (e.g., from a service provider)",[117,372,374],{"className":119,"code":373,"language":121,"meta":122,"style":122},"use App\\Timeline\\Renderers\\EmailSentRenderer;\nuse Illuminate\\Support\\HtmlString;\nuse Relaticle\\ActivityLog\\Facades\\Timeline;\n\nTimeline::registerRenderer('email_sent', EmailSentRenderer::class);\nTimeline::registerRenderer('note_added', 'my-app::timeline.note-added');\nTimeline::registerRenderer('task_done', fn ($entry) => new HtmlString('...'));\n",[95,375,376,396,412,433,437,464,490],{"__ignoreMap":122},[126,377,378,380,382,384,386,388,390,392,394],{"class":128,"line":129},[126,379,133],{"class":132},[126,381,137],{"class":136},[126,383,141],{"class":140},[126,385,144],{"class":136},[126,387,141],{"class":140},[126,389,149],{"class":136},[126,391,141],{"class":140},[126,393,154],{"class":136},[126,395,157],{"class":140},[126,397,398,400,402,404,406,408,410],{"class":128,"line":160},[126,399,133],{"class":132},[126,401,165],{"class":136},[126,403,141],{"class":140},[126,405,170],{"class":136},[126,407,141],{"class":140},[126,409,175],{"class":136},[126,411,157],{"class":140},[126,413,414,416,418,420,422,424,427,429,431],{"class":128,"line":180},[126,415,133],{"class":132},[126,417,185],{"class":136},[126,419,141],{"class":140},[126,421,190],{"class":136},[126,423,141],{"class":140},[126,425,426],{"class":136},"Facades",[126,428,141],{"class":140},[126,430,144],{"class":136},[126,432,157],{"class":140},[126,434,435],{"class":128,"line":205},[126,436,209],{"emptyLinePlaceholder":208},[126,438,439,441,443,446,448,450,452,454,456,458,460,462],{"class":128,"line":212},[126,440,144],{"class":234},[126,442,238],{"class":140},[126,444,445],{"class":224},"registerRenderer",[126,447,341],{"class":140},[126,449,263],{"class":140},[126,451,260],{"class":259},[126,453,263],{"class":140},[126,455,300],{"class":140},[126,457,269],{"class":234},[126,459,238],{"class":140},[126,461,274],{"class":132},[126,463,366],{"class":140},[126,465,466,468,470,472,474,476,478,480,482,484,486,488],{"class":128,"line":231},[126,467,144],{"class":234},[126,469,238],{"class":140},[126,471,445],{"class":224},[126,473,341],{"class":140},[126,475,263],{"class":140},[126,477,285],{"class":259},[126,479,263],{"class":140},[126,481,300],{"class":140},[126,483,292],{"class":140},[126,485,295],{"class":259},[126,487,263],{"class":140},[126,489,366],{"class":140},[126,491,492,494,496,498,500,502,504,506,508,510,512,514,516,518,520,522,524,526,528,530],{"class":128,"line":253},[126,493,144],{"class":234},[126,495,238],{"class":140},[126,497,445],{"class":224},[126,499,341],{"class":140},[126,501,263],{"class":140},[126,503,312],{"class":259},[126,505,263],{"class":140},[126,507,300],{"class":140},[126,509,321],{"class":320},[126,511,324],{"class":140},[126,513,327],{"class":136},[126,515,330],{"class":140},[126,517,266],{"class":140},[126,519,335],{"class":132},[126,521,338],{"class":234},[126,523,341],{"class":140},[126,525,263],{"class":140},[126,527,346],{"class":259},[126,529,263],{"class":140},[126,531,532],{"class":140},"));\n",[112,534,536],{"id":535},"registering-via-config","Registering via config",[117,538,540],{"className":119,"code":539,"language":121,"meta":122,"style":122},"\u002F\u002F config\u002Factivity-log.php\nuse App\\Timeline\\Renderers\\EmailSentRenderer;\n\n'renderers' => [\n    'email_sent' => EmailSentRenderer::class,\n],\n",[95,541,542,547,567,571,584,603],{"__ignoreMap":122},[126,543,544],{"class":128,"line":129},[126,545,546],{"class":303},"\u002F\u002F config\u002Factivity-log.php\n",[126,548,549,551,553,555,557,559,561,563,565],{"class":128,"line":160},[126,550,133],{"class":132},[126,552,137],{"class":136},[126,554,141],{"class":140},[126,556,144],{"class":136},[126,558,141],{"class":140},[126,560,149],{"class":136},[126,562,141],{"class":140},[126,564,154],{"class":136},[126,566,157],{"class":140},[126,568,569],{"class":128,"line":180},[126,570,209],{"emptyLinePlaceholder":208},[126,572,573,575,577,579,581],{"class":128,"line":205},[126,574,263],{"class":140},[126,576,247],{"class":259},[126,578,263],{"class":140},[126,580,266],{"class":140},[126,582,583],{"class":140}," [\n",[126,585,586,589,591,593,595,597,599,601],{"class":128,"line":212},[126,587,588],{"class":140},"    '",[126,590,260],{"class":259},[126,592,263],{"class":140},[126,594,266],{"class":140},[126,596,269],{"class":234},[126,598,238],{"class":140},[126,600,274],{"class":132},[126,602,277],{"class":140},[126,604,605],{"class":128,"line":231},[126,606,607],{"class":140},"],\n",[112,609,611],{"id":610},"renderer-resolution-order","Renderer resolution order",[91,613,614,615,618],{},"For each ",[95,616,617],{},"TimelineEntry",", the registry checks:",[620,621,622,629,634,639],"ol",{},[623,624,625,628],"li",{},[95,626,627],{},"$entry->renderer"," (an explicit override the source set)",[623,630,631],{},[95,632,633],{},"bindings[$entry->event]",[623,635,636],{},[95,637,638],{},"bindings[$entry->type]",[623,640,641,643],{},[95,642,109],{}," fallback",[112,645,647],{"id":646},"renderer-forms","Renderer forms",[91,649,650],{},"A renderer binding can be any of:",[652,653,654,664,673],"ul",{},[623,655,656,660,661],{},[657,658,659],"strong",{},"Class string"," implementing ",[95,662,663],{},"Relaticle\\ActivityLog\\Contracts\\TimelineRenderer",[623,665,666,669,670],{},[657,667,668],{},"Closure"," ",[95,671,672],{},"fn (TimelineEntry $entry): View|HtmlString => ...",[623,674,675,678,679,682,683,686],{},[657,676,677],{},"View name"," (e.g., ",[95,680,681],{},"'my-app::timeline.email-sent'",") - receives ",[95,684,685],{},"$entry"," in scope",[117,688,690],{"className":119,"code":689,"language":121,"meta":122,"style":122},"use Illuminate\\Contracts\\View\\View;\nuse Relaticle\\ActivityLog\\Contracts\\TimelineRenderer;\nuse Relaticle\\ActivityLog\\Timeline\\TimelineEntry;\n\nfinal class EmailSentRenderer implements TimelineRenderer\n{\n    public function render(TimelineEntry $entry): View\n    {\n        return view('app.timeline.email-sent', ['entry' => $entry]);\n    }\n}\n",[95,691,692,714,735,755,759,775,780,806,811,849,854],{"__ignoreMap":122},[126,693,694,696,698,700,703,705,708,710,712],{"class":128,"line":129},[126,695,133],{"class":132},[126,697,165],{"class":136},[126,699,141],{"class":140},[126,701,702],{"class":136},"Contracts",[126,704,141],{"class":140},[126,706,707],{"class":136},"View",[126,709,141],{"class":140},[126,711,707],{"class":136},[126,713,157],{"class":140},[126,715,716,718,720,722,724,726,728,730,733],{"class":128,"line":160},[126,717,133],{"class":132},[126,719,185],{"class":136},[126,721,141],{"class":140},[126,723,190],{"class":136},[126,725,141],{"class":140},[126,727,702],{"class":136},[126,729,141],{"class":140},[126,731,732],{"class":136},"TimelineRenderer",[126,734,157],{"class":140},[126,736,737,739,741,743,745,747,749,751,753],{"class":128,"line":180},[126,738,133],{"class":132},[126,740,185],{"class":136},[126,742,141],{"class":140},[126,744,190],{"class":136},[126,746,141],{"class":140},[126,748,144],{"class":136},[126,750,141],{"class":140},[126,752,617],{"class":136},[126,754,157],{"class":140},[126,756,757],{"class":128,"line":205},[126,758,209],{"emptyLinePlaceholder":208},[126,760,761,764,767,769,772],{"class":128,"line":212},[126,762,763],{"class":320},"final",[126,765,766],{"class":320}," class",[126,768,269],{"class":234},[126,770,771],{"class":320}," implements",[126,773,774],{"class":234}," TimelineRenderer\n",[126,776,777],{"class":128,"line":231},[126,778,779],{"class":140},"{\n",[126,781,782,785,788,791,793,795,798,800,803],{"class":128,"line":253},[126,783,784],{"class":320},"    public",[126,786,787],{"class":320}," function",[126,789,790],{"class":224}," render",[126,792,341],{"class":140},[126,794,617],{"class":234},[126,796,797],{"class":140}," $",[126,799,327],{"class":136},[126,801,802],{"class":140},"):",[126,804,805],{"class":234}," View\n",[126,807,808],{"class":128,"line":280},[126,809,810],{"class":140},"    {\n",[126,812,813,817,820,822,824,827,829,831,834,836,838,840,842,844,846],{"class":128,"line":307},[126,814,816],{"class":815},"s7zQu","        return",[126,818,819],{"class":224}," view",[126,821,341],{"class":140},[126,823,263],{"class":140},[126,825,826],{"class":259},"app.timeline.email-sent",[126,828,263],{"class":140},[126,830,300],{"class":140},[126,832,833],{"class":140}," [",[126,835,263],{"class":140},[126,837,327],{"class":259},[126,839,263],{"class":140},[126,841,266],{"class":140},[126,843,797],{"class":140},[126,845,327],{"class":136},[126,847,848],{"class":140},"]);\n",[126,850,851],{"class":128,"line":357},[126,852,853],{"class":140},"    }\n",[126,855,856],{"class":128,"line":363},[126,857,858],{"class":140},"}\n",[860,861,862],"style",{},"html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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);}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}",{"title":122,"searchDepth":160,"depth":160,"links":864},[865,866,867,868,869],{"id":114,"depth":160,"text":115},{"id":369,"depth":160,"text":370},{"id":535,"depth":160,"text":536},{"id":610,"depth":160,"text":611},{"id":646,"depth":160,"text":647},"Register renderers per event or type.","md",null,{},{"icon":54},{"title":51,"description":870},"fVuUu-MDmYV2Lzt7JZ7eit0vTr2JQhYSEJdLezHMDi4",[878,880],{"title":41,"path":42,"stem":43,"description":879,"icon":44,"children":-1},"Infolist component, relation manager, and header action.",{"title":56,"path":57,"stem":58,"description":881,"icon":59,"children":-1},"Opt-in per-call caching.",1776704455777]