@gravionlabs/helix-core 22.1.2 → 22.1.3

package/fesm2022/gravionlabs-helix-core-timeline.mjs

@@ -1,15 +1,14 @@
-export * from '@gravionlabs/helix-core/types/timeline';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, contentChild, contentChildren, inject, input } from "@angular/core";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/timeline";
+const style = `
     .h-timeline {
         display: flex;
         flex-grow: 1;
@@ -166,181 +165,367 @@ const style = /*css*/ `
         flex-direction: column-reverse;
     }
 `;
-
 const classes = {
-    root: ({ instance }) => ['h-timeline h-component', 'h-timeline-' + instance.align, 'h-timeline-' + instance.layout],
-    event: 'h-timeline-event',
-    eventOpposite: 'h-timeline-event-opposite',
-    eventSeparator: 'h-timeline-event-separator',
-    eventMarker: 'h-timeline-event-marker',
-    eventConnector: 'h-timeline-event-connector',
-    eventContent: 'h-timeline-event-content'
+	root: ({ instance }) => [
+		"h-timeline h-component",
+		"h-timeline-" + instance.align,
+		"h-timeline-" + instance.layout
+	],
+	event: "h-timeline-event",
+	eventOpposite: "h-timeline-event-opposite",
+	eventSeparator: "h-timeline-event-separator",
+	eventMarker: "h-timeline-event-marker",
+	eventConnector: "h-timeline-event-connector",
+	eventContent: "h-timeline-event-content"
 };
-class TimelineStyle extends BaseStyle {
-    name = 'timeline';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Timeline visualizes a series of chained events.
- *
- * [Live Demo](https://primeng.org/timeline)
- *
- * @module timelinestyle
- *
- */
+var TimelineStyle = class TimelineStyle extends BaseStyle {
+	name = "timeline";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimelineStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimelineStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TimelineStyle,
+	decorators: [{ type: Injectable }]
+});
 var TimelineClasses;
-(function (TimelineClasses) {
-    /**
-     * Class name of the root element
-     */
-    TimelineClasses["root"] = "h-timeline";
-    /**
-     * Class name of the event element
-     */
-    TimelineClasses["event"] = "h-timeline-event";
-    /**
-     * Class name of the event opposite element
-     */
-    TimelineClasses["eventOpposite"] = "h-timeline-event-opposite";
-    /**
-     * Class name of the event separator element
-     */
-    TimelineClasses["eventSeparator"] = "h-timeline-event-separator";
-    /**
-     * Class name of the event marker element
-     */
-    TimelineClasses["eventMarker"] = "h-timeline-event-marker";
-    /**
-     * Class name of the event connector element
-     */
-    TimelineClasses["eventConnector"] = "h-timeline-event-connector";
-    /**
-     * Class name of the event content element
-     */
-    TimelineClasses["eventContent"] = "h-timeline-event-content";
+(function(TimelineClasses) {
+	TimelineClasses["root"] = "h-timeline";
+	TimelineClasses["event"] = "h-timeline-event";
+	TimelineClasses["eventOpposite"] = "h-timeline-event-opposite";
+	TimelineClasses["eventSeparator"] = "h-timeline-event-separator";
+	TimelineClasses["eventMarker"] = "h-timeline-event-marker";
+	TimelineClasses["eventConnector"] = "h-timeline-event-connector";
+	TimelineClasses["eventContent"] = "h-timeline-event-content";
 })(TimelineClasses || (TimelineClasses = {}));
-
-const TIMELINE_INSTANCE = new InjectionToken('TIMELINE_INSTANCE');
-/**
- * Timeline visualizes a series of chained events.
- * @group Components
- */
-class Timeline extends BaseComponent {
-    componentName = 'Timeline';
-    bindDirectiveInstance = inject(Bind, { self: true });
-    $pcTimeline = inject(TIMELINE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * An array of events to display.
-     * @group Props
-     */
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Position of the timeline bar relative to the content. Valid values are "left", "right" for vertical layout and "top", "bottom" for horizontal layout.
-     * @group Props
-     */
-    align = input('left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    /**
-     * Orientation of the timeline.
-     * @group Props
-     */
-    layout = input('vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom content template.
-     * @param {TimelineItemTemplateContext} context - item context.
-     * @see {@link TimelineItemTemplateContext}
-     * @group Templates
-     */
-    contentTemplate = contentChild('content', { ...(ngDevMode ? { debugName: "contentTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom opposite item template.
-     * @param {TimelineItemTemplateContext} context - item context.
-     * @see {@link TimelineItemTemplateContext}
-     * @group Templates
-     */
-    oppositeTemplate = contentChild('opposite', { ...(ngDevMode ? { debugName: "oppositeTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom marker template.
-     * @param {TimelineItemTemplateContext} context - item context.
-     * @see {@link TimelineItemTemplateContext}
-     * @group Templates
-     */
-    markerTemplate = contentChild('marker', { ...(ngDevMode ? { debugName: "markerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _contentTemplate;
-    _oppositeTemplate;
-    _markerTemplate;
-    _componentStyle = inject(TimelineStyle);
-    getBlockableElement() {
-        return this.el.nativeElement.children[0];
-    }
-    onAfterContentInit() {
-        this.templates().forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this._contentTemplate = item.template;
-                    break;
-                case 'opposite':
-                    this._oppositeTemplate = item.template;
-                    break;
-                case 'marker':
-                    this._markerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    get dataP() {
-        return this.cn({
-            [this.layout()]: this.layout(),
-            [this.align()]: this.align()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Timeline, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Timeline, isStandalone: true, selector: "h-timeline", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())", "attr.data-h": "dataP" } }, providers: [TimelineStyle, { provide: TIMELINE_INSTANCE, useExisting: Timeline }, { provide: PARENT_INSTANCE, useExisting: Timeline }], queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "oppositeTemplate", first: true, predicate: ["opposite"], isSignal: true }, { propertyName: "markerTemplate", first: true, predicate: ["marker"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "@for (event of value(); track event; let last = $last) {\n  <div [hBind]=\"ptm('event')\" [class]=\"cx('event')\" [attr.data-h]=\"dataP\">\n    <div [hBind]=\"ptm('eventOpposite')\" [class]=\"cx('eventOpposite')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"oppositeTemplate() || _oppositeTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n    <div [hBind]=\"ptm('eventSeparator')\" [class]=\"cx('eventSeparator')\" [attr.data-h]=\"dataP\">\n      @if (markerTemplate || _markerTemplate) {\n        <ng-container *ngTemplateOutlet=\"markerTemplate || _markerTemplate; context: { $implicit: event }\"></ng-container>\n      } @else {\n        <div [hBind]=\"ptm('eventMarker')\" [class]=\"cx('eventMarker')\" [attr.data-h]=\"dataP\"></div>\n      }\n      @if (!last) {\n        <div [hBind]=\"ptm('eventConnector')\" [class]=\"cx('eventConnector')\" [attr.data-h]=\"dataP\"></div>\n      }\n    </div>\n    <div [hBind]=\"ptm('eventContent')\" [class]=\"cx('eventContent')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Timeline, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-timeline', standalone: true, imports: [CommonModule, SharedModule, Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TimelineStyle, { provide: TIMELINE_INSTANCE, useExisting: Timeline }, { provide: PARENT_INSTANCE, useExisting: Timeline }], host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '[attr.data-h]': 'dataP'
-                    }, hostDirectives: [Bind], template: "@for (event of value(); track event; let last = $last) {\n  <div [hBind]=\"ptm('event')\" [class]=\"cx('event')\" [attr.data-h]=\"dataP\">\n    <div [hBind]=\"ptm('eventOpposite')\" [class]=\"cx('eventOpposite')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"oppositeTemplate() || _oppositeTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n    <div [hBind]=\"ptm('eventSeparator')\" [class]=\"cx('eventSeparator')\" [attr.data-h]=\"dataP\">\n      @if (markerTemplate || _markerTemplate) {\n        <ng-container *ngTemplateOutlet=\"markerTemplate || _markerTemplate; context: { $implicit: event }\"></ng-container>\n      } @else {\n        <div [hBind]=\"ptm('eventMarker')\" [class]=\"cx('eventMarker')\" [attr.data-h]=\"dataP\"></div>\n      }\n      @if (!last) {\n        <div [hBind]=\"ptm('eventConnector')\" [class]=\"cx('eventConnector')\" [attr.data-h]=\"dataP\"></div>\n      }\n    </div>\n    <div [hBind]=\"ptm('eventContent')\" [class]=\"cx('eventContent')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n  </div>\n}\n" }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], contentTemplate: [{ type: i0.ContentChild, args: ['content', { ...{ descendants: false }, isSignal: true }] }], oppositeTemplate: [{ type: i0.ContentChild, args: ['opposite', { ...{ descendants: false }, isSignal: true }] }], markerTemplate: [{ type: i0.ContentChild, args: ['marker', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class TimelineModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: TimelineModule, imports: [Timeline, SharedModule], exports: [Timeline, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineModule, imports: [Timeline, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TimelineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Timeline, SharedModule],
-                    exports: [Timeline, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const TIMELINE_INSTANCE = new InjectionToken("TIMELINE_INSTANCE");
+var Timeline = class Timeline extends BaseComponent {
+	componentName = "Timeline";
+	bindDirectiveInstance = inject(Bind, { self: true });
+	$pcTimeline = inject(TIMELINE_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	align = input("left", ...ngDevMode ? [{ debugName: "align" }] : 	/* istanbul ignore next */ []);
+	layout = input("vertical", ...ngDevMode ? [{ debugName: "layout" }] : 	/* istanbul ignore next */ []);
+	contentTemplate = contentChild("content", {
+		...ngDevMode ? { debugName: "contentTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	oppositeTemplate = contentChild("opposite", {
+		...ngDevMode ? { debugName: "oppositeTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	markerTemplate = contentChild("marker", {
+		...ngDevMode ? { debugName: "markerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_contentTemplate;
+	_oppositeTemplate;
+	_markerTemplate;
+	_componentStyle = inject(TimelineStyle);
+	getBlockableElement() {
+		return this.el.nativeElement.children[0];
+	}
+	onAfterContentInit() {
+		this.templates().forEach((item) => {
+			switch (item.getType()) {
+				case "content":
+					this._contentTemplate = item.template;
+					break;
+				case "opposite":
+					this._oppositeTemplate = item.template;
+					break;
+				case "marker":
+					this._markerTemplate = item.template;
+					break;
+			}
+		});
+	}
+	get dataP() {
+		return this.cn({
+			[this.layout()]: this.layout(),
+			[this.align()]: this.align()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Timeline,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Timeline,
+		isStandalone: true,
+		selector: "h-timeline",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			layout: {
+				classPropertyName: "layout",
+				publicName: "layout",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "cn(cx('root'), styleClass())",
+			"attr.data-h": "dataP"
+		} },
+		providers: [
+			TimelineStyle,
+			{
+				provide: TIMELINE_INSTANCE,
+				useExisting: Timeline
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Timeline
+			}
+		],
+		queries: [
+			{
+				propertyName: "contentTemplate",
+				first: true,
+				predicate: ["content"],
+				isSignal: true
+			},
+			{
+				propertyName: "oppositeTemplate",
+				first: true,
+				predicate: ["opposite"],
+				isSignal: true
+			},
+			{
+				propertyName: "markerTemplate",
+				first: true,
+				predicate: ["marker"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "@for (event of value(); track event; let last = $last) {\n  <div [hBind]=\"ptm('event')\" [class]=\"cx('event')\" [attr.data-h]=\"dataP\">\n    <div [hBind]=\"ptm('eventOpposite')\" [class]=\"cx('eventOpposite')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"oppositeTemplate() || _oppositeTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n    <div [hBind]=\"ptm('eventSeparator')\" [class]=\"cx('eventSeparator')\" [attr.data-h]=\"dataP\">\n      @if (markerTemplate || _markerTemplate) {\n        <ng-container *ngTemplateOutlet=\"markerTemplate || _markerTemplate; context: { $implicit: event }\"></ng-container>\n      } @else {\n        <div [hBind]=\"ptm('eventMarker')\" [class]=\"cx('eventMarker')\" [attr.data-h]=\"dataP\"></div>\n      }\n      @if (!last) {\n        <div [hBind]=\"ptm('eventConnector')\" [class]=\"cx('eventConnector')\" [attr.data-h]=\"dataP\"></div>\n      }\n    </div>\n    <div [hBind]=\"ptm('eventContent')\" [class]=\"cx('eventContent')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n  </div>\n}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Timeline,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-timeline",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				Bind
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				TimelineStyle,
+				{
+					provide: TIMELINE_INSTANCE,
+					useExisting: Timeline
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Timeline
+				}
+			],
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"[attr.data-h]": "dataP"
+			},
+			hostDirectives: [Bind],
+			template: "@for (event of value(); track event; let last = $last) {\n  <div [hBind]=\"ptm('event')\" [class]=\"cx('event')\" [attr.data-h]=\"dataP\">\n    <div [hBind]=\"ptm('eventOpposite')\" [class]=\"cx('eventOpposite')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"oppositeTemplate() || _oppositeTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n    <div [hBind]=\"ptm('eventSeparator')\" [class]=\"cx('eventSeparator')\" [attr.data-h]=\"dataP\">\n      @if (markerTemplate || _markerTemplate) {\n        <ng-container *ngTemplateOutlet=\"markerTemplate || _markerTemplate; context: { $implicit: event }\"></ng-container>\n      } @else {\n        <div [hBind]=\"ptm('eventMarker')\" [class]=\"cx('eventMarker')\" [attr.data-h]=\"dataP\"></div>\n      }\n      @if (!last) {\n        <div [hBind]=\"ptm('eventConnector')\" [class]=\"cx('eventConnector')\" [attr.data-h]=\"dataP\"></div>\n      }\n    </div>\n    <div [hBind]=\"ptm('eventContent')\" [class]=\"cx('eventContent')\" [attr.data-h]=\"dataP\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { $implicit: event }\"></ng-container>\n    </div>\n  </div>\n}\n"
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		layout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "layout",
+				required: false
+			}]
+		}],
+		contentTemplate: [{
+			type: i0.ContentChild,
+			args: ["content", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		oppositeTemplate: [{
+			type: i0.ContentChild,
+			args: ["opposite", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		markerTemplate: [{
+			type: i0.ContentChild,
+			args: ["marker", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var TimelineModule = class TimelineModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimelineModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimelineModule,
+		imports: [Timeline, SharedModule],
+		exports: [Timeline, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimelineModule,
+		imports: [
+			Timeline,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TimelineModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Timeline, SharedModule],
+			exports: [Timeline, SharedModule]
+		}]
+	}]
+});
 export { Timeline, TimelineClasses, TimelineModule, TimelineStyle };
-//# sourceMappingURL=gravionlabs-helix-core-timeline.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-timeline.mjs.map