Skip to main content
cngx-src documentation

CngxTimelineMarkerTpl

Directivev0.1.0WCAG AA

projects/common/timeline/template-slots.ts

Import#

import { CngxTimelineMarkerTpl } from '@cngx/common/timeline'

Description#

What goes inside the marker dot - an icon, an avatar, a type glyph. Falls back to a bare coloured dot.

Applies to every row. A single row overrides it by projecting its own [cngxTimelineMarkerContent], which wins over this template.

Whatever renders here is inside an aria-hidden element, so it must not be the only carrier of anything: the status reaches assistive tech through CNGX_TIMELINE_CONFIG.labels.status.

Keeps Tpl in class and selector to stay clear of CngxTimelineMarker, the component it renders into.

Metadata#

Index#

Inputs#

cngxTimelineMarkerTpl#readonly T[] | undefined, readonly T[] | '' | undefined
input()

Type carrier for the item type, never read at runtime. Bind the same array the timeline gets and let-event types as T. See CngxTimelineItemTpl.cngxTimelineItem.

default
    undefined,    { transform: (value) => (typeof value === 'string' ? undefined : value) },  

Instance Properties#

templateRef#unknown
Readonly
inject<TemplateRef<CngxTimelineMarkerContext<T>>>(TemplateRef)

Methods#

ngTemplateContextGuard#CngxTimelineMarkerContext
Static
ngTemplateContextGuard(_dir: CngxTimelineMarkerTpl<T>, ctx: unknown)
@paramctxunknown