@syncfusion/ej2-angular-layouts 24.2.4 → 25.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/index.mjs +5 -1
- package/esm2020/src/timeline/items.directive.mjs +58 -0
- package/esm2020/src/timeline/timeline-all.module.mjs +23 -0
- package/esm2020/src/timeline/timeline.component.mjs +83 -0
- package/esm2020/src/timeline/timeline.module.mjs +34 -0
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs +206 -28
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs +206 -28
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +1 -1
- package/package.json +12 -10
- package/schematics/utils/lib-details.d.ts +3 -3
- package/schematics/utils/lib-details.js +3 -3
- package/schematics/utils/lib-details.ts +3 -3
- package/src/index.d.ts +4 -0
- package/src/timeline/items.directive.d.ts +64 -0
- package/src/timeline/timeline-all.module.d.ts +11 -0
- package/src/timeline/timeline.component.d.ts +49 -0
- package/src/timeline/timeline.module.d.ts +12 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.scss +1 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark.scss +1 -0
- package/styles/material3.scss +1 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.scss +1 -0
- package/styles/timeline/bootstrap-dark.css +1 -0
- package/styles/timeline/bootstrap-dark.scss +1 -0
- package/styles/timeline/bootstrap.css +1 -0
- package/styles/timeline/bootstrap.scss +1 -0
- package/styles/timeline/bootstrap4.css +1 -0
- package/styles/timeline/bootstrap4.scss +1 -0
- package/styles/timeline/bootstrap5-dark.css +1 -0
- package/styles/timeline/bootstrap5-dark.scss +1 -0
- package/styles/timeline/bootstrap5.css +1 -0
- package/styles/timeline/bootstrap5.scss +1 -0
- package/styles/timeline/fabric-dark.css +1 -0
- package/styles/timeline/fabric-dark.scss +1 -0
- package/styles/timeline/fabric.css +1 -0
- package/styles/timeline/fabric.scss +1 -0
- package/styles/timeline/fluent-dark.css +1 -0
- package/styles/timeline/fluent-dark.scss +1 -0
- package/styles/timeline/fluent.css +1 -0
- package/styles/timeline/fluent.scss +1 -0
- package/styles/timeline/highcontrast-light.css +1 -0
- package/styles/timeline/highcontrast-light.scss +1 -0
- package/styles/timeline/highcontrast.css +1 -0
- package/styles/timeline/highcontrast.scss +1 -0
- package/styles/timeline/material-dark.css +1 -0
- package/styles/timeline/material-dark.scss +1 -0
- package/styles/timeline/material.css +1 -0
- package/styles/timeline/material.scss +1 -0
- package/styles/timeline/material3-dark.css +1 -0
- package/styles/timeline/material3-dark.scss +2 -0
- package/styles/timeline/material3.css +1 -0
- package/styles/timeline/material3.scss +2 -0
- package/styles/timeline/tailwind-dark.css +1 -0
- package/styles/timeline/tailwind-dark.scss +1 -0
- package/styles/timeline/tailwind.css +1 -0
- package/styles/timeline/tailwind.scss +1 -0
package/esm2020/src/index.mjs
CHANGED
@@ -6,5 +6,9 @@ export { PanelDirective, PanelsDirective } from './dashboard-layout/panels.direc
|
|
6
6
|
export { DashboardLayoutComponent } from './dashboard-layout/dashboardlayout.component';
|
7
7
|
export { DashboardLayoutModule } from './dashboard-layout/dashboardlayout.module';
|
8
8
|
export { DashboardLayoutAllModule } from './dashboard-layout/dashboardlayout-all.module';
|
9
|
+
export { ItemDirective, ItemsDirective } from './timeline/items.directive';
|
10
|
+
export { TimelineComponent } from './timeline/timeline.component';
|
11
|
+
export { TimelineModule } from './timeline/timeline.module';
|
12
|
+
export { TimelineAllModule } from './timeline/timeline-all.module';
|
9
13
|
export * from '@syncfusion/ej2-layouts';
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGFBQWEsRUFBQyxjQUFjLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFDLGNBQWMsRUFBQyxlQUFlLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNuRixPQUFPLEVBQUUsd0JBQXdCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUN2RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNsRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUMsYUFBYSxFQUFDLGNBQWMsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtQYW5lRGlyZWN0aXZlLFBhbmVzRGlyZWN0aXZlfSBmcm9tICcuL3NwbGl0dGVyL3BhbmVzZXR0aW5ncy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgU3BsaXR0ZXJDb21wb25lbnR9IGZyb20gJy4vc3BsaXR0ZXIvc3BsaXR0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNwbGl0dGVyTW9kdWxlIH0gZnJvbSAnLi9zcGxpdHRlci9zcGxpdHRlci5tb2R1bGUnO1xuZXhwb3J0IHsgU3BsaXR0ZXJBbGxNb2R1bGUgfSBmcm9tICcuL3NwbGl0dGVyL3NwbGl0dGVyLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHtQYW5lbERpcmVjdGl2ZSxQYW5lbHNEaXJlY3RpdmV9IGZyb20gJy4vZGFzaGJvYXJkLWxheW91dC9wYW5lbHMuZGlyZWN0aXZlJztcbmV4cG9ydCB7IERhc2hib2FyZExheW91dENvbXBvbmVudH0gZnJvbSAnLi9kYXNoYm9hcmQtbGF5b3V0L2Rhc2hib2FyZGxheW91dC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFzaGJvYXJkTGF5b3V0TW9kdWxlIH0gZnJvbSAnLi9kYXNoYm9hcmQtbGF5b3V0L2Rhc2hib2FyZGxheW91dC5tb2R1bGUnO1xuZXhwb3J0IHsgRGFzaGJvYXJkTGF5b3V0QWxsTW9kdWxlIH0gZnJvbSAnLi9kYXNoYm9hcmQtbGF5b3V0L2Rhc2hib2FyZGxheW91dC1hbGwubW9kdWxlJztcbmV4cG9ydCB7SXRlbURpcmVjdGl2ZSxJdGVtc0RpcmVjdGl2ZX0gZnJvbSAnLi90aW1lbGluZS9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgVGltZWxpbmVDb21wb25lbnR9IGZyb20gJy4vdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50JztcbmV4cG9ydCB7IFRpbWVsaW5lTW9kdWxlIH0gZnJvbSAnLi90aW1lbGluZS90aW1lbGluZS5tb2R1bGUnO1xuZXhwb3J0IHsgVGltZWxpbmVBbGxNb2R1bGUgfSBmcm9tICcuL3RpbWVsaW5lL3RpbWVsaW5lLWFsbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnQHN5bmNmdXNpb24vZWoyLWxheW91dHMnOyJdfQ==
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import { Directive, ContentChildren } from '@angular/core';
|
2
|
+
import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
let input = ['content', 'cssClass', 'disabled', 'dotCss', 'oppositeContent'];
|
5
|
+
let outputs = [];
|
6
|
+
/**
|
7
|
+
* 'e-timelineItem' directive represents a item of the Angular Timeline.
|
8
|
+
* It must be contained in a Timeline component(`ejs-timeline`).
|
9
|
+
* ```html
|
10
|
+
* <ejs-timeline>
|
11
|
+
* <e-items>
|
12
|
+
* <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
|
13
|
+
* <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
|
14
|
+
* </e-items>
|
15
|
+
* </ejs-timeline>
|
16
|
+
* ```
|
17
|
+
*/
|
18
|
+
export class ItemDirective extends ComplexBase {
|
19
|
+
constructor(viewContainerRef) {
|
20
|
+
super();
|
21
|
+
this.viewContainerRef = viewContainerRef;
|
22
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
23
|
+
this.registerEvents(outputs);
|
24
|
+
this.directivePropList = input;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
ItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
28
|
+
ItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemDirective, selector: "ejs-timeline>e-items>e-item", inputs: { content: "content", cssClass: "cssClass", disabled: "disabled", dotCss: "dotCss", oppositeContent: "oppositeContent" }, usesInheritance: true, ngImport: i0 });
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, decorators: [{
|
30
|
+
type: Directive,
|
31
|
+
args: [{
|
32
|
+
selector: 'ejs-timeline>e-items>e-item',
|
33
|
+
inputs: input,
|
34
|
+
outputs: outputs,
|
35
|
+
queries: {}
|
36
|
+
}]
|
37
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
38
|
+
/**
|
39
|
+
* Item Array Directive
|
40
|
+
* @private
|
41
|
+
*/
|
42
|
+
export class ItemsDirective extends ArrayBase {
|
43
|
+
constructor() {
|
44
|
+
super('items');
|
45
|
+
}
|
46
|
+
}
|
47
|
+
ItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
48
|
+
ItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemsDirective, selector: "ejs-timeline>e-items", queries: [{ propertyName: "children", predicate: ItemDirective }], usesInheritance: true, ngImport: i0 });
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, decorators: [{
|
50
|
+
type: Directive,
|
51
|
+
args: [{
|
52
|
+
selector: 'ejs-timeline>e-items',
|
53
|
+
queries: {
|
54
|
+
children: new ContentChildren(ItemDirective)
|
55
|
+
},
|
56
|
+
}]
|
57
|
+
}], ctorParameters: function () { return []; } });
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RpbWVsaW5lL2l0ZW1zLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBSWhGLElBQUksS0FBSyxHQUFhLENBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixDQUFDLENBQUM7QUFDdkYsSUFBSSxPQUFPLEdBQWEsRUFBRSxDQUFDO0FBQzNCOzs7Ozs7Ozs7OztHQVdHO0FBU0gsTUFBTSxPQUFPLGFBQWMsU0FBUSxXQUEwQjtJQXVDekQsWUFBb0IsZ0JBQWlDO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRFEscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUVqRCxRQUFRLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNuQyxDQUFDOzswR0E1Q1EsYUFBYTs4RkFBYixhQUFhOzJGQUFiLGFBQWE7a0JBUnpCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsTUFBTSxFQUFFLEtBQUs7b0JBQ2IsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLE9BQU8sRUFBRSxFQUVSO2lCQUNKOztBQWdERDs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQXlCO0lBQ3pEO1FBQ0ksS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25CLENBQUM7OzJHQUhRLGNBQWM7K0ZBQWQsY0FBYyxxRkFIVyxhQUFhOzJGQUd0QyxjQUFjO2tCQU4xQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLE9BQU8sRUFBRTt3QkFDTCxRQUFRLEVBQUUsSUFBSSxlQUFlLENBQUMsYUFBYSxDQUFDO3FCQUMvQztpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiwgQ29udGVudENoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wbGV4QmFzZSwgQXJyYXlCYXNlLCBzZXRWYWx1ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuXG5cblxubGV0IGlucHV0OiBzdHJpbmdbXSA9IFsnY29udGVudCcsICdjc3NDbGFzcycsICdkaXNhYmxlZCcsICdkb3RDc3MnLCAnb3Bwb3NpdGVDb250ZW50J107XG5sZXQgb3V0cHV0czogc3RyaW5nW10gPSBbXTtcbi8qKlxuICogJ2UtdGltZWxpbmVJdGVtJyBkaXJlY3RpdmUgcmVwcmVzZW50cyBhIGl0ZW0gb2YgdGhlIEFuZ3VsYXIgVGltZWxpbmUuXG4gKiBJdCBtdXN0IGJlIGNvbnRhaW5lZCBpbiBhIFRpbWVsaW5lIGNvbXBvbmVudChgZWpzLXRpbWVsaW5lYCkuIFxuICogYGBgaHRtbFxuICogPGVqcy10aW1lbGluZT5cbiAqICA8ZS1pdGVtcz5cbiAqICAgPGUtaXRlbSBbZG90Q3NzXT0nZS1pY29ucyBlLWZvbGRlcicgW2NvbnRlbnRdPSdJdGVtIDEnIC8+XG4gKiAgIDxlLWl0ZW0gW2RvdENzc109J2UtaWNvbnMgZS1mb2xkZXInIFtjb250ZW50XT0nSXRlbSAyJyAvPlxuICogIDwvZS1pdGVtcz4gXG4gKiA8L2Vqcy10aW1lbGluZT5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2Vqcy10aW1lbGluZT5lLWl0ZW1zPmUtaXRlbScsXG4gICAgaW5wdXRzOiBpbnB1dCxcbiAgICBvdXRwdXRzOiBvdXRwdXRzLCAgICBcbiAgICBxdWVyaWVzOiB7XG5cbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEl0ZW1EaXJlY3RpdmUgZXh0ZW5kcyBDb21wbGV4QmFzZTxJdGVtRGlyZWN0aXZlPiB7XG4gICAgcHVibGljIGRpcmVjdGl2ZVByb3BMaXN0OiBhbnk7XG5cdFxuXG5cbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgdGV4dCBjb250ZW50IG9yIHRlbXBsYXRlIGZvciB0aGUgVGltZWxpbmUgaXRlbS4gVGhlIGN1cnJlbnQgaXRlbUluZGV4IHBhc3NlZCBhcyBjb250ZXh0IHRvIGJ1aWxkIHRoZSBjb250ZW50LlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICogQGFuZ3VsYXJ0eXBlIHN0cmluZyB8IG9iamVjdFxuICAgICAqIEByZWFjdHR5cGUgc3RyaW5nIHwgZnVuY3Rpb24gfCBKU1guRWxlbWVudFxuICAgICAqIEB2dWV0eXBlIHN0cmluZyB8IGZ1bmN0aW9uXG4gICAgICogQGFzcHR5cGUgc3RyaW5nXG4gICAgICovXG4gICAgcHVibGljIGNvbnRlbnQ6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgQ1NTIGNsYXNzIHRvIGN1c3RvbWl6ZSB0aGUgVGltZWxpbmUgaXRlbSBhcHBlYXJhbmNlLlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGNzc0NsYXNzOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgd2hldGhlciB0byBlbmFibGUgb3IgZGlzYWJsZSB0aGUgdGltZWxpbmUgaXRlbS5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIHB1YmxpYyBkaXNhYmxlZDogYW55O1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIG9uZSBvciBtb3JlIENTUyBjbGFzc2VzIHRvIGluY2x1ZGUgYW4gaWNvbiBvciBpbWFnZSBpbiB0aGUgVGltZWxpbmUgaXRlbS5cbiAgICAgKiBAZGVmYXVsdCAnJ1xuICAgICAqL1xuICAgIHB1YmxpYyBkb3RDc3M6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgYWRkaXRpb25hbCB0ZXh0IGNvbnRlbnQgb3IgdGVtcGxhdGUgdG8gYmUgZGlzcGxheWVkIG9wcG9zaXRlIHNpZGUgb2YgdGhlIGl0ZW0uIFRoZSBjdXJyZW50IGl0ZW1JbmRleCBwYXNzZWQgYXMgY29udGV4dCB0byBidWlsZCB0aGUgY29udGVudC5cbiAgICAgKiBAZGVmYXVsdCAnJ1xuICAgICAqIEBhbmd1bGFydHlwZSBzdHJpbmcgfCBvYmplY3RcbiAgICAgKiBAcmVhY3R0eXBlIHN0cmluZyB8IGZ1bmN0aW9uIHwgSlNYLkVsZW1lbnRcbiAgICAgKiBAdnVldHlwZSBzdHJpbmcgfCBmdW5jdGlvblxuICAgICAqIEBhc3B0eXBlIHN0cmluZ1xuICAgICAqL1xuICAgIHB1YmxpYyBvcHBvc2l0ZUNvbnRlbnQ6IGFueTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjpWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHNldFZhbHVlKCdjdXJyZW50SW5zdGFuY2UnLCB0aGlzLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgICAgICB0aGlzLnJlZ2lzdGVyRXZlbnRzKG91dHB1dHMpO1xuICAgICAgICB0aGlzLmRpcmVjdGl2ZVByb3BMaXN0ID0gaW5wdXQ7XG4gICAgfVxufVxuXG4vKipcbiAqIEl0ZW0gQXJyYXkgRGlyZWN0aXZlXG4gKiBAcHJpdmF0ZVxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2Vqcy10aW1lbGluZT5lLWl0ZW1zJyxcbiAgICBxdWVyaWVzOiB7XG4gICAgICAgIGNoaWxkcmVuOiBuZXcgQ29udGVudENoaWxkcmVuKEl0ZW1EaXJlY3RpdmUpXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgSXRlbXNEaXJlY3RpdmUgZXh0ZW5kcyBBcnJheUJhc2U8SXRlbXNEaXJlY3RpdmU+IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoJ2l0ZW1zJyk7XG4gICAgfVxufSJdfQ==
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { TimelineModule } from './timeline.module';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* NgModule definition for the Timeline component with providers.
|
7
|
+
*/
|
8
|
+
export class TimelineAllModule {
|
9
|
+
}
|
10
|
+
TimelineAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
11
|
+
TimelineAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, imports: [CommonModule, TimelineModule], exports: [TimelineModule] });
|
12
|
+
TimelineAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, providers: [], imports: [[CommonModule, TimelineModule], TimelineModule] });
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, decorators: [{
|
14
|
+
type: NgModule,
|
15
|
+
args: [{
|
16
|
+
imports: [CommonModule, TimelineModule],
|
17
|
+
exports: [
|
18
|
+
TimelineModule
|
19
|
+
],
|
20
|
+
providers: []
|
21
|
+
}]
|
22
|
+
}] });
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtYWxsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90aW1lbGluZS90aW1lbGluZS1hbGwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUcvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBTW5EOztHQUVHO0FBVUgsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLFlBUmhCLFlBQVksRUFBRSxjQUFjLGFBRWxDLGNBQWM7K0dBTVQsaUJBQWlCLGFBSmhCLEVBRVQsWUFOUSxDQUFDLFlBQVksRUFBRSxjQUFjLENBQUMsRUFFbkMsY0FBYzsyRkFNVCxpQkFBaUI7a0JBVDdCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsQ0FBQztvQkFDdkMsT0FBTyxFQUFFO3dCQUNMLGNBQWM7cUJBQ2pCO29CQUNELFNBQVMsRUFBQyxFQUVUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIFZhbHVlUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJdGVtRGlyZWN0aXZlLCBJdGVtc0RpcmVjdGl2ZSB9IGZyb20gJy4vaXRlbXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lbGluZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGltZWxpbmVNb2R1bGUgfSBmcm9tICcuL3RpbWVsaW5lLm1vZHVsZSc7XG5cblxuXG5cblxuLyoqXG4gKiBOZ01vZHVsZSBkZWZpbml0aW9uIGZvciB0aGUgVGltZWxpbmUgY29tcG9uZW50IHdpdGggcHJvdmlkZXJzLlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRpbWVsaW5lTW9kdWxlXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFRpbWVsaW5lTW9kdWxlXG4gICAgXSxcbiAgICBwcm92aWRlcnM6W1xuICAgICAgICBcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQWxsTW9kdWxlIHsgfSJdfQ==
|
@@ -0,0 +1,83 @@
|
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
import { Component, ChangeDetectionStrategy, ContentChild } from '@angular/core';
|
3
|
+
import { ComponentBase, ComponentMixins, setValue } from '@syncfusion/ej2-angular-base';
|
4
|
+
import { Timeline } from '@syncfusion/ej2-layouts';
|
5
|
+
import { Template } from '@syncfusion/ej2-angular-base';
|
6
|
+
import { ItemsDirective } from './items.directive';
|
7
|
+
import * as i0 from "@angular/core";
|
8
|
+
export const inputs = ['align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template'];
|
9
|
+
export const outputs = ['beforeItemRender', 'created'];
|
10
|
+
export const twoWays = [];
|
11
|
+
/**
|
12
|
+
* Represents the EJ2 Angular Timeline Component.
|
13
|
+
* ```html
|
14
|
+
* <div ejs-timeline [items]='timelineItems'></div>
|
15
|
+
* ```
|
16
|
+
*/
|
17
|
+
let TimelineComponent = class TimelineComponent extends Timeline {
|
18
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
19
|
+
super();
|
20
|
+
this.ngEle = ngEle;
|
21
|
+
this.srenderer = srenderer;
|
22
|
+
this.viewContainerRef = viewContainerRef;
|
23
|
+
this.injector = injector;
|
24
|
+
this.tags = ['items'];
|
25
|
+
this.element = this.ngEle.nativeElement;
|
26
|
+
this.injectedModules = this.injectedModules || [];
|
27
|
+
this.registerEvents(outputs);
|
28
|
+
this.addTwoWay.call(this, twoWays);
|
29
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
30
|
+
this.containerContext = new ComponentBase();
|
31
|
+
}
|
32
|
+
ngOnInit() {
|
33
|
+
this.containerContext.ngOnInit(this);
|
34
|
+
}
|
35
|
+
ngAfterViewInit() {
|
36
|
+
this.containerContext.ngAfterViewInit(this);
|
37
|
+
}
|
38
|
+
ngOnDestroy() {
|
39
|
+
this.containerContext.ngOnDestroy(this);
|
40
|
+
}
|
41
|
+
ngAfterContentChecked() {
|
42
|
+
this.tagObjects[0].instance = this.childItems;
|
43
|
+
this.containerContext.ngAfterContentChecked(this);
|
44
|
+
}
|
45
|
+
};
|
46
|
+
TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
47
|
+
TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TimelineComponent, selector: "ejs-timeline", inputs: { align: "align", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", items: "items", locale: "locale", orientation: "orientation", reverse: "reverse", template: "template" }, outputs: { beforeItemRender: "beforeItemRender", created: "created" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "oppositeContent", first: true, predicate: ["oppositeContent"], descendants: true }, { propertyName: "childItems", first: true, predicate: ItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
48
|
+
__decorate([
|
49
|
+
Template()
|
50
|
+
], TimelineComponent.prototype, "template", void 0);
|
51
|
+
__decorate([
|
52
|
+
Template()
|
53
|
+
], TimelineComponent.prototype, "content", void 0);
|
54
|
+
__decorate([
|
55
|
+
Template()
|
56
|
+
], TimelineComponent.prototype, "oppositeContent", void 0);
|
57
|
+
TimelineComponent = __decorate([
|
58
|
+
ComponentMixins([ComponentBase])
|
59
|
+
], TimelineComponent);
|
60
|
+
export { TimelineComponent };
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineComponent, decorators: [{
|
62
|
+
type: Component,
|
63
|
+
args: [{
|
64
|
+
selector: 'ejs-timeline',
|
65
|
+
inputs: inputs,
|
66
|
+
outputs: outputs,
|
67
|
+
template: `<ng-content select='div'></ng-content>`,
|
68
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
69
|
+
queries: {
|
70
|
+
childItems: new ContentChild(ItemsDirective)
|
71
|
+
}
|
72
|
+
}]
|
73
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
|
74
|
+
type: ContentChild,
|
75
|
+
args: ['template']
|
76
|
+
}], content: [{
|
77
|
+
type: ContentChild,
|
78
|
+
args: ['content']
|
79
|
+
}], oppositeContent: [{
|
80
|
+
type: ContentChild,
|
81
|
+
args: ['oppositeContent']
|
82
|
+
}] } });
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RpbWVsaW5lL3RpbWVsaW5lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUQsdUJBQXVCLEVBQTRCLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBdUQsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0ksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBRW5ELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBYSxDQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUMsbUJBQW1CLEVBQUMsV0FBVyxFQUFDLE9BQU8sRUFBQyxRQUFRLEVBQUMsYUFBYSxFQUFDLFNBQVMsRUFBQyxVQUFVLENBQUMsQ0FBQztBQUN6SSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxrQkFBa0IsRUFBQyxTQUFTLENBQUMsQ0FBQztBQUNoRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO0FBRXBDOzs7OztHQUtHO0lBWVUsaUJBQWlCLFNBQWpCLGlCQUFrQixTQUFRLFFBQVE7SUE0QjNDLFlBQW9CLEtBQWlCLEVBQVUsU0FBb0IsRUFBVSxnQkFBaUMsRUFBVSxRQUFrQjtRQUN0SSxLQUFLLEVBQUUsQ0FBQztRQURRLFVBQUssR0FBTCxLQUFLLENBQVk7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQVUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVU7UUF0Qm5JLFNBQUksR0FBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBd0I5QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsSUFBSSxFQUFFLENBQUM7UUFFbEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDbkMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUksSUFBSSxhQUFhLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVNLHFCQUFxQjtRQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQzlDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RCxDQUFDO0NBSUosQ0FBQTs4R0ExRFksaUJBQWlCO2tHQUFqQixpQkFBaUIsOG9CQUpPLGNBQWMsdUVBSHJDLHdDQUF3QztBQTJCbEQ7SUFEQyxRQUFRLEVBQUU7bURBQ1U7QUFHckI7SUFEQyxRQUFRLEVBQUU7a0RBQ1M7QUFHcEI7SUFEQyxRQUFRLEVBQUU7MERBQ2lCO0FBMUJuQixpQkFBaUI7SUFEN0IsZUFBZSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7R0FDcEIsaUJBQWlCLENBMEQ3QjtTQTFEWSxpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFYN0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsTUFBTSxFQUFFLE1BQU07b0JBQ2QsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUU7d0JBQ0wsVUFBVSxFQUFFLElBQUksWUFBWSxDQUFDLGNBQWMsQ0FBQztxQkFDL0M7aUJBQ0o7K0tBc0JVLFFBQVE7c0JBRmQsWUFBWTt1QkFBQyxVQUFVO2dCQUtqQixPQUFPO3NCQUZiLFlBQVk7dUJBQUMsU0FBUztnQkFLaEIsZUFBZTtzQkFGckIsWUFBWTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDb250YWluZXJSZWYsIFJlbmRlcmVyMiwgSW5qZWN0b3IsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBRdWVyeUxpc3QsIFZhbHVlUHJvdmlkZXIsIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSwgQ29tcG9uZW50TWl4aW5zLCBJQ29tcG9uZW50QmFzZSwgYXBwbHlNaXhpbnMsIFByb3BlcnR5Q29sbGVjdGlvbkluZm8sIHNldFZhbHVlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5pbXBvcnQgeyBUaW1lbGluZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1sYXlvdXRzJztcbmltcG9ydCB7IFRlbXBsYXRlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5pbXBvcnQgeyBJdGVtc0RpcmVjdGl2ZSB9IGZyb20gJy4vaXRlbXMuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IGlucHV0czogc3RyaW5nW10gPSBbJ2FsaWduJywnY3NzQ2xhc3MnLCdlbmFibGVQZXJzaXN0ZW5jZScsJ2VuYWJsZVJ0bCcsJ2l0ZW1zJywnbG9jYWxlJywnb3JpZW50YXRpb24nLCdyZXZlcnNlJywndGVtcGxhdGUnXTtcbmV4cG9ydCBjb25zdCBvdXRwdXRzOiBzdHJpbmdbXSA9IFsnYmVmb3JlSXRlbVJlbmRlcicsJ2NyZWF0ZWQnXTtcbmV4cG9ydCBjb25zdCB0d29XYXlzOiBzdHJpbmdbXSA9IFtdO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIEVKMiBBbmd1bGFyIFRpbWVsaW5lIENvbXBvbmVudC5cbiAqIGBgYGh0bWxcbiAqIDxkaXYgZWpzLXRpbWVsaW5lIFtpdGVtc109J3RpbWVsaW5lSXRlbXMnPjwvZGl2PlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWpzLXRpbWVsaW5lJyxcbiAgICBpbnB1dHM6IGlucHV0cyxcbiAgICBvdXRwdXRzOiBvdXRwdXRzLFxuICAgIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQgc2VsZWN0PSdkaXYnPjwvbmctY29udGVudD5gLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHF1ZXJpZXM6IHtcbiAgICAgICAgY2hpbGRJdGVtczogbmV3IENvbnRlbnRDaGlsZChJdGVtc0RpcmVjdGl2ZSlcbiAgICB9XG59KVxuQENvbXBvbmVudE1peGlucyhbQ29tcG9uZW50QmFzZV0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQgZXh0ZW5kcyBUaW1lbGluZSBpbXBsZW1lbnRzIElDb21wb25lbnRCYXNlIHtcbiAgICBwdWJsaWMgY29udGFpbmVyQ29udGV4dCA6IGFueTtcbiAgICBwdWJsaWMgdGFnT2JqZWN0czogYW55O1xuXHRiZWZvcmVJdGVtUmVuZGVyOiBhbnk7XG5cdHB1YmxpYyBjcmVhdGVkOiBhbnk7XG4gICAgcHVibGljIGNoaWxkSXRlbXM6IFF1ZXJ5TGlzdDxJdGVtc0RpcmVjdGl2ZT47XG4gICAgcHVibGljIHRhZ3M6IHN0cmluZ1tdID0gWydpdGVtcyddO1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIHRoZSB0ZW1wbGF0ZSBjb250ZW50IGZvciBlYWNoIHRpbWVsaW5lIGl0ZW0uIFRoZSB0ZW1wbGF0ZSBjb250ZXh0IHdpbGwgY29udGFpbiB0aGUgaXRlbSBtb2RlbC5cbiAgICAgKiBcbiAgICAgKiB7JSBjb2RlQmxvY2sgc3JjPSd0aW1lbGluZS90ZW1wbGF0ZS9pbmRleC5tZCcgJX17JSBlbmRjb2RlQmxvY2sgJX1cbiAgICAgKiAgICAgXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKiBAYW5ndWxhcnR5cGUgc3RyaW5nIHwgb2JqZWN0XG4gICAgICogQHJlYWN0dHlwZSBzdHJpbmcgfCBmdW5jdGlvbiB8IEpTWC5FbGVtZW50XG4gICAgICogQHZ1ZXR5cGUgc3RyaW5nIHwgZnVuY3Rpb25cbiAgICAgKiBAYXNwdHlwZSBzdHJpbmdcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKCd0ZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgdGVtcGxhdGU6IGFueTtcbiAgICBAQ29udGVudENoaWxkKCdjb250ZW50JylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBjb250ZW50OiBhbnk7XG4gICAgQENvbnRlbnRDaGlsZCgnb3Bwb3NpdGVDb250ZW50JylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBvcHBvc2l0ZUNvbnRlbnQ6IGFueTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgbmdFbGU6IEVsZW1lbnRSZWYsIHByaXZhdGUgc3JlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjpWaWV3Q29udGFpbmVyUmVmLCBwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLmVsZW1lbnQgPSB0aGlzLm5nRWxlLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIHRoaXMuaW5qZWN0ZWRNb2R1bGVzID0gdGhpcy5pbmplY3RlZE1vZHVsZXMgfHwgW107XG5cbiAgICAgICAgdGhpcy5yZWdpc3RlckV2ZW50cyhvdXRwdXRzKTtcbiAgICAgICAgdGhpcy5hZGRUd29XYXkuY2FsbCh0aGlzLCB0d29XYXlzKTtcbiAgICAgICAgc2V0VmFsdWUoJ2N1cnJlbnRJbnN0YW5jZScsIHRoaXMsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dCAgPSBuZXcgQ29tcG9uZW50QmFzZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nT25Jbml0KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ0FmdGVyVmlld0luaXQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdPbkRlc3Ryb3kodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50YWdPYmplY3RzWzBdLmluc3RhbmNlID0gdGhpcy5jaGlsZEl0ZW1zO1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdBZnRlckNvbnRlbnRDaGVja2VkKHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3RlckV2ZW50czogKGV2ZW50TGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG4gICAgcHVibGljIGFkZFR3b1dheTogKHByb3BMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbn1cblxuIl19
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { ItemDirective, ItemsDirective } from './items.directive';
|
4
|
+
import { TimelineComponent } from './timeline.component';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
/**
|
7
|
+
* NgModule definition for the Timeline component.
|
8
|
+
*/
|
9
|
+
export class TimelineModule {
|
10
|
+
}
|
11
|
+
TimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
12
|
+
TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, declarations: [TimelineComponent,
|
13
|
+
ItemDirective,
|
14
|
+
ItemsDirective], imports: [CommonModule], exports: [TimelineComponent,
|
15
|
+
ItemDirective,
|
16
|
+
ItemsDirective] });
|
17
|
+
TimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, imports: [[CommonModule]] });
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, decorators: [{
|
19
|
+
type: NgModule,
|
20
|
+
args: [{
|
21
|
+
imports: [CommonModule],
|
22
|
+
declarations: [
|
23
|
+
TimelineComponent,
|
24
|
+
ItemDirective,
|
25
|
+
ItemsDirective
|
26
|
+
],
|
27
|
+
exports: [
|
28
|
+
TimelineComponent,
|
29
|
+
ItemDirective,
|
30
|
+
ItemsDirective
|
31
|
+
]
|
32
|
+
}]
|
33
|
+
}] });
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RpbWVsaW5lL3RpbWVsaW5lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUV6RDs7R0FFRztBQWNILE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBVm5CLGlCQUFpQjtRQUNqQixhQUFhO1FBQ2IsY0FBYyxhQUpSLFlBQVksYUFPbEIsaUJBQWlCO1FBQ2pCLGFBQWE7UUFDYixjQUFjOzRHQUdULGNBQWMsWUFaZCxDQUFDLFlBQVksQ0FBQzsyRkFZZCxjQUFjO2tCQWIxQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWSxFQUFFO3dCQUNWLGlCQUFpQjt3QkFDakIsYUFBYTt3QkFDYixjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLGNBQWM7cUJBQ2pCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJdGVtRGlyZWN0aXZlLCBJdGVtc0RpcmVjdGl2ZSB9IGZyb20gJy4vaXRlbXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lbGluZS5jb21wb25lbnQnO1xuXG4vKipcbiAqIE5nTW9kdWxlIGRlZmluaXRpb24gZm9yIHRoZSBUaW1lbGluZSBjb21wb25lbnQuXG4gKi9cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFRpbWVsaW5lQ29tcG9uZW50LFxuICAgICAgICBJdGVtRGlyZWN0aXZlLFxuICAgICAgICBJdGVtc0RpcmVjdGl2ZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBUaW1lbGluZUNvbXBvbmVudCxcbiAgICAgICAgSXRlbURpcmVjdGl2ZSxcbiAgICAgICAgSXRlbXNEaXJlY3RpdmVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lTW9kdWxlIHsgfSJdfQ==
|
@@ -2,12 +2,12 @@ import { __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
3
3
|
import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
4
4
|
import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
|
5
|
-
import { Splitter, DashboardLayout } from '@syncfusion/ej2-layouts';
|
5
|
+
import { Splitter, DashboardLayout, Timeline } from '@syncfusion/ej2-layouts';
|
6
6
|
export * from '@syncfusion/ej2-layouts';
|
7
7
|
import { CommonModule } from '@angular/common';
|
8
8
|
|
9
|
-
let input$
|
10
|
-
let outputs$
|
9
|
+
let input$2 = ['collapsed', 'collapsible', 'content', 'cssClass', 'max', 'min', 'resizable', 'size'];
|
10
|
+
let outputs$5 = [];
|
11
11
|
/**
|
12
12
|
* 'e-panesettings' directive represent a panes of angular splitter
|
13
13
|
* It must be contained in a Splitter component(`ejs-splitter`).
|
@@ -25,8 +25,8 @@ class PaneDirective extends ComplexBase {
|
|
25
25
|
super();
|
26
26
|
this.viewContainerRef = viewContainerRef;
|
27
27
|
setValue('currentInstance', this, this.viewContainerRef);
|
28
|
-
this.registerEvents(outputs$
|
29
|
-
this.directivePropList = input$
|
28
|
+
this.registerEvents(outputs$5);
|
29
|
+
this.directivePropList = input$2;
|
30
30
|
}
|
31
31
|
}
|
32
32
|
PaneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PaneDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
@@ -38,8 +38,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
38
38
|
type: Directive,
|
39
39
|
args: [{
|
40
40
|
selector: 'e-panes>e-pane',
|
41
|
-
inputs: input$
|
42
|
-
outputs: outputs$
|
41
|
+
inputs: input$2,
|
42
|
+
outputs: outputs$5,
|
43
43
|
queries: {}
|
44
44
|
}]
|
45
45
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
|
@@ -67,9 +67,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
67
67
|
}]
|
68
68
|
}], ctorParameters: function () { return []; } });
|
69
69
|
|
70
|
-
const inputs$
|
71
|
-
const outputs$
|
72
|
-
const twoWays$
|
70
|
+
const inputs$2 = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width'];
|
71
|
+
const outputs$4 = ['beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];
|
72
|
+
const twoWays$2 = [''];
|
73
73
|
/**
|
74
74
|
* Represents the Angular Splitter Component
|
75
75
|
* ```html
|
@@ -86,8 +86,8 @@ let SplitterComponent = class SplitterComponent extends Splitter {
|
|
86
86
|
this.tags = ['paneSettings'];
|
87
87
|
this.element = this.ngEle.nativeElement;
|
88
88
|
this.injectedModules = this.injectedModules || [];
|
89
|
-
this.registerEvents(outputs$
|
90
|
-
this.addTwoWay.call(this, twoWays$
|
89
|
+
this.registerEvents(outputs$4);
|
90
|
+
this.addTwoWay.call(this, twoWays$2);
|
91
91
|
setValue('currentInstance', this, this.viewContainerRef);
|
92
92
|
this.containerContext = new ComponentBase();
|
93
93
|
}
|
@@ -114,8 +114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
114
114
|
type: Component,
|
115
115
|
args: [{
|
116
116
|
selector: 'ejs-splitter',
|
117
|
-
inputs: inputs$
|
118
|
-
outputs: outputs$
|
117
|
+
inputs: inputs$2,
|
118
|
+
outputs: outputs$4,
|
119
119
|
template: `<ng-content select='div'></ng-content>`,
|
120
120
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
121
121
|
queries: {
|
@@ -172,8 +172,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
172
172
|
}]
|
173
173
|
}] });
|
174
174
|
|
175
|
-
let input = ['col', 'content', 'cssClass', 'enabled', 'header', 'id', 'maxSizeX', 'maxSizeY', 'minSizeX', 'minSizeY', 'row', 'sizeX', 'sizeY', 'zIndex'];
|
176
|
-
let outputs$
|
175
|
+
let input$1 = ['col', 'content', 'cssClass', 'enabled', 'header', 'id', 'maxSizeX', 'maxSizeY', 'minSizeX', 'minSizeY', 'row', 'sizeX', 'sizeY', 'zIndex'];
|
176
|
+
let outputs$3 = [];
|
177
177
|
/**
|
178
178
|
* 'e-panels' directive represent a panels of angular dashboardlayout
|
179
179
|
* It must be contained in a dashboardlayout component(`ej-dashboardlayout`).
|
@@ -191,8 +191,8 @@ class PanelDirective extends ComplexBase {
|
|
191
191
|
super();
|
192
192
|
this.viewContainerRef = viewContainerRef;
|
193
193
|
setValue('currentInstance', this, this.viewContainerRef);
|
194
|
-
this.registerEvents(outputs$
|
195
|
-
this.directivePropList = input;
|
194
|
+
this.registerEvents(outputs$3);
|
195
|
+
this.directivePropList = input$1;
|
196
196
|
}
|
197
197
|
}
|
198
198
|
PanelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
@@ -207,8 +207,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
207
207
|
type: Directive,
|
208
208
|
args: [{
|
209
209
|
selector: 'e-panels>e-panel',
|
210
|
-
inputs: input,
|
211
|
-
outputs: outputs$
|
210
|
+
inputs: input$1,
|
211
|
+
outputs: outputs$3,
|
212
212
|
queries: {}
|
213
213
|
}]
|
214
214
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { header: [{
|
@@ -239,9 +239,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
239
239
|
}]
|
240
240
|
}], ctorParameters: function () { return []; } });
|
241
241
|
|
242
|
-
const inputs = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines'];
|
243
|
-
const outputs = ['change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];
|
244
|
-
const twoWays = [''];
|
242
|
+
const inputs$1 = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines'];
|
243
|
+
const outputs$2 = ['change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];
|
244
|
+
const twoWays$1 = [''];
|
245
245
|
/**
|
246
246
|
* Represents the Essential JS 2 Angular DashboardLayout Component.
|
247
247
|
* ```html
|
@@ -258,8 +258,8 @@ let DashboardLayoutComponent = class DashboardLayoutComponent extends DashboardL
|
|
258
258
|
this.tags = ['panels'];
|
259
259
|
this.element = this.ngEle.nativeElement;
|
260
260
|
this.injectedModules = this.injectedModules || [];
|
261
|
-
this.registerEvents(outputs);
|
262
|
-
this.addTwoWay.call(this, twoWays);
|
261
|
+
this.registerEvents(outputs$2);
|
262
|
+
this.addTwoWay.call(this, twoWays$1);
|
263
263
|
setValue('currentInstance', this, this.viewContainerRef);
|
264
264
|
this.containerContext = new ComponentBase();
|
265
265
|
}
|
@@ -286,8 +286,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
286
286
|
type: Component,
|
287
287
|
args: [{
|
288
288
|
selector: 'ejs-dashboardlayout',
|
289
|
-
inputs: inputs,
|
290
|
-
outputs: outputs,
|
289
|
+
inputs: inputs$1,
|
290
|
+
outputs: outputs$2,
|
291
291
|
template: `<ng-content select='div'></ng-content>`,
|
292
292
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
293
293
|
queries: {
|
@@ -344,11 +344,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
344
344
|
}]
|
345
345
|
}] });
|
346
346
|
|
347
|
+
let input = ['content', 'cssClass', 'disabled', 'dotCss', 'oppositeContent'];
|
348
|
+
let outputs$1 = [];
|
349
|
+
/**
|
350
|
+
* 'e-timelineItem' directive represents a item of the Angular Timeline.
|
351
|
+
* It must be contained in a Timeline component(`ejs-timeline`).
|
352
|
+
* ```html
|
353
|
+
* <ejs-timeline>
|
354
|
+
* <e-items>
|
355
|
+
* <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
|
356
|
+
* <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
|
357
|
+
* </e-items>
|
358
|
+
* </ejs-timeline>
|
359
|
+
* ```
|
360
|
+
*/
|
361
|
+
class ItemDirective extends ComplexBase {
|
362
|
+
constructor(viewContainerRef) {
|
363
|
+
super();
|
364
|
+
this.viewContainerRef = viewContainerRef;
|
365
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
366
|
+
this.registerEvents(outputs$1);
|
367
|
+
this.directivePropList = input;
|
368
|
+
}
|
369
|
+
}
|
370
|
+
ItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
371
|
+
ItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemDirective, selector: "ejs-timeline>e-items>e-item", inputs: { content: "content", cssClass: "cssClass", disabled: "disabled", dotCss: "dotCss", oppositeContent: "oppositeContent" }, usesInheritance: true, ngImport: i0 });
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, decorators: [{
|
373
|
+
type: Directive,
|
374
|
+
args: [{
|
375
|
+
selector: 'ejs-timeline>e-items>e-item',
|
376
|
+
inputs: input,
|
377
|
+
outputs: outputs$1,
|
378
|
+
queries: {}
|
379
|
+
}]
|
380
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
381
|
+
/**
|
382
|
+
* Item Array Directive
|
383
|
+
* @private
|
384
|
+
*/
|
385
|
+
class ItemsDirective extends ArrayBase {
|
386
|
+
constructor() {
|
387
|
+
super('items');
|
388
|
+
}
|
389
|
+
}
|
390
|
+
ItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
391
|
+
ItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemsDirective, selector: "ejs-timeline>e-items", queries: [{ propertyName: "children", predicate: ItemDirective }], usesInheritance: true, ngImport: i0 });
|
392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, decorators: [{
|
393
|
+
type: Directive,
|
394
|
+
args: [{
|
395
|
+
selector: 'ejs-timeline>e-items',
|
396
|
+
queries: {
|
397
|
+
children: new ContentChildren(ItemDirective)
|
398
|
+
},
|
399
|
+
}]
|
400
|
+
}], ctorParameters: function () { return []; } });
|
401
|
+
|
402
|
+
const inputs = ['align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template'];
|
403
|
+
const outputs = ['beforeItemRender', 'created'];
|
404
|
+
const twoWays = [];
|
405
|
+
/**
|
406
|
+
* Represents the EJ2 Angular Timeline Component.
|
407
|
+
* ```html
|
408
|
+
* <div ejs-timeline [items]='timelineItems'></div>
|
409
|
+
* ```
|
410
|
+
*/
|
411
|
+
let TimelineComponent = class TimelineComponent extends Timeline {
|
412
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
413
|
+
super();
|
414
|
+
this.ngEle = ngEle;
|
415
|
+
this.srenderer = srenderer;
|
416
|
+
this.viewContainerRef = viewContainerRef;
|
417
|
+
this.injector = injector;
|
418
|
+
this.tags = ['items'];
|
419
|
+
this.element = this.ngEle.nativeElement;
|
420
|
+
this.injectedModules = this.injectedModules || [];
|
421
|
+
this.registerEvents(outputs);
|
422
|
+
this.addTwoWay.call(this, twoWays);
|
423
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
424
|
+
this.containerContext = new ComponentBase();
|
425
|
+
}
|
426
|
+
ngOnInit() {
|
427
|
+
this.containerContext.ngOnInit(this);
|
428
|
+
}
|
429
|
+
ngAfterViewInit() {
|
430
|
+
this.containerContext.ngAfterViewInit(this);
|
431
|
+
}
|
432
|
+
ngOnDestroy() {
|
433
|
+
this.containerContext.ngOnDestroy(this);
|
434
|
+
}
|
435
|
+
ngAfterContentChecked() {
|
436
|
+
this.tagObjects[0].instance = this.childItems;
|
437
|
+
this.containerContext.ngAfterContentChecked(this);
|
438
|
+
}
|
439
|
+
};
|
440
|
+
TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
441
|
+
TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TimelineComponent, selector: "ejs-timeline", inputs: { align: "align", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", items: "items", locale: "locale", orientation: "orientation", reverse: "reverse", template: "template" }, outputs: { beforeItemRender: "beforeItemRender", created: "created" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "oppositeContent", first: true, predicate: ["oppositeContent"], descendants: true }, { propertyName: "childItems", first: true, predicate: ItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
442
|
+
__decorate([
|
443
|
+
Template()
|
444
|
+
], TimelineComponent.prototype, "template", void 0);
|
445
|
+
__decorate([
|
446
|
+
Template()
|
447
|
+
], TimelineComponent.prototype, "content", void 0);
|
448
|
+
__decorate([
|
449
|
+
Template()
|
450
|
+
], TimelineComponent.prototype, "oppositeContent", void 0);
|
451
|
+
TimelineComponent = __decorate([
|
452
|
+
ComponentMixins([ComponentBase])
|
453
|
+
], TimelineComponent);
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineComponent, decorators: [{
|
455
|
+
type: Component,
|
456
|
+
args: [{
|
457
|
+
selector: 'ejs-timeline',
|
458
|
+
inputs: inputs,
|
459
|
+
outputs: outputs,
|
460
|
+
template: `<ng-content select='div'></ng-content>`,
|
461
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
462
|
+
queries: {
|
463
|
+
childItems: new ContentChild(ItemsDirective)
|
464
|
+
}
|
465
|
+
}]
|
466
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
|
467
|
+
type: ContentChild,
|
468
|
+
args: ['template']
|
469
|
+
}], content: [{
|
470
|
+
type: ContentChild,
|
471
|
+
args: ['content']
|
472
|
+
}], oppositeContent: [{
|
473
|
+
type: ContentChild,
|
474
|
+
args: ['oppositeContent']
|
475
|
+
}] } });
|
476
|
+
|
477
|
+
/**
|
478
|
+
* NgModule definition for the Timeline component.
|
479
|
+
*/
|
480
|
+
class TimelineModule {
|
481
|
+
}
|
482
|
+
TimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
483
|
+
TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, declarations: [TimelineComponent,
|
484
|
+
ItemDirective,
|
485
|
+
ItemsDirective], imports: [CommonModule], exports: [TimelineComponent,
|
486
|
+
ItemDirective,
|
487
|
+
ItemsDirective] });
|
488
|
+
TimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, imports: [[CommonModule]] });
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineModule, decorators: [{
|
490
|
+
type: NgModule,
|
491
|
+
args: [{
|
492
|
+
imports: [CommonModule],
|
493
|
+
declarations: [
|
494
|
+
TimelineComponent,
|
495
|
+
ItemDirective,
|
496
|
+
ItemsDirective
|
497
|
+
],
|
498
|
+
exports: [
|
499
|
+
TimelineComponent,
|
500
|
+
ItemDirective,
|
501
|
+
ItemsDirective
|
502
|
+
]
|
503
|
+
}]
|
504
|
+
}] });
|
505
|
+
|
506
|
+
/**
|
507
|
+
* NgModule definition for the Timeline component with providers.
|
508
|
+
*/
|
509
|
+
class TimelineAllModule {
|
510
|
+
}
|
511
|
+
TimelineAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
512
|
+
TimelineAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, imports: [CommonModule, TimelineModule], exports: [TimelineModule] });
|
513
|
+
TimelineAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, providers: [], imports: [[CommonModule, TimelineModule], TimelineModule] });
|
514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimelineAllModule, decorators: [{
|
515
|
+
type: NgModule,
|
516
|
+
args: [{
|
517
|
+
imports: [CommonModule, TimelineModule],
|
518
|
+
exports: [
|
519
|
+
TimelineModule
|
520
|
+
],
|
521
|
+
providers: []
|
522
|
+
}]
|
523
|
+
}] });
|
524
|
+
|
347
525
|
// Mapping root file for package generation
|
348
526
|
|
349
527
|
/**
|
350
528
|
* Generated bundle index. Do not edit.
|
351
529
|
*/
|
352
530
|
|
353
|
-
export { DashboardLayoutAllModule, DashboardLayoutComponent, DashboardLayoutModule, PaneDirective, PanelDirective, PanelsDirective, PanesDirective, SplitterAllModule, SplitterComponent, SplitterModule };
|
531
|
+
export { DashboardLayoutAllModule, DashboardLayoutComponent, DashboardLayoutModule, ItemDirective, ItemsDirective, PaneDirective, PanelDirective, PanelsDirective, PanesDirective, SplitterAllModule, SplitterComponent, SplitterModule, TimelineAllModule, TimelineComponent, TimelineModule };
|
354
532
|
//# sourceMappingURL=syncfusion-ej2-angular-layouts.mjs.map
|