@syncfusion/ej2-angular-navigations 31.2.3 → 31.2.5-ngcc
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/@syncfusion/ej2-angular-navigations.es5.js +2247 -0
- package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-navigations.js +2070 -0
- package/@syncfusion/ej2-angular-navigations.js.map +1 -0
- package/LICENSE +10 -0
- package/dist/ej2-angular-navigations.umd.js +2356 -0
- package/dist/ej2-angular-navigations.umd.js.map +1 -0
- package/dist/ej2-angular-navigations.umd.min.js +11 -0
- package/dist/ej2-angular-navigations.umd.min.js.map +1 -0
- package/ej2-angular-navigations.d.ts +15 -0
- package/ej2-angular-navigations.metadata.json +1 -0
- package/package.json +9 -22
- package/public_api.d.ts +1 -1
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/accordion/accordion-all.module.d.ts +5 -11
- package/src/accordion/accordion.component.d.ts +54 -57
- package/src/accordion/accordion.module.d.ts +5 -12
- package/src/accordion/items.directive.d.ts +75 -80
- package/src/appbar/appbar-all.module.d.ts +5 -11
- package/src/appbar/appbar.component.d.ts +29 -32
- package/src/appbar/appbar.module.d.ts +5 -11
- package/src/breadcrumb/breadcrumb-all.module.d.ts +5 -11
- package/src/breadcrumb/breadcrumb.component.d.ts +46 -49
- package/src/breadcrumb/breadcrumb.module.d.ts +5 -12
- package/src/breadcrumb/items.directive.d.ts +51 -56
- package/src/carousel/carousel-all.module.d.ts +5 -11
- package/src/carousel/carousel.component.d.ts +78 -81
- package/src/carousel/carousel.module.d.ts +5 -12
- package/src/carousel/items.directive.d.ts +50 -55
- package/src/context-menu/contextmenu-all.module.d.ts +5 -11
- package/src/context-menu/contextmenu.component.d.ts +35 -38
- package/src/context-menu/contextmenu.module.d.ts +5 -11
- package/src/index.d.ts +41 -41
- package/src/menu/items.directive.d.ts +50 -55
- package/src/menu/menu-all.module.d.ts +5 -11
- package/src/menu/menu.component.d.ts +43 -46
- package/src/menu/menu.module.d.ts +5 -12
- package/src/sidebar/sidebar-all.module.d.ts +5 -11
- package/src/sidebar/sidebar.component.d.ts +33 -36
- package/src/sidebar/sidebar.module.d.ts +5 -11
- package/src/stepper/stepper-all.module.d.ts +5 -11
- package/src/stepper/stepper.component.d.ts +57 -60
- package/src/stepper/stepper.module.d.ts +5 -12
- package/src/stepper/steps.directive.d.ts +76 -81
- package/src/tab/items.directive.d.ts +77 -82
- package/src/tab/tab-all.module.d.ts +5 -11
- package/src/tab/tab.component.d.ts +41 -44
- package/src/tab/tab.module.d.ts +5 -12
- package/src/toolbar/items.directive.d.ts +142 -147
- package/src/toolbar/toolbar-all.module.d.ts +5 -11
- package/src/toolbar/toolbar.component.d.ts +35 -38
- package/src/toolbar/toolbar.module.d.ts +5 -12
- package/src/treeview/treeview-all.module.d.ts +5 -11
- package/src/treeview/treeview.component.d.ts +62 -65
- package/src/treeview/treeview.module.d.ts +5 -11
- package/CHANGELOG.md +0 -3136
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/accordion/accordion-all.module.mjs +0 -23
- package/esm2020/src/accordion/accordion.component.mjs +0 -77
- package/esm2020/src/accordion/accordion.module.mjs +0 -34
- package/esm2020/src/accordion/items.directive.mjs +0 -72
- package/esm2020/src/appbar/appbar-all.module.mjs +0 -23
- package/esm2020/src/appbar/appbar.component.mjs +0 -59
- package/esm2020/src/appbar/appbar.module.mjs +0 -25
- package/esm2020/src/breadcrumb/breadcrumb-all.module.mjs +0 -23
- package/esm2020/src/breadcrumb/breadcrumb.component.mjs +0 -77
- package/esm2020/src/breadcrumb/breadcrumb.module.mjs +0 -34
- package/esm2020/src/breadcrumb/items.directive.mjs +0 -58
- package/esm2020/src/carousel/carousel-all.module.mjs +0 -23
- package/esm2020/src/carousel/carousel.component.mjs +0 -95
- package/esm2020/src/carousel/carousel.module.mjs +0 -34
- package/esm2020/src/carousel/items.directive.mjs +0 -66
- package/esm2020/src/context-menu/contextmenu-all.module.mjs +0 -23
- package/esm2020/src/context-menu/contextmenu.component.mjs +0 -60
- package/esm2020/src/context-menu/contextmenu.module.mjs +0 -25
- package/esm2020/src/index.mjs +0 -42
- package/esm2020/src/menu/items.directive.mjs +0 -46
- package/esm2020/src/menu/menu-all.module.mjs +0 -23
- package/esm2020/src/menu/menu.component.mjs +0 -71
- package/esm2020/src/menu/menu.module.mjs +0 -34
- package/esm2020/src/sidebar/sidebar-all.module.mjs +0 -23
- package/esm2020/src/sidebar/sidebar.component.mjs +0 -59
- package/esm2020/src/sidebar/sidebar.module.mjs +0 -25
- package/esm2020/src/stepper/stepper-all.module.mjs +0 -23
- package/esm2020/src/stepper/stepper.component.mjs +0 -77
- package/esm2020/src/stepper/stepper.module.mjs +0 -34
- package/esm2020/src/stepper/steps.directive.mjs +0 -58
- package/esm2020/src/tab/items.directive.mjs +0 -78
- package/esm2020/src/tab/tab-all.module.mjs +0 -23
- package/esm2020/src/tab/tab.component.mjs +0 -64
- package/esm2020/src/tab/tab.module.mjs +0 -34
- package/esm2020/src/toolbar/items.directive.mjs +0 -66
- package/esm2020/src/toolbar/toolbar-all.module.mjs +0 -23
- package/esm2020/src/toolbar/toolbar.component.mjs +0 -64
- package/esm2020/src/toolbar/toolbar.module.mjs +0 -34
- package/esm2020/src/treeview/treeview-all.module.mjs +0 -23
- package/esm2020/src/treeview/treeview.component.mjs +0 -66
- package/esm2020/src/treeview/treeview.module.mjs +0 -25
- package/esm2020/syncfusion-ej2-angular-navigations.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-navigations.mjs +0 -1615
- package/fesm2015/syncfusion-ej2-angular-navigations.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-navigations.mjs +0 -1615
- package/fesm2020/syncfusion-ej2-angular-navigations.mjs.map +0 -1
- package/syncfusion-ej2-angular-navigations.d.ts +0 -5
|
@@ -1,1615 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
|
-
import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
|
|
5
|
-
import { Accordion, Toolbar, ContextMenu, Breadcrumb, Carousel, Tab, TreeView, Sidebar, Menu, AppBar, Stepper } from '@syncfusion/ej2-navigations';
|
|
6
|
-
export * from '@syncfusion/ej2-navigations';
|
|
7
|
-
import { CommonModule } from '@angular/common';
|
|
8
|
-
|
|
9
|
-
let input$6 = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];
|
|
10
|
-
let outputs$h = [];
|
|
11
|
-
/**
|
|
12
|
-
* 'e-accordionitem' directive represent a item of the Angular Accordion.
|
|
13
|
-
* It must be contained in a Accordion component(`ejs-accordion`).
|
|
14
|
-
* ```html
|
|
15
|
-
* <ejs-accordion>
|
|
16
|
-
* <e-accordionitems>
|
|
17
|
-
* <e-accordionitem header='Header1'></e-accordionitem>
|
|
18
|
-
* <e-accordionitem header='Header2' content='Content2'></e-accordionitem>
|
|
19
|
-
* </e-accordionitems>
|
|
20
|
-
* </ejs-accordion>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
class AccordionItemDirective extends ComplexBase {
|
|
24
|
-
constructor(viewContainerRef) {
|
|
25
|
-
super();
|
|
26
|
-
this.viewContainerRef = viewContainerRef;
|
|
27
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
28
|
-
this.registerEvents(outputs$h);
|
|
29
|
-
this.directivePropList = input$6;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
AccordionItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
-
AccordionItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccordionItemDirective, selector: "e-accordionitems>e-accordionitem", inputs: { content: "content", cssClass: "cssClass", disabled: "disabled", expanded: "expanded", header: "header", iconCss: "iconCss", id: "id", visible: "visible" }, queries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
34
|
-
__decorate([
|
|
35
|
-
Template()
|
|
36
|
-
], AccordionItemDirective.prototype, "header", void 0);
|
|
37
|
-
__decorate([
|
|
38
|
-
Template()
|
|
39
|
-
], AccordionItemDirective.prototype, "content", void 0);
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemDirective, decorators: [{
|
|
41
|
-
type: Directive,
|
|
42
|
-
args: [{
|
|
43
|
-
selector: 'e-accordionitems>e-accordionitem',
|
|
44
|
-
inputs: input$6,
|
|
45
|
-
outputs: outputs$h,
|
|
46
|
-
queries: {}
|
|
47
|
-
}]
|
|
48
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { header: [{
|
|
49
|
-
type: ContentChild,
|
|
50
|
-
args: ['header']
|
|
51
|
-
}], content: [{
|
|
52
|
-
type: ContentChild,
|
|
53
|
-
args: ['content']
|
|
54
|
-
}] } });
|
|
55
|
-
/**
|
|
56
|
-
* AccordionItem Array Directive
|
|
57
|
-
* @private
|
|
58
|
-
*/
|
|
59
|
-
class AccordionItemsDirective extends ArrayBase {
|
|
60
|
-
constructor() {
|
|
61
|
-
super('items');
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
AccordionItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
65
|
-
AccordionItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccordionItemsDirective, selector: "ejs-accordion>e-accordionitems", queries: [{ propertyName: "children", predicate: AccordionItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemsDirective, decorators: [{
|
|
67
|
-
type: Directive,
|
|
68
|
-
args: [{
|
|
69
|
-
selector: 'ejs-accordion>e-accordionitems',
|
|
70
|
-
queries: {
|
|
71
|
-
children: new ContentChildren(AccordionItemDirective)
|
|
72
|
-
},
|
|
73
|
-
}]
|
|
74
|
-
}], ctorParameters: function () { return []; } });
|
|
75
|
-
|
|
76
|
-
const inputs$a = ['animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width'];
|
|
77
|
-
const outputs$g = ['clicked', 'created', 'destroyed', 'expanded', 'expanding', 'expandedIndicesChange'];
|
|
78
|
-
const twoWays$a = ['expandedIndices'];
|
|
79
|
-
/**
|
|
80
|
-
* Represents the Angular Accordion Component.
|
|
81
|
-
* ```html
|
|
82
|
-
* <ejs-accordion></ejs-accordion>
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
85
|
-
let AccordionComponent = class AccordionComponent extends Accordion {
|
|
86
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
87
|
-
super();
|
|
88
|
-
this.ngEle = ngEle;
|
|
89
|
-
this.srenderer = srenderer;
|
|
90
|
-
this.viewContainerRef = viewContainerRef;
|
|
91
|
-
this.injector = injector;
|
|
92
|
-
this.tags = ['items'];
|
|
93
|
-
this.element = this.ngEle.nativeElement;
|
|
94
|
-
this.injectedModules = this.injectedModules || [];
|
|
95
|
-
this.registerEvents(outputs$g);
|
|
96
|
-
this.addTwoWay.call(this, twoWays$a);
|
|
97
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
98
|
-
this.containerContext = new ComponentBase();
|
|
99
|
-
}
|
|
100
|
-
ngOnInit() {
|
|
101
|
-
this.containerContext.ngOnInit(this);
|
|
102
|
-
}
|
|
103
|
-
ngAfterViewInit() {
|
|
104
|
-
this.containerContext.ngAfterViewInit(this);
|
|
105
|
-
}
|
|
106
|
-
ngOnDestroy() {
|
|
107
|
-
this.containerContext.ngOnDestroy(this);
|
|
108
|
-
}
|
|
109
|
-
ngAfterContentChecked() {
|
|
110
|
-
this.tagObjects[0].instance = this.childItems;
|
|
111
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
-
AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AccordionComponent, selector: "ejs-accordion", inputs: { animation: "animation", dataSource: "dataSource", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", expandMode: "expandMode", expandedIndices: "expandedIndices", headerTemplate: "headerTemplate", height: "height", itemTemplate: "itemTemplate", items: "items", locale: "locale", width: "width" }, outputs: { clicked: "clicked", created: "created", destroyed: "destroyed", expanded: "expanded", expanding: "expanding", expandedIndicesChange: "expandedIndicesChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "childItems", first: true, predicate: AccordionItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
116
|
-
__decorate([
|
|
117
|
-
Template()
|
|
118
|
-
], AccordionComponent.prototype, "headerTemplate", void 0);
|
|
119
|
-
__decorate([
|
|
120
|
-
Template()
|
|
121
|
-
], AccordionComponent.prototype, "itemTemplate", void 0);
|
|
122
|
-
AccordionComponent = __decorate([
|
|
123
|
-
ComponentMixins([ComponentBase])
|
|
124
|
-
], AccordionComponent);
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
126
|
-
type: Component,
|
|
127
|
-
args: [{
|
|
128
|
-
selector: 'ejs-accordion',
|
|
129
|
-
inputs: inputs$a,
|
|
130
|
-
outputs: outputs$g,
|
|
131
|
-
template: `<ng-content select='div'></ng-content>`,
|
|
132
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
133
|
-
queries: {
|
|
134
|
-
childItems: new ContentChild(AccordionItemsDirective)
|
|
135
|
-
}
|
|
136
|
-
}]
|
|
137
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { headerTemplate: [{
|
|
138
|
-
type: ContentChild,
|
|
139
|
-
args: ['headerTemplate']
|
|
140
|
-
}], itemTemplate: [{
|
|
141
|
-
type: ContentChild,
|
|
142
|
-
args: ['itemTemplate']
|
|
143
|
-
}] } });
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* NgModule definition for the Accordion component.
|
|
147
|
-
*/
|
|
148
|
-
class AccordionModule {
|
|
149
|
-
}
|
|
150
|
-
AccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
151
|
-
AccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent,
|
|
152
|
-
AccordionItemDirective,
|
|
153
|
-
AccordionItemsDirective], imports: [CommonModule], exports: [AccordionComponent,
|
|
154
|
-
AccordionItemDirective,
|
|
155
|
-
AccordionItemsDirective] });
|
|
156
|
-
AccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, imports: [[CommonModule]] });
|
|
157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, decorators: [{
|
|
158
|
-
type: NgModule,
|
|
159
|
-
args: [{
|
|
160
|
-
imports: [CommonModule],
|
|
161
|
-
declarations: [
|
|
162
|
-
AccordionComponent,
|
|
163
|
-
AccordionItemDirective,
|
|
164
|
-
AccordionItemsDirective
|
|
165
|
-
],
|
|
166
|
-
exports: [
|
|
167
|
-
AccordionComponent,
|
|
168
|
-
AccordionItemDirective,
|
|
169
|
-
AccordionItemsDirective
|
|
170
|
-
]
|
|
171
|
-
}]
|
|
172
|
-
}] });
|
|
173
|
-
|
|
174
|
-
/**
|
|
175
|
-
* NgModule definition for the Accordion component with providers.
|
|
176
|
-
*/
|
|
177
|
-
class AccordionAllModule {
|
|
178
|
-
}
|
|
179
|
-
AccordionAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
180
|
-
AccordionAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionAllModule, imports: [CommonModule, AccordionModule], exports: [AccordionModule] });
|
|
181
|
-
AccordionAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionAllModule, providers: [], imports: [[CommonModule, AccordionModule], AccordionModule] });
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionAllModule, decorators: [{
|
|
183
|
-
type: NgModule,
|
|
184
|
-
args: [{
|
|
185
|
-
imports: [CommonModule, AccordionModule],
|
|
186
|
-
exports: [
|
|
187
|
-
AccordionModule
|
|
188
|
-
],
|
|
189
|
-
providers: []
|
|
190
|
-
}]
|
|
191
|
-
}] });
|
|
192
|
-
|
|
193
|
-
let input$5 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
|
|
194
|
-
let outputs$f = ['click'];
|
|
195
|
-
/**
|
|
196
|
-
* 'e-item' directive represent a item of the Angular Toolbar.
|
|
197
|
-
* It must be contained in a Toolbar component(`ejs-toolbar`).
|
|
198
|
-
* ```html
|
|
199
|
-
* <ejs-toolbar>
|
|
200
|
-
* <e-items>
|
|
201
|
-
* <e-item text='Cut'></e-item>
|
|
202
|
-
* <e-item text='Copy'></e-item>
|
|
203
|
-
* </e-items>
|
|
204
|
-
* </ejs-toolbar>
|
|
205
|
-
* ```
|
|
206
|
-
*/
|
|
207
|
-
class ItemDirective extends ComplexBase {
|
|
208
|
-
constructor(viewContainerRef) {
|
|
209
|
-
super();
|
|
210
|
-
this.viewContainerRef = viewContainerRef;
|
|
211
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
212
|
-
this.registerEvents(outputs$f);
|
|
213
|
-
this.directivePropList = input$5;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
ItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
217
|
-
ItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemDirective, selector: "e-items>e-item", inputs: { align: "align", cssClass: "cssClass", disabled: "disabled", htmlAttributes: "htmlAttributes", id: "id", overflow: "overflow", prefixIcon: "prefixIcon", showAlwaysInPopup: "showAlwaysInPopup", showTextOn: "showTextOn", suffixIcon: "suffixIcon", tabIndex: "tabIndex", template: "template", text: "text", tooltipText: "tooltipText", type: "type", visible: "visible", width: "width" }, outputs: { click: "click" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
218
|
-
__decorate([
|
|
219
|
-
Template()
|
|
220
|
-
], ItemDirective.prototype, "template", void 0);
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemDirective, decorators: [{
|
|
222
|
-
type: Directive,
|
|
223
|
-
args: [{
|
|
224
|
-
selector: 'e-items>e-item',
|
|
225
|
-
inputs: input$5,
|
|
226
|
-
outputs: outputs$f,
|
|
227
|
-
queries: {}
|
|
228
|
-
}]
|
|
229
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
|
|
230
|
-
type: ContentChild,
|
|
231
|
-
args: ['template']
|
|
232
|
-
}] } });
|
|
233
|
-
/**
|
|
234
|
-
* Item Array Directive
|
|
235
|
-
* @private
|
|
236
|
-
*/
|
|
237
|
-
class ItemsDirective extends ArrayBase {
|
|
238
|
-
constructor() {
|
|
239
|
-
super('items');
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
ItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
243
|
-
ItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ItemsDirective, selector: "ejs-toolbar>e-items", queries: [{ propertyName: "children", predicate: ItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ItemsDirective, decorators: [{
|
|
245
|
-
type: Directive,
|
|
246
|
-
args: [{
|
|
247
|
-
selector: 'ejs-toolbar>e-items',
|
|
248
|
-
queries: {
|
|
249
|
-
children: new ContentChildren(ItemDirective)
|
|
250
|
-
},
|
|
251
|
-
}]
|
|
252
|
-
}], ctorParameters: function () { return []; } });
|
|
253
|
-
|
|
254
|
-
const inputs$9 = ['allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width'];
|
|
255
|
-
const outputs$e = ['beforeCreate', 'clicked', 'created', 'destroyed', 'keyDown'];
|
|
256
|
-
const twoWays$9 = [''];
|
|
257
|
-
/**
|
|
258
|
-
* Represents the Angular Toolbar Component.
|
|
259
|
-
* ```html
|
|
260
|
-
* <ejs-toolbar></ejs-toolbar>
|
|
261
|
-
* ```
|
|
262
|
-
*/
|
|
263
|
-
let ToolbarComponent = class ToolbarComponent extends Toolbar {
|
|
264
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
265
|
-
super();
|
|
266
|
-
this.ngEle = ngEle;
|
|
267
|
-
this.srenderer = srenderer;
|
|
268
|
-
this.viewContainerRef = viewContainerRef;
|
|
269
|
-
this.injector = injector;
|
|
270
|
-
this.tags = ['items'];
|
|
271
|
-
this.element = this.ngEle.nativeElement;
|
|
272
|
-
this.injectedModules = this.injectedModules || [];
|
|
273
|
-
this.registerEvents(outputs$e);
|
|
274
|
-
this.addTwoWay.call(this, twoWays$9);
|
|
275
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
276
|
-
this.containerContext = new ComponentBase();
|
|
277
|
-
}
|
|
278
|
-
ngOnInit() {
|
|
279
|
-
this.containerContext.ngOnInit(this);
|
|
280
|
-
}
|
|
281
|
-
ngAfterViewInit() {
|
|
282
|
-
this.containerContext.ngAfterViewInit(this);
|
|
283
|
-
}
|
|
284
|
-
ngOnDestroy() {
|
|
285
|
-
this.containerContext.ngOnDestroy(this);
|
|
286
|
-
}
|
|
287
|
-
ngAfterContentChecked() {
|
|
288
|
-
this.tagObjects[0].instance = this.childItems;
|
|
289
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
290
|
-
}
|
|
291
|
-
};
|
|
292
|
-
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
293
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ToolbarComponent, selector: "ejs-toolbar", inputs: { allowKeyboard: "allowKeyboard", cssClass: "cssClass", enableCollision: "enableCollision", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", height: "height", items: "items", locale: "locale", overflowMode: "overflowMode", scrollStep: "scrollStep", width: "width" }, outputs: { beforeCreate: "beforeCreate", clicked: "clicked", created: "created", destroyed: "destroyed", keyDown: "keyDown" }, queries: [{ 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 });
|
|
294
|
-
ToolbarComponent = __decorate([
|
|
295
|
-
ComponentMixins([ComponentBase])
|
|
296
|
-
], ToolbarComponent);
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
298
|
-
type: Component,
|
|
299
|
-
args: [{
|
|
300
|
-
selector: 'ejs-toolbar',
|
|
301
|
-
inputs: inputs$9,
|
|
302
|
-
outputs: outputs$e,
|
|
303
|
-
template: `<ng-content select='div'></ng-content>`,
|
|
304
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
305
|
-
queries: {
|
|
306
|
-
childItems: new ContentChild(ItemsDirective)
|
|
307
|
-
}
|
|
308
|
-
}]
|
|
309
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
310
|
-
|
|
311
|
-
/**
|
|
312
|
-
* NgModule definition for the Toolbar component.
|
|
313
|
-
*/
|
|
314
|
-
class ToolbarModule {
|
|
315
|
-
}
|
|
316
|
-
ToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
317
|
-
ToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarModule, declarations: [ToolbarComponent,
|
|
318
|
-
ItemDirective,
|
|
319
|
-
ItemsDirective], imports: [CommonModule], exports: [ToolbarComponent,
|
|
320
|
-
ItemDirective,
|
|
321
|
-
ItemsDirective] });
|
|
322
|
-
ToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarModule, imports: [[CommonModule]] });
|
|
323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarModule, decorators: [{
|
|
324
|
-
type: NgModule,
|
|
325
|
-
args: [{
|
|
326
|
-
imports: [CommonModule],
|
|
327
|
-
declarations: [
|
|
328
|
-
ToolbarComponent,
|
|
329
|
-
ItemDirective,
|
|
330
|
-
ItemsDirective
|
|
331
|
-
],
|
|
332
|
-
exports: [
|
|
333
|
-
ToolbarComponent,
|
|
334
|
-
ItemDirective,
|
|
335
|
-
ItemsDirective
|
|
336
|
-
]
|
|
337
|
-
}]
|
|
338
|
-
}] });
|
|
339
|
-
|
|
340
|
-
/**
|
|
341
|
-
* NgModule definition for the Toolbar component with providers.
|
|
342
|
-
*/
|
|
343
|
-
class ToolbarAllModule {
|
|
344
|
-
}
|
|
345
|
-
ToolbarAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
346
|
-
ToolbarAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarAllModule, imports: [CommonModule, ToolbarModule], exports: [ToolbarModule] });
|
|
347
|
-
ToolbarAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarAllModule, providers: [], imports: [[CommonModule, ToolbarModule], ToolbarModule] });
|
|
348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ToolbarAllModule, decorators: [{
|
|
349
|
-
type: NgModule,
|
|
350
|
-
args: [{
|
|
351
|
-
imports: [CommonModule, ToolbarModule],
|
|
352
|
-
exports: [
|
|
353
|
-
ToolbarModule
|
|
354
|
-
],
|
|
355
|
-
providers: []
|
|
356
|
-
}]
|
|
357
|
-
}] });
|
|
358
|
-
|
|
359
|
-
const inputs$8 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'itemTemplate', 'items', 'locale', 'showItemOnClick', 'target', 'template'];
|
|
360
|
-
const outputs$d = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
|
|
361
|
-
const twoWays$8 = [''];
|
|
362
|
-
/**
|
|
363
|
-
* Represents the EJ2 Angular ContextMenu Component.
|
|
364
|
-
* ```html
|
|
365
|
-
* <div id='target'>Right click / Touch hold to open the ContextMenu</div>
|
|
366
|
-
* <ejs-contextmenu target='#target' [items]='menuItems'></ejs-contextmenu>
|
|
367
|
-
* ```
|
|
368
|
-
*/
|
|
369
|
-
let ContextMenuComponent = class ContextMenuComponent extends ContextMenu {
|
|
370
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
371
|
-
super();
|
|
372
|
-
this.ngEle = ngEle;
|
|
373
|
-
this.srenderer = srenderer;
|
|
374
|
-
this.viewContainerRef = viewContainerRef;
|
|
375
|
-
this.injector = injector;
|
|
376
|
-
this.element = this.ngEle.nativeElement;
|
|
377
|
-
this.injectedModules = this.injectedModules || [];
|
|
378
|
-
this.registerEvents(outputs$d);
|
|
379
|
-
this.addTwoWay.call(this, twoWays$8);
|
|
380
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
381
|
-
this.context = new ComponentBase();
|
|
382
|
-
}
|
|
383
|
-
ngOnInit() {
|
|
384
|
-
this.context.ngOnInit(this);
|
|
385
|
-
}
|
|
386
|
-
ngAfterViewInit() {
|
|
387
|
-
this.context.ngAfterViewInit(this);
|
|
388
|
-
}
|
|
389
|
-
ngOnDestroy() {
|
|
390
|
-
this.context.ngOnDestroy(this);
|
|
391
|
-
}
|
|
392
|
-
ngAfterContentChecked() {
|
|
393
|
-
this.context.ngAfterContentChecked(this);
|
|
394
|
-
}
|
|
395
|
-
};
|
|
396
|
-
ContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
397
|
-
ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ContextMenuComponent, selector: "ejs-contextmenu", inputs: { animationSettings: "animationSettings", cssClass: "cssClass", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableScrolling: "enableScrolling", fields: "fields", filter: "filter", hoverDelay: "hoverDelay", itemTemplate: "itemTemplate", items: "items", locale: "locale", showItemOnClick: "showItemOnClick", target: "target", template: "template" }, outputs: { beforeClose: "beforeClose", beforeItemRender: "beforeItemRender", beforeOpen: "beforeOpen", created: "created", onClose: "onClose", onOpen: "onOpen", select: "select" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
398
|
-
ContextMenuComponent = __decorate([
|
|
399
|
-
ComponentMixins([ComponentBase])
|
|
400
|
-
], ContextMenuComponent);
|
|
401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuComponent, decorators: [{
|
|
402
|
-
type: Component,
|
|
403
|
-
args: [{
|
|
404
|
-
selector: 'ejs-contextmenu',
|
|
405
|
-
inputs: inputs$8,
|
|
406
|
-
outputs: outputs$d,
|
|
407
|
-
template: '',
|
|
408
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
409
|
-
queries: {}
|
|
410
|
-
}]
|
|
411
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
412
|
-
|
|
413
|
-
/**
|
|
414
|
-
* NgModule definition for the ContextMenu component.
|
|
415
|
-
*/
|
|
416
|
-
class ContextMenuModule {
|
|
417
|
-
}
|
|
418
|
-
ContextMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
419
|
-
ContextMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuModule, declarations: [ContextMenuComponent], imports: [CommonModule], exports: [ContextMenuComponent] });
|
|
420
|
-
ContextMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuModule, imports: [[CommonModule]] });
|
|
421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuModule, decorators: [{
|
|
422
|
-
type: NgModule,
|
|
423
|
-
args: [{
|
|
424
|
-
imports: [CommonModule],
|
|
425
|
-
declarations: [
|
|
426
|
-
ContextMenuComponent
|
|
427
|
-
],
|
|
428
|
-
exports: [
|
|
429
|
-
ContextMenuComponent
|
|
430
|
-
]
|
|
431
|
-
}]
|
|
432
|
-
}] });
|
|
433
|
-
|
|
434
|
-
/**
|
|
435
|
-
* NgModule definition for the ContextMenu component with providers.
|
|
436
|
-
*/
|
|
437
|
-
class ContextMenuAllModule {
|
|
438
|
-
}
|
|
439
|
-
ContextMenuAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
440
|
-
ContextMenuAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuAllModule, imports: [CommonModule, ContextMenuModule], exports: [ContextMenuModule] });
|
|
441
|
-
ContextMenuAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuAllModule, providers: [], imports: [[CommonModule, ContextMenuModule], ContextMenuModule] });
|
|
442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ContextMenuAllModule, decorators: [{
|
|
443
|
-
type: NgModule,
|
|
444
|
-
args: [{
|
|
445
|
-
imports: [CommonModule, ContextMenuModule],
|
|
446
|
-
exports: [
|
|
447
|
-
ContextMenuModule
|
|
448
|
-
],
|
|
449
|
-
providers: []
|
|
450
|
-
}]
|
|
451
|
-
}] });
|
|
452
|
-
|
|
453
|
-
let input$4 = ['disabled', 'iconCss', 'id', 'text', 'url'];
|
|
454
|
-
let outputs$c = [];
|
|
455
|
-
/**
|
|
456
|
-
* `e-breadcrumb-item` directive represent a item of the Angular Breadcrumb.
|
|
457
|
-
* It must be contained in a Breadcrumb component(`ejs-breadcrumb`).
|
|
458
|
-
* ```html
|
|
459
|
-
* <ejs-breadcrumb>
|
|
460
|
-
* <e-breadcrumb-items>
|
|
461
|
-
* <e-breadcrumb-item text='Home' url='/'></e-breadcrumb-item>
|
|
462
|
-
* <e-breadcrumb-item text='Index' url='./index'></e-breadcrumb-item>
|
|
463
|
-
* </e-breadcrumb-items>
|
|
464
|
-
* </ejs-breadcrumb>
|
|
465
|
-
* ```
|
|
466
|
-
*/
|
|
467
|
-
class BreadcrumbItemDirective extends ComplexBase {
|
|
468
|
-
constructor(viewContainerRef) {
|
|
469
|
-
super();
|
|
470
|
-
this.viewContainerRef = viewContainerRef;
|
|
471
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
472
|
-
this.registerEvents(outputs$c);
|
|
473
|
-
this.directivePropList = input$4;
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
BreadcrumbItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
477
|
-
BreadcrumbItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: BreadcrumbItemDirective, selector: "ejs-breadcrumb>e-breadcrumb-items>e-breadcrumb-item", inputs: { disabled: "disabled", iconCss: "iconCss", id: "id", text: "text", url: "url" }, usesInheritance: true, ngImport: i0 });
|
|
478
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbItemDirective, decorators: [{
|
|
479
|
-
type: Directive,
|
|
480
|
-
args: [{
|
|
481
|
-
selector: 'ejs-breadcrumb>e-breadcrumb-items>e-breadcrumb-item',
|
|
482
|
-
inputs: input$4,
|
|
483
|
-
outputs: outputs$c,
|
|
484
|
-
queries: {}
|
|
485
|
-
}]
|
|
486
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
487
|
-
/**
|
|
488
|
-
* BreadcrumbItem Array Directive
|
|
489
|
-
* @private
|
|
490
|
-
*/
|
|
491
|
-
class BreadcrumbItemsDirective extends ArrayBase {
|
|
492
|
-
constructor() {
|
|
493
|
-
super('items');
|
|
494
|
-
}
|
|
495
|
-
}
|
|
496
|
-
BreadcrumbItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
497
|
-
BreadcrumbItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: BreadcrumbItemsDirective, selector: "ejs-breadcrumb>e-breadcrumb-items", queries: [{ propertyName: "children", predicate: BreadcrumbItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbItemsDirective, decorators: [{
|
|
499
|
-
type: Directive,
|
|
500
|
-
args: [{
|
|
501
|
-
selector: 'ejs-breadcrumb>e-breadcrumb-items',
|
|
502
|
-
queries: {
|
|
503
|
-
children: new ContentChildren(BreadcrumbItemDirective)
|
|
504
|
-
},
|
|
505
|
-
}]
|
|
506
|
-
}], ctorParameters: function () { return []; } });
|
|
507
|
-
|
|
508
|
-
const inputs$7 = ['activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url'];
|
|
509
|
-
const outputs$b = ['beforeItemRender', 'created', 'itemClick', 'activeItemChange'];
|
|
510
|
-
const twoWays$7 = ['activeItem'];
|
|
511
|
-
/**
|
|
512
|
-
* Represents the EJ2 Angular Breadcrumb Component.
|
|
513
|
-
* ```html
|
|
514
|
-
* <ejs-breadcrumb [items]='breadcrumbItems'></ejs-breadcrumb>
|
|
515
|
-
* ```
|
|
516
|
-
*/
|
|
517
|
-
let BreadcrumbComponent = class BreadcrumbComponent extends Breadcrumb {
|
|
518
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
519
|
-
super();
|
|
520
|
-
this.ngEle = ngEle;
|
|
521
|
-
this.srenderer = srenderer;
|
|
522
|
-
this.viewContainerRef = viewContainerRef;
|
|
523
|
-
this.injector = injector;
|
|
524
|
-
this.tags = ['items'];
|
|
525
|
-
this.element = this.ngEle.nativeElement;
|
|
526
|
-
this.injectedModules = this.injectedModules || [];
|
|
527
|
-
this.registerEvents(outputs$b);
|
|
528
|
-
this.addTwoWay.call(this, twoWays$7);
|
|
529
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
530
|
-
this.context = new ComponentBase();
|
|
531
|
-
}
|
|
532
|
-
ngOnInit() {
|
|
533
|
-
this.context.ngOnInit(this);
|
|
534
|
-
}
|
|
535
|
-
ngAfterViewInit() {
|
|
536
|
-
this.context.ngAfterViewInit(this);
|
|
537
|
-
}
|
|
538
|
-
ngOnDestroy() {
|
|
539
|
-
this.context.ngOnDestroy(this);
|
|
540
|
-
}
|
|
541
|
-
ngAfterContentChecked() {
|
|
542
|
-
this.tagObjects[0].instance = this.childItems;
|
|
543
|
-
this.context.ngAfterContentChecked(this);
|
|
544
|
-
}
|
|
545
|
-
};
|
|
546
|
-
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
547
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: BreadcrumbComponent, selector: "ejs-breadcrumb", inputs: { activeItem: "activeItem", cssClass: "cssClass", disabled: "disabled", enableActiveItemNavigation: "enableActiveItemNavigation", enableNavigation: "enableNavigation", enablePersistence: "enablePersistence", enableRtl: "enableRtl", itemTemplate: "itemTemplate", items: "items", locale: "locale", maxItems: "maxItems", overflowMode: "overflowMode", separatorTemplate: "separatorTemplate", url: "url" }, outputs: { beforeItemRender: "beforeItemRender", created: "created", itemClick: "itemClick", activeItemChange: "activeItemChange" }, queries: [{ propertyName: "separatorTemplate", first: true, predicate: ["separatorTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "childItems", first: true, predicate: BreadcrumbItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
548
|
-
__decorate([
|
|
549
|
-
Template()
|
|
550
|
-
], BreadcrumbComponent.prototype, "separatorTemplate", void 0);
|
|
551
|
-
__decorate([
|
|
552
|
-
Template()
|
|
553
|
-
], BreadcrumbComponent.prototype, "itemTemplate", void 0);
|
|
554
|
-
BreadcrumbComponent = __decorate([
|
|
555
|
-
ComponentMixins([ComponentBase])
|
|
556
|
-
], BreadcrumbComponent);
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
558
|
-
type: Component,
|
|
559
|
-
args: [{
|
|
560
|
-
selector: 'ejs-breadcrumb',
|
|
561
|
-
inputs: inputs$7,
|
|
562
|
-
outputs: outputs$b,
|
|
563
|
-
template: '',
|
|
564
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
565
|
-
queries: {
|
|
566
|
-
childItems: new ContentChild(BreadcrumbItemsDirective)
|
|
567
|
-
}
|
|
568
|
-
}]
|
|
569
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { separatorTemplate: [{
|
|
570
|
-
type: ContentChild,
|
|
571
|
-
args: ['separatorTemplate']
|
|
572
|
-
}], itemTemplate: [{
|
|
573
|
-
type: ContentChild,
|
|
574
|
-
args: ['itemTemplate']
|
|
575
|
-
}] } });
|
|
576
|
-
|
|
577
|
-
/**
|
|
578
|
-
* NgModule definition for the Breadcrumb component.
|
|
579
|
-
*/
|
|
580
|
-
class BreadcrumbModule {
|
|
581
|
-
}
|
|
582
|
-
BreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
583
|
-
BreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent,
|
|
584
|
-
BreadcrumbItemDirective,
|
|
585
|
-
BreadcrumbItemsDirective], imports: [CommonModule], exports: [BreadcrumbComponent,
|
|
586
|
-
BreadcrumbItemDirective,
|
|
587
|
-
BreadcrumbItemsDirective] });
|
|
588
|
-
BreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbModule, imports: [[CommonModule]] });
|
|
589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
590
|
-
type: NgModule,
|
|
591
|
-
args: [{
|
|
592
|
-
imports: [CommonModule],
|
|
593
|
-
declarations: [
|
|
594
|
-
BreadcrumbComponent,
|
|
595
|
-
BreadcrumbItemDirective,
|
|
596
|
-
BreadcrumbItemsDirective
|
|
597
|
-
],
|
|
598
|
-
exports: [
|
|
599
|
-
BreadcrumbComponent,
|
|
600
|
-
BreadcrumbItemDirective,
|
|
601
|
-
BreadcrumbItemsDirective
|
|
602
|
-
]
|
|
603
|
-
}]
|
|
604
|
-
}] });
|
|
605
|
-
|
|
606
|
-
/**
|
|
607
|
-
* NgModule definition for the Breadcrumb component with providers.
|
|
608
|
-
*/
|
|
609
|
-
class BreadcrumbAllModule {
|
|
610
|
-
}
|
|
611
|
-
BreadcrumbAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
612
|
-
BreadcrumbAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbAllModule, imports: [CommonModule, BreadcrumbModule], exports: [BreadcrumbModule] });
|
|
613
|
-
BreadcrumbAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbAllModule, providers: [], imports: [[CommonModule, BreadcrumbModule], BreadcrumbModule] });
|
|
614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BreadcrumbAllModule, decorators: [{
|
|
615
|
-
type: NgModule,
|
|
616
|
-
args: [{
|
|
617
|
-
imports: [CommonModule, BreadcrumbModule],
|
|
618
|
-
exports: [
|
|
619
|
-
BreadcrumbModule
|
|
620
|
-
],
|
|
621
|
-
providers: []
|
|
622
|
-
}]
|
|
623
|
-
}] });
|
|
624
|
-
|
|
625
|
-
let input$3 = ['cssClass', 'htmlAttributes', 'interval', 'template'];
|
|
626
|
-
let outputs$a = [];
|
|
627
|
-
/**
|
|
628
|
-
* `e-carousel-item` directive represent a item of the Angular Carousel.
|
|
629
|
-
* It must be contained in a Carousel component(`ejs-carousel`).
|
|
630
|
-
* ```html
|
|
631
|
-
* <ejs-carousel>
|
|
632
|
-
* <e-carousel-items>
|
|
633
|
-
* <e-carousel-item template='#item1'></e-carousel-item>
|
|
634
|
-
* <e-carousel-item template='#item2'></e-carousel-item>
|
|
635
|
-
* </e-carousel-items>
|
|
636
|
-
* </ejs-carousel>
|
|
637
|
-
* ```
|
|
638
|
-
*/
|
|
639
|
-
class CarouselItemDirective extends ComplexBase {
|
|
640
|
-
constructor(viewContainerRef) {
|
|
641
|
-
super();
|
|
642
|
-
this.viewContainerRef = viewContainerRef;
|
|
643
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
644
|
-
this.registerEvents(outputs$a);
|
|
645
|
-
this.directivePropList = input$3;
|
|
646
|
-
}
|
|
647
|
-
}
|
|
648
|
-
CarouselItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
649
|
-
CarouselItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CarouselItemDirective, selector: "ejs-carousel>e-carousel-items>e-carousel-item", inputs: { cssClass: "cssClass", htmlAttributes: "htmlAttributes", interval: "interval", template: "template" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
650
|
-
__decorate([
|
|
651
|
-
Template()
|
|
652
|
-
], CarouselItemDirective.prototype, "template", void 0);
|
|
653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselItemDirective, decorators: [{
|
|
654
|
-
type: Directive,
|
|
655
|
-
args: [{
|
|
656
|
-
selector: 'ejs-carousel>e-carousel-items>e-carousel-item',
|
|
657
|
-
inputs: input$3,
|
|
658
|
-
outputs: outputs$a,
|
|
659
|
-
queries: {}
|
|
660
|
-
}]
|
|
661
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
|
|
662
|
-
type: ContentChild,
|
|
663
|
-
args: ['template']
|
|
664
|
-
}] } });
|
|
665
|
-
/**
|
|
666
|
-
* CarouselItem Array Directive
|
|
667
|
-
* @private
|
|
668
|
-
*/
|
|
669
|
-
class CarouselItemsDirective extends ArrayBase {
|
|
670
|
-
constructor() {
|
|
671
|
-
super('items');
|
|
672
|
-
}
|
|
673
|
-
}
|
|
674
|
-
CarouselItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
675
|
-
CarouselItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CarouselItemsDirective, selector: "ejs-carousel>e-carousel-items", queries: [{ propertyName: "children", predicate: CarouselItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselItemsDirective, decorators: [{
|
|
677
|
-
type: Directive,
|
|
678
|
-
args: [{
|
|
679
|
-
selector: 'ejs-carousel>e-carousel-items',
|
|
680
|
-
queries: {
|
|
681
|
-
children: new ContentChildren(CarouselItemDirective)
|
|
682
|
-
},
|
|
683
|
-
}]
|
|
684
|
-
}], ctorParameters: function () { return []; } });
|
|
685
|
-
|
|
686
|
-
const inputs$6 = ['allowKeyboardInteraction', 'animationEffect', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'indicatorsType', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'partialVisible', 'pauseOnHover', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'swipeMode', 'width'];
|
|
687
|
-
const outputs$9 = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
|
|
688
|
-
const twoWays$6 = ['selectedIndex'];
|
|
689
|
-
/**
|
|
690
|
-
* Represents the EJ2 Angular Carousel Component.
|
|
691
|
-
* ```html
|
|
692
|
-
* <ejs-carousel [items]='carouselItems'></ejs-carousel>
|
|
693
|
-
* ```
|
|
694
|
-
*/
|
|
695
|
-
let CarouselComponent = class CarouselComponent extends Carousel {
|
|
696
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
697
|
-
super();
|
|
698
|
-
this.ngEle = ngEle;
|
|
699
|
-
this.srenderer = srenderer;
|
|
700
|
-
this.viewContainerRef = viewContainerRef;
|
|
701
|
-
this.injector = injector;
|
|
702
|
-
this.tags = ['items'];
|
|
703
|
-
this.element = this.ngEle.nativeElement;
|
|
704
|
-
this.injectedModules = this.injectedModules || [];
|
|
705
|
-
this.registerEvents(outputs$9);
|
|
706
|
-
this.addTwoWay.call(this, twoWays$6);
|
|
707
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
708
|
-
this.context = new ComponentBase();
|
|
709
|
-
}
|
|
710
|
-
ngOnInit() {
|
|
711
|
-
this.context.ngOnInit(this);
|
|
712
|
-
}
|
|
713
|
-
ngAfterViewInit() {
|
|
714
|
-
this.context.ngAfterViewInit(this);
|
|
715
|
-
}
|
|
716
|
-
ngOnDestroy() {
|
|
717
|
-
this.context.ngOnDestroy(this);
|
|
718
|
-
}
|
|
719
|
-
ngAfterContentChecked() {
|
|
720
|
-
this.tagObjects[0].instance = this.childItems;
|
|
721
|
-
this.context.ngAfterContentChecked(this);
|
|
722
|
-
}
|
|
723
|
-
};
|
|
724
|
-
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
725
|
-
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CarouselComponent, selector: "ejs-carousel", inputs: { allowKeyboardInteraction: "allowKeyboardInteraction", animationEffect: "animationEffect", autoPlay: "autoPlay", buttonsVisibility: "buttonsVisibility", cssClass: "cssClass", dataSource: "dataSource", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableTouchSwipe: "enableTouchSwipe", height: "height", htmlAttributes: "htmlAttributes", indicatorsTemplate: "indicatorsTemplate", indicatorsType: "indicatorsType", interval: "interval", itemTemplate: "itemTemplate", items: "items", locale: "locale", loop: "loop", nextButtonTemplate: "nextButtonTemplate", partialVisible: "partialVisible", pauseOnHover: "pauseOnHover", playButtonTemplate: "playButtonTemplate", previousButtonTemplate: "previousButtonTemplate", selectedIndex: "selectedIndex", showIndicators: "showIndicators", showPlayButton: "showPlayButton", swipeMode: "swipeMode", width: "width" }, outputs: { slideChanged: "slideChanged", slideChanging: "slideChanging", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "indicatorsTemplate", first: true, predicate: ["indicatorsTemplate"], descendants: true }, { propertyName: "nextButtonTemplate", first: true, predicate: ["nextButtonTemplate"], descendants: true }, { propertyName: "previousButtonTemplate", first: true, predicate: ["previousButtonTemplate"], descendants: true }, { propertyName: "playButtonTemplate", first: true, predicate: ["playButtonTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "childItems", first: true, predicate: CarouselItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
726
|
-
__decorate([
|
|
727
|
-
Template()
|
|
728
|
-
], CarouselComponent.prototype, "indicatorsTemplate", void 0);
|
|
729
|
-
__decorate([
|
|
730
|
-
Template()
|
|
731
|
-
], CarouselComponent.prototype, "nextButtonTemplate", void 0);
|
|
732
|
-
__decorate([
|
|
733
|
-
Template()
|
|
734
|
-
], CarouselComponent.prototype, "previousButtonTemplate", void 0);
|
|
735
|
-
__decorate([
|
|
736
|
-
Template()
|
|
737
|
-
], CarouselComponent.prototype, "playButtonTemplate", void 0);
|
|
738
|
-
__decorate([
|
|
739
|
-
Template()
|
|
740
|
-
], CarouselComponent.prototype, "itemTemplate", void 0);
|
|
741
|
-
CarouselComponent = __decorate([
|
|
742
|
-
ComponentMixins([ComponentBase])
|
|
743
|
-
], CarouselComponent);
|
|
744
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
745
|
-
type: Component,
|
|
746
|
-
args: [{
|
|
747
|
-
selector: 'ejs-carousel',
|
|
748
|
-
inputs: inputs$6,
|
|
749
|
-
outputs: outputs$9,
|
|
750
|
-
template: '',
|
|
751
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
752
|
-
queries: {
|
|
753
|
-
childItems: new ContentChild(CarouselItemsDirective)
|
|
754
|
-
}
|
|
755
|
-
}]
|
|
756
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { indicatorsTemplate: [{
|
|
757
|
-
type: ContentChild,
|
|
758
|
-
args: ['indicatorsTemplate']
|
|
759
|
-
}], nextButtonTemplate: [{
|
|
760
|
-
type: ContentChild,
|
|
761
|
-
args: ['nextButtonTemplate']
|
|
762
|
-
}], previousButtonTemplate: [{
|
|
763
|
-
type: ContentChild,
|
|
764
|
-
args: ['previousButtonTemplate']
|
|
765
|
-
}], playButtonTemplate: [{
|
|
766
|
-
type: ContentChild,
|
|
767
|
-
args: ['playButtonTemplate']
|
|
768
|
-
}], itemTemplate: [{
|
|
769
|
-
type: ContentChild,
|
|
770
|
-
args: ['itemTemplate']
|
|
771
|
-
}] } });
|
|
772
|
-
|
|
773
|
-
/**
|
|
774
|
-
* NgModule definition for the Carousel component.
|
|
775
|
-
*/
|
|
776
|
-
class CarouselModule {
|
|
777
|
-
}
|
|
778
|
-
CarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
779
|
-
CarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselModule, declarations: [CarouselComponent,
|
|
780
|
-
CarouselItemDirective,
|
|
781
|
-
CarouselItemsDirective], imports: [CommonModule], exports: [CarouselComponent,
|
|
782
|
-
CarouselItemDirective,
|
|
783
|
-
CarouselItemsDirective] });
|
|
784
|
-
CarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselModule, imports: [[CommonModule]] });
|
|
785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselModule, decorators: [{
|
|
786
|
-
type: NgModule,
|
|
787
|
-
args: [{
|
|
788
|
-
imports: [CommonModule],
|
|
789
|
-
declarations: [
|
|
790
|
-
CarouselComponent,
|
|
791
|
-
CarouselItemDirective,
|
|
792
|
-
CarouselItemsDirective
|
|
793
|
-
],
|
|
794
|
-
exports: [
|
|
795
|
-
CarouselComponent,
|
|
796
|
-
CarouselItemDirective,
|
|
797
|
-
CarouselItemsDirective
|
|
798
|
-
]
|
|
799
|
-
}]
|
|
800
|
-
}] });
|
|
801
|
-
|
|
802
|
-
/**
|
|
803
|
-
* NgModule definition for the Carousel component with providers.
|
|
804
|
-
*/
|
|
805
|
-
class CarouselAllModule {
|
|
806
|
-
}
|
|
807
|
-
CarouselAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
808
|
-
CarouselAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselAllModule, imports: [CommonModule, CarouselModule], exports: [CarouselModule] });
|
|
809
|
-
CarouselAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselAllModule, providers: [], imports: [[CommonModule, CarouselModule], CarouselModule] });
|
|
810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselAllModule, decorators: [{
|
|
811
|
-
type: NgModule,
|
|
812
|
-
args: [{
|
|
813
|
-
imports: [CommonModule, CarouselModule],
|
|
814
|
-
exports: [
|
|
815
|
-
CarouselModule
|
|
816
|
-
],
|
|
817
|
-
providers: []
|
|
818
|
-
}]
|
|
819
|
-
}] });
|
|
820
|
-
|
|
821
|
-
let input$2 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'tabIndex', 'visible'];
|
|
822
|
-
let outputs$8 = [];
|
|
823
|
-
/**
|
|
824
|
-
* 'e-tabitem' directive represent a item of the Angular Tab.
|
|
825
|
-
* It must be contained in a Tab component(`ejs-tab`).
|
|
826
|
-
* ```html
|
|
827
|
-
* <ejs-tab>
|
|
828
|
-
* <e-tabitems>
|
|
829
|
-
* <e-tabitem [header]='Header 1' [content]='Content 1'></e-tabitem>
|
|
830
|
-
* <e-tabitem [header]='Header 2' [content]='Content 2'></e-tabitem>
|
|
831
|
-
* <e-tabitems>
|
|
832
|
-
* </ejs-tab>
|
|
833
|
-
* ```
|
|
834
|
-
*/
|
|
835
|
-
class TabItemDirective extends ComplexBase {
|
|
836
|
-
constructor(viewContainerRef) {
|
|
837
|
-
super();
|
|
838
|
-
this.viewContainerRef = viewContainerRef;
|
|
839
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
840
|
-
this.registerEvents(outputs$8);
|
|
841
|
-
this.directivePropList = input$2;
|
|
842
|
-
}
|
|
843
|
-
}
|
|
844
|
-
TabItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
845
|
-
TabItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: TabItemDirective, selector: "e-tabitems>e-tabitem", inputs: { content: "content", cssClass: "cssClass", disabled: "disabled", header: "header", headerTemplate: "headerTemplate", id: "id", tabIndex: "tabIndex", visible: "visible" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "header_text", first: true, predicate: ["headerText"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
|
|
846
|
-
__decorate([
|
|
847
|
-
Template()
|
|
848
|
-
], TabItemDirective.prototype, "content", void 0);
|
|
849
|
-
__decorate([
|
|
850
|
-
Template()
|
|
851
|
-
], TabItemDirective.prototype, "header_text", void 0);
|
|
852
|
-
__decorate([
|
|
853
|
-
Template()
|
|
854
|
-
], TabItemDirective.prototype, "headerTemplate", void 0);
|
|
855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabItemDirective, decorators: [{
|
|
856
|
-
type: Directive,
|
|
857
|
-
args: [{
|
|
858
|
-
selector: 'e-tabitems>e-tabitem',
|
|
859
|
-
inputs: input$2,
|
|
860
|
-
outputs: outputs$8,
|
|
861
|
-
queries: {}
|
|
862
|
-
}]
|
|
863
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
|
|
864
|
-
type: ContentChild,
|
|
865
|
-
args: ['content']
|
|
866
|
-
}], header_text: [{
|
|
867
|
-
type: ContentChild,
|
|
868
|
-
args: ['headerText']
|
|
869
|
-
}], headerTemplate: [{
|
|
870
|
-
type: ContentChild,
|
|
871
|
-
args: ['headerTemplate']
|
|
872
|
-
}] } });
|
|
873
|
-
/**
|
|
874
|
-
* TabItem Array Directive
|
|
875
|
-
* @private
|
|
876
|
-
*/
|
|
877
|
-
class TabItemsDirective extends ArrayBase {
|
|
878
|
-
constructor() {
|
|
879
|
-
super('items');
|
|
880
|
-
}
|
|
881
|
-
}
|
|
882
|
-
TabItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
883
|
-
TabItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: TabItemsDirective, selector: "ejs-tab>e-tabitems", queries: [{ propertyName: "children", predicate: TabItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabItemsDirective, decorators: [{
|
|
885
|
-
type: Directive,
|
|
886
|
-
args: [{
|
|
887
|
-
selector: 'ejs-tab>e-tabitems',
|
|
888
|
-
queries: {
|
|
889
|
-
children: new ContentChildren(TabItemDirective)
|
|
890
|
-
},
|
|
891
|
-
}]
|
|
892
|
-
}], ctorParameters: function () { return []; } });
|
|
893
|
-
|
|
894
|
-
const inputs$5 = ['allowDragAndDrop', 'animation', 'clearTemplates', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'swipeMode', 'width'];
|
|
895
|
-
const outputs$7 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
|
|
896
|
-
const twoWays$5 = [''];
|
|
897
|
-
/**
|
|
898
|
-
* Represents the Angular Tab Component.
|
|
899
|
-
* ```html
|
|
900
|
-
* <ejs-tab></ejs-tab>
|
|
901
|
-
* ```
|
|
902
|
-
*/
|
|
903
|
-
let TabComponent = class TabComponent extends Tab {
|
|
904
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
905
|
-
super();
|
|
906
|
-
this.ngEle = ngEle;
|
|
907
|
-
this.srenderer = srenderer;
|
|
908
|
-
this.viewContainerRef = viewContainerRef;
|
|
909
|
-
this.injector = injector;
|
|
910
|
-
this.tags = ['items'];
|
|
911
|
-
this.element = this.ngEle.nativeElement;
|
|
912
|
-
this.injectedModules = this.injectedModules || [];
|
|
913
|
-
this.registerEvents(outputs$7);
|
|
914
|
-
this.addTwoWay.call(this, twoWays$5);
|
|
915
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
916
|
-
this.containerContext = new ComponentBase();
|
|
917
|
-
}
|
|
918
|
-
ngOnInit() {
|
|
919
|
-
this.containerContext.ngOnInit(this);
|
|
920
|
-
}
|
|
921
|
-
ngAfterViewInit() {
|
|
922
|
-
this.containerContext.ngAfterViewInit(this);
|
|
923
|
-
}
|
|
924
|
-
ngOnDestroy() {
|
|
925
|
-
this.containerContext.ngOnDestroy(this);
|
|
926
|
-
}
|
|
927
|
-
ngAfterContentChecked() {
|
|
928
|
-
this.tagObjects[0].instance = this.childItems;
|
|
929
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
930
|
-
}
|
|
931
|
-
};
|
|
932
|
-
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
933
|
-
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TabComponent, selector: "ejs-tab", inputs: { allowDragAndDrop: "allowDragAndDrop", animation: "animation", clearTemplates: "clearTemplates", cssClass: "cssClass", dragArea: "dragArea", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", headerPlacement: "headerPlacement", height: "height", heightAdjustMode: "heightAdjustMode", items: "items", loadOn: "loadOn", locale: "locale", overflowMode: "overflowMode", reorderActiveTab: "reorderActiveTab", scrollStep: "scrollStep", selectedItem: "selectedItem", showCloseButton: "showCloseButton", swipeMode: "swipeMode", width: "width" }, outputs: { added: "added", adding: "adding", created: "created", destroyed: "destroyed", dragged: "dragged", dragging: "dragging", onDragStart: "onDragStart", removed: "removed", removing: "removing", selected: "selected", selecting: "selecting" }, queries: [{ propertyName: "childItems", first: true, predicate: TabItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
934
|
-
TabComponent = __decorate([
|
|
935
|
-
ComponentMixins([ComponentBase])
|
|
936
|
-
], TabComponent);
|
|
937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabComponent, decorators: [{
|
|
938
|
-
type: Component,
|
|
939
|
-
args: [{
|
|
940
|
-
selector: 'ejs-tab',
|
|
941
|
-
inputs: inputs$5,
|
|
942
|
-
outputs: outputs$7,
|
|
943
|
-
template: `<ng-content select='div'></ng-content>`,
|
|
944
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
945
|
-
queries: {
|
|
946
|
-
childItems: new ContentChild(TabItemsDirective)
|
|
947
|
-
}
|
|
948
|
-
}]
|
|
949
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
950
|
-
|
|
951
|
-
/**
|
|
952
|
-
* NgModule definition for the Tab component.
|
|
953
|
-
*/
|
|
954
|
-
class TabModule {
|
|
955
|
-
}
|
|
956
|
-
TabModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
957
|
-
TabModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabModule, declarations: [TabComponent,
|
|
958
|
-
TabItemDirective,
|
|
959
|
-
TabItemsDirective], imports: [CommonModule], exports: [TabComponent,
|
|
960
|
-
TabItemDirective,
|
|
961
|
-
TabItemsDirective] });
|
|
962
|
-
TabModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabModule, imports: [[CommonModule]] });
|
|
963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabModule, decorators: [{
|
|
964
|
-
type: NgModule,
|
|
965
|
-
args: [{
|
|
966
|
-
imports: [CommonModule],
|
|
967
|
-
declarations: [
|
|
968
|
-
TabComponent,
|
|
969
|
-
TabItemDirective,
|
|
970
|
-
TabItemsDirective
|
|
971
|
-
],
|
|
972
|
-
exports: [
|
|
973
|
-
TabComponent,
|
|
974
|
-
TabItemDirective,
|
|
975
|
-
TabItemsDirective
|
|
976
|
-
]
|
|
977
|
-
}]
|
|
978
|
-
}] });
|
|
979
|
-
|
|
980
|
-
/**
|
|
981
|
-
* NgModule definition for the Tab component with providers.
|
|
982
|
-
*/
|
|
983
|
-
class TabAllModule {
|
|
984
|
-
}
|
|
985
|
-
TabAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
986
|
-
TabAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabAllModule, imports: [CommonModule, TabModule], exports: [TabModule] });
|
|
987
|
-
TabAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabAllModule, providers: [], imports: [[CommonModule, TabModule], TabModule] });
|
|
988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TabAllModule, decorators: [{
|
|
989
|
-
type: NgModule,
|
|
990
|
-
args: [{
|
|
991
|
-
imports: [CommonModule, TabModule],
|
|
992
|
-
exports: [
|
|
993
|
-
TabModule
|
|
994
|
-
],
|
|
995
|
-
providers: []
|
|
996
|
-
}]
|
|
997
|
-
}] });
|
|
998
|
-
|
|
999
|
-
const inputs$4 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkDisabledChildren', 'checkOnClick', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
|
|
1000
|
-
const outputs$6 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
|
|
1001
|
-
const twoWays$4 = [''];
|
|
1002
|
-
/**
|
|
1003
|
-
* TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with check-box and more.
|
|
1004
|
-
* ```html
|
|
1005
|
-
* <ej-treeview allowDragAndDrop='true'></ej-treeview>
|
|
1006
|
-
* ```
|
|
1007
|
-
*/
|
|
1008
|
-
let TreeViewComponent = class TreeViewComponent extends TreeView {
|
|
1009
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
1010
|
-
super();
|
|
1011
|
-
this.ngEle = ngEle;
|
|
1012
|
-
this.srenderer = srenderer;
|
|
1013
|
-
this.viewContainerRef = viewContainerRef;
|
|
1014
|
-
this.injector = injector;
|
|
1015
|
-
this.element = this.ngEle.nativeElement;
|
|
1016
|
-
this.injectedModules = this.injectedModules || [];
|
|
1017
|
-
this.registerEvents(outputs$6);
|
|
1018
|
-
this.addTwoWay.call(this, twoWays$4);
|
|
1019
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1020
|
-
this.context = new ComponentBase();
|
|
1021
|
-
}
|
|
1022
|
-
ngOnInit() {
|
|
1023
|
-
this.context.ngOnInit(this);
|
|
1024
|
-
}
|
|
1025
|
-
ngAfterViewInit() {
|
|
1026
|
-
this.context.ngAfterViewInit(this);
|
|
1027
|
-
}
|
|
1028
|
-
ngOnDestroy() {
|
|
1029
|
-
this.context.ngOnDestroy(this);
|
|
1030
|
-
}
|
|
1031
|
-
ngAfterContentChecked() {
|
|
1032
|
-
this.context.ngAfterContentChecked(this);
|
|
1033
|
-
}
|
|
1034
|
-
};
|
|
1035
|
-
TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1036
|
-
TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TreeViewComponent, selector: "ejs-treeview", inputs: { allowDragAndDrop: "allowDragAndDrop", allowEditing: "allowEditing", allowMultiSelection: "allowMultiSelection", allowTextWrap: "allowTextWrap", animation: "animation", autoCheck: "autoCheck", checkDisabledChildren: "checkDisabledChildren", checkOnClick: "checkOnClick", checkedNodes: "checkedNodes", cssClass: "cssClass", disabled: "disabled", dragArea: "dragArea", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", expandOn: "expandOn", expandedNodes: "expandedNodes", fields: "fields", fullRowNavigable: "fullRowNavigable", fullRowSelect: "fullRowSelect", loadOnDemand: "loadOnDemand", locale: "locale", nodeTemplate: "nodeTemplate", selectedNodes: "selectedNodes", showCheckBox: "showCheckBox", sortOrder: "sortOrder" }, outputs: { actionFailure: "actionFailure", created: "created", dataBound: "dataBound", dataSourceChanged: "dataSourceChanged", destroyed: "destroyed", drawNode: "drawNode", keyPress: "keyPress", nodeChecked: "nodeChecked", nodeChecking: "nodeChecking", nodeClicked: "nodeClicked", nodeCollapsed: "nodeCollapsed", nodeCollapsing: "nodeCollapsing", nodeDragStart: "nodeDragStart", nodeDragStop: "nodeDragStop", nodeDragging: "nodeDragging", nodeDropped: "nodeDropped", nodeEdited: "nodeEdited", nodeEditing: "nodeEditing", nodeExpanded: "nodeExpanded", nodeExpanding: "nodeExpanding", nodeSelected: "nodeSelected", nodeSelecting: "nodeSelecting" }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: ["nodeTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1037
|
-
__decorate([
|
|
1038
|
-
Template()
|
|
1039
|
-
], TreeViewComponent.prototype, "nodeTemplate", void 0);
|
|
1040
|
-
TreeViewComponent = __decorate([
|
|
1041
|
-
ComponentMixins([ComponentBase])
|
|
1042
|
-
], TreeViewComponent);
|
|
1043
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewComponent, decorators: [{
|
|
1044
|
-
type: Component,
|
|
1045
|
-
args: [{
|
|
1046
|
-
selector: 'ejs-treeview',
|
|
1047
|
-
inputs: inputs$4,
|
|
1048
|
-
outputs: outputs$6,
|
|
1049
|
-
template: '',
|
|
1050
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1051
|
-
queries: {}
|
|
1052
|
-
}]
|
|
1053
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { nodeTemplate: [{
|
|
1054
|
-
type: ContentChild,
|
|
1055
|
-
args: ['nodeTemplate']
|
|
1056
|
-
}] } });
|
|
1057
|
-
|
|
1058
|
-
/**
|
|
1059
|
-
* NgModule definition for the TreeView component.
|
|
1060
|
-
*/
|
|
1061
|
-
class TreeViewModule {
|
|
1062
|
-
}
|
|
1063
|
-
TreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1064
|
-
TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewModule, declarations: [TreeViewComponent], imports: [CommonModule], exports: [TreeViewComponent] });
|
|
1065
|
-
TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewModule, imports: [[CommonModule]] });
|
|
1066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewModule, decorators: [{
|
|
1067
|
-
type: NgModule,
|
|
1068
|
-
args: [{
|
|
1069
|
-
imports: [CommonModule],
|
|
1070
|
-
declarations: [
|
|
1071
|
-
TreeViewComponent
|
|
1072
|
-
],
|
|
1073
|
-
exports: [
|
|
1074
|
-
TreeViewComponent
|
|
1075
|
-
]
|
|
1076
|
-
}]
|
|
1077
|
-
}] });
|
|
1078
|
-
|
|
1079
|
-
/**
|
|
1080
|
-
* NgModule definition for the TreeView component with providers.
|
|
1081
|
-
*/
|
|
1082
|
-
class TreeViewAllModule {
|
|
1083
|
-
}
|
|
1084
|
-
TreeViewAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1085
|
-
TreeViewAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewAllModule, imports: [CommonModule, TreeViewModule], exports: [TreeViewModule] });
|
|
1086
|
-
TreeViewAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewAllModule, providers: [], imports: [[CommonModule, TreeViewModule], TreeViewModule] });
|
|
1087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeViewAllModule, decorators: [{
|
|
1088
|
-
type: NgModule,
|
|
1089
|
-
args: [{
|
|
1090
|
-
imports: [CommonModule, TreeViewModule],
|
|
1091
|
-
exports: [
|
|
1092
|
-
TreeViewModule
|
|
1093
|
-
],
|
|
1094
|
-
providers: []
|
|
1095
|
-
}]
|
|
1096
|
-
}] });
|
|
1097
|
-
|
|
1098
|
-
const inputs$3 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
|
|
1099
|
-
const outputs$5 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
|
|
1100
|
-
const twoWays$3 = ['isOpen'];
|
|
1101
|
-
/**
|
|
1102
|
-
* Represents the Essential JS 2 Angular Sidebar Component.
|
|
1103
|
-
* ```html
|
|
1104
|
-
* <ejs-sidebar></ejs-sidebar>
|
|
1105
|
-
* ```
|
|
1106
|
-
*/
|
|
1107
|
-
let SidebarComponent = class SidebarComponent extends Sidebar {
|
|
1108
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
1109
|
-
super();
|
|
1110
|
-
this.ngEle = ngEle;
|
|
1111
|
-
this.srenderer = srenderer;
|
|
1112
|
-
this.viewContainerRef = viewContainerRef;
|
|
1113
|
-
this.injector = injector;
|
|
1114
|
-
this.element = this.ngEle.nativeElement;
|
|
1115
|
-
this.injectedModules = this.injectedModules || [];
|
|
1116
|
-
this.registerEvents(outputs$5);
|
|
1117
|
-
this.addTwoWay.call(this, twoWays$3);
|
|
1118
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1119
|
-
this.containerContext = new ComponentBase();
|
|
1120
|
-
}
|
|
1121
|
-
ngOnInit() {
|
|
1122
|
-
this.containerContext.ngOnInit(this);
|
|
1123
|
-
}
|
|
1124
|
-
ngAfterViewInit() {
|
|
1125
|
-
this.containerContext.ngAfterViewInit(this);
|
|
1126
|
-
}
|
|
1127
|
-
ngOnDestroy() {
|
|
1128
|
-
this.containerContext.ngOnDestroy(this);
|
|
1129
|
-
}
|
|
1130
|
-
ngAfterContentChecked() {
|
|
1131
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
1132
|
-
}
|
|
1133
|
-
};
|
|
1134
|
-
SidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1135
|
-
SidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SidebarComponent, selector: "ejs-sidebar", inputs: { animate: "animate", closeOnDocumentClick: "closeOnDocumentClick", dockSize: "dockSize", enableDock: "enableDock", enableGestures: "enableGestures", enablePersistence: "enablePersistence", enableRtl: "enableRtl", height: "height", isOpen: "isOpen", locale: "locale", mediaQuery: "mediaQuery", position: "position", showBackdrop: "showBackdrop", target: "target", type: "type", width: "width", zIndex: "zIndex" }, outputs: { change: "change", close: "close", created: "created", destroyed: "destroyed", open: "open", isOpenChange: "isOpenChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1136
|
-
SidebarComponent = __decorate([
|
|
1137
|
-
ComponentMixins([ComponentBase])
|
|
1138
|
-
], SidebarComponent);
|
|
1139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
1140
|
-
type: Component,
|
|
1141
|
-
args: [{
|
|
1142
|
-
selector: 'ejs-sidebar',
|
|
1143
|
-
inputs: inputs$3,
|
|
1144
|
-
outputs: outputs$5,
|
|
1145
|
-
template: `<ng-content ></ng-content>`,
|
|
1146
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1147
|
-
queries: {}
|
|
1148
|
-
}]
|
|
1149
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
1150
|
-
|
|
1151
|
-
/**
|
|
1152
|
-
* NgModule definition for the Sidebar component.
|
|
1153
|
-
*/
|
|
1154
|
-
class SidebarModule {
|
|
1155
|
-
}
|
|
1156
|
-
SidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1157
|
-
SidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarModule, declarations: [SidebarComponent], imports: [CommonModule], exports: [SidebarComponent] });
|
|
1158
|
-
SidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarModule, imports: [[CommonModule]] });
|
|
1159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarModule, decorators: [{
|
|
1160
|
-
type: NgModule,
|
|
1161
|
-
args: [{
|
|
1162
|
-
imports: [CommonModule],
|
|
1163
|
-
declarations: [
|
|
1164
|
-
SidebarComponent
|
|
1165
|
-
],
|
|
1166
|
-
exports: [
|
|
1167
|
-
SidebarComponent
|
|
1168
|
-
]
|
|
1169
|
-
}]
|
|
1170
|
-
}] });
|
|
1171
|
-
|
|
1172
|
-
/**
|
|
1173
|
-
* NgModule definition for the Sidebar component with providers.
|
|
1174
|
-
*/
|
|
1175
|
-
class SidebarAllModule {
|
|
1176
|
-
}
|
|
1177
|
-
SidebarAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1178
|
-
SidebarAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarAllModule, imports: [CommonModule, SidebarModule], exports: [SidebarModule] });
|
|
1179
|
-
SidebarAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarAllModule, providers: [], imports: [[CommonModule, SidebarModule], SidebarModule] });
|
|
1180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SidebarAllModule, decorators: [{
|
|
1181
|
-
type: NgModule,
|
|
1182
|
-
args: [{
|
|
1183
|
-
imports: [CommonModule, SidebarModule],
|
|
1184
|
-
exports: [
|
|
1185
|
-
SidebarModule
|
|
1186
|
-
],
|
|
1187
|
-
providers: []
|
|
1188
|
-
}]
|
|
1189
|
-
}] });
|
|
1190
|
-
|
|
1191
|
-
let input$1 = ['htmlAttributes', 'iconCss', 'id', 'items', 'separator', 'text', 'url'];
|
|
1192
|
-
let outputs$4 = [];
|
|
1193
|
-
class MenuItemDirective extends ComplexBase {
|
|
1194
|
-
constructor(viewContainerRef) {
|
|
1195
|
-
super();
|
|
1196
|
-
this.viewContainerRef = viewContainerRef;
|
|
1197
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1198
|
-
this.registerEvents(outputs$4);
|
|
1199
|
-
this.directivePropList = input$1;
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1202
|
-
MenuItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1203
|
-
MenuItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: MenuItemDirective, selector: "ejs-menu>e-menu-items>e-menu-item>", inputs: { htmlAttributes: "htmlAttributes", iconCss: "iconCss", id: "id", items: "items", separator: "separator", text: "text", url: "url" }, usesInheritance: true, ngImport: i0 });
|
|
1204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuItemDirective, decorators: [{
|
|
1205
|
-
type: Directive,
|
|
1206
|
-
args: [{
|
|
1207
|
-
selector: 'ejs-menu>e-menu-items>e-menu-item>',
|
|
1208
|
-
inputs: input$1,
|
|
1209
|
-
outputs: outputs$4,
|
|
1210
|
-
queries: {}
|
|
1211
|
-
}]
|
|
1212
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
1213
|
-
/**
|
|
1214
|
-
* MenuItem Array Directive
|
|
1215
|
-
* @private
|
|
1216
|
-
*/
|
|
1217
|
-
class MenuItemsDirective extends ArrayBase {
|
|
1218
|
-
constructor() {
|
|
1219
|
-
super('items');
|
|
1220
|
-
}
|
|
1221
|
-
}
|
|
1222
|
-
MenuItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1223
|
-
MenuItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: MenuItemsDirective, selector: "ejs-menu>e-menu-items", queries: [{ propertyName: "children", predicate: MenuItemDirective }], usesInheritance: true, ngImport: i0 });
|
|
1224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuItemsDirective, decorators: [{
|
|
1225
|
-
type: Directive,
|
|
1226
|
-
args: [{
|
|
1227
|
-
selector: 'ejs-menu>e-menu-items',
|
|
1228
|
-
queries: {
|
|
1229
|
-
children: new ContentChildren(MenuItemDirective)
|
|
1230
|
-
},
|
|
1231
|
-
}]
|
|
1232
|
-
}], ctorParameters: function () { return []; } });
|
|
1233
|
-
|
|
1234
|
-
const inputs$2 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
|
|
1235
|
-
const outputs$3 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
|
|
1236
|
-
const twoWays$2 = [''];
|
|
1237
|
-
/**
|
|
1238
|
-
* Represents the EJ2 Angular Menu Component.
|
|
1239
|
-
* ```html
|
|
1240
|
-
* <ejs-menu [items]='menuItems'></ejs-menu>
|
|
1241
|
-
* ```
|
|
1242
|
-
*/
|
|
1243
|
-
let MenuComponent = class MenuComponent extends Menu {
|
|
1244
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
1245
|
-
super();
|
|
1246
|
-
this.ngEle = ngEle;
|
|
1247
|
-
this.srenderer = srenderer;
|
|
1248
|
-
this.viewContainerRef = viewContainerRef;
|
|
1249
|
-
this.injector = injector;
|
|
1250
|
-
this.tags = ['items'];
|
|
1251
|
-
this.element = this.ngEle.nativeElement;
|
|
1252
|
-
this.injectedModules = this.injectedModules || [];
|
|
1253
|
-
this.registerEvents(outputs$3);
|
|
1254
|
-
this.addTwoWay.call(this, twoWays$2);
|
|
1255
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1256
|
-
this.context = new ComponentBase();
|
|
1257
|
-
}
|
|
1258
|
-
ngOnInit() {
|
|
1259
|
-
this.context.ngOnInit(this);
|
|
1260
|
-
}
|
|
1261
|
-
ngAfterViewInit() {
|
|
1262
|
-
this.context.ngAfterViewInit(this);
|
|
1263
|
-
}
|
|
1264
|
-
ngOnDestroy() {
|
|
1265
|
-
this.context.ngOnDestroy(this);
|
|
1266
|
-
}
|
|
1267
|
-
ngAfterContentChecked() {
|
|
1268
|
-
this.tagObjects[0].instance = this.childItems;
|
|
1269
|
-
this.context.ngAfterContentChecked(this);
|
|
1270
|
-
}
|
|
1271
|
-
};
|
|
1272
|
-
MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1273
|
-
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MenuComponent, selector: "ejs-menu", inputs: { animationSettings: "animationSettings", cssClass: "cssClass", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableScrolling: "enableScrolling", fields: "fields", filter: "filter", hamburgerMode: "hamburgerMode", hoverDelay: "hoverDelay", items: "items", locale: "locale", orientation: "orientation", showItemOnClick: "showItemOnClick", target: "target", template: "template", title: "title" }, outputs: { beforeClose: "beforeClose", beforeItemRender: "beforeItemRender", beforeOpen: "beforeOpen", created: "created", onClose: "onClose", onOpen: "onOpen", select: "select" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "childItems", first: true, predicate: MenuItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1274
|
-
__decorate([
|
|
1275
|
-
Template()
|
|
1276
|
-
], MenuComponent.prototype, "template", void 0);
|
|
1277
|
-
MenuComponent = __decorate([
|
|
1278
|
-
ComponentMixins([ComponentBase])
|
|
1279
|
-
], MenuComponent);
|
|
1280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuComponent, decorators: [{
|
|
1281
|
-
type: Component,
|
|
1282
|
-
args: [{
|
|
1283
|
-
selector: 'ejs-menu',
|
|
1284
|
-
inputs: inputs$2,
|
|
1285
|
-
outputs: outputs$3,
|
|
1286
|
-
template: '',
|
|
1287
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1288
|
-
queries: {
|
|
1289
|
-
childItems: new ContentChild(MenuItemsDirective)
|
|
1290
|
-
}
|
|
1291
|
-
}]
|
|
1292
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
|
|
1293
|
-
type: ContentChild,
|
|
1294
|
-
args: ['template']
|
|
1295
|
-
}] } });
|
|
1296
|
-
|
|
1297
|
-
/**
|
|
1298
|
-
* NgModule definition for the Menu component.
|
|
1299
|
-
*/
|
|
1300
|
-
class MenuModule {
|
|
1301
|
-
}
|
|
1302
|
-
MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1303
|
-
MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuModule, declarations: [MenuComponent,
|
|
1304
|
-
MenuItemDirective,
|
|
1305
|
-
MenuItemsDirective], imports: [CommonModule], exports: [MenuComponent,
|
|
1306
|
-
MenuItemDirective,
|
|
1307
|
-
MenuItemsDirective] });
|
|
1308
|
-
MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuModule, imports: [[CommonModule]] });
|
|
1309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuModule, decorators: [{
|
|
1310
|
-
type: NgModule,
|
|
1311
|
-
args: [{
|
|
1312
|
-
imports: [CommonModule],
|
|
1313
|
-
declarations: [
|
|
1314
|
-
MenuComponent,
|
|
1315
|
-
MenuItemDirective,
|
|
1316
|
-
MenuItemsDirective
|
|
1317
|
-
],
|
|
1318
|
-
exports: [
|
|
1319
|
-
MenuComponent,
|
|
1320
|
-
MenuItemDirective,
|
|
1321
|
-
MenuItemsDirective
|
|
1322
|
-
]
|
|
1323
|
-
}]
|
|
1324
|
-
}] });
|
|
1325
|
-
|
|
1326
|
-
/**
|
|
1327
|
-
* NgModule definition for the Menu component with providers.
|
|
1328
|
-
*/
|
|
1329
|
-
class MenuAllModule {
|
|
1330
|
-
}
|
|
1331
|
-
MenuAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1332
|
-
MenuAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuAllModule, imports: [CommonModule, MenuModule], exports: [MenuModule] });
|
|
1333
|
-
MenuAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuAllModule, providers: [], imports: [[CommonModule, MenuModule], MenuModule] });
|
|
1334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MenuAllModule, decorators: [{
|
|
1335
|
-
type: NgModule,
|
|
1336
|
-
args: [{
|
|
1337
|
-
imports: [CommonModule, MenuModule],
|
|
1338
|
-
exports: [
|
|
1339
|
-
MenuModule
|
|
1340
|
-
],
|
|
1341
|
-
providers: []
|
|
1342
|
-
}]
|
|
1343
|
-
}] });
|
|
1344
|
-
|
|
1345
|
-
const inputs$1 = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
|
|
1346
|
-
const outputs$2 = ['created', 'destroyed'];
|
|
1347
|
-
const twoWays$1 = [''];
|
|
1348
|
-
/**
|
|
1349
|
-
* Represents the Essential JS 2 Angular AppBar Component.
|
|
1350
|
-
* ```html
|
|
1351
|
-
* <ejs-appbar></ejs-appbar>
|
|
1352
|
-
* ```
|
|
1353
|
-
*/
|
|
1354
|
-
let AppBarComponent = class AppBarComponent extends AppBar {
|
|
1355
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
1356
|
-
super();
|
|
1357
|
-
this.ngEle = ngEle;
|
|
1358
|
-
this.srenderer = srenderer;
|
|
1359
|
-
this.viewContainerRef = viewContainerRef;
|
|
1360
|
-
this.injector = injector;
|
|
1361
|
-
this.element = this.ngEle.nativeElement;
|
|
1362
|
-
this.injectedModules = this.injectedModules || [];
|
|
1363
|
-
this.registerEvents(outputs$2);
|
|
1364
|
-
this.addTwoWay.call(this, twoWays$1);
|
|
1365
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1366
|
-
this.containerContext = new ComponentBase();
|
|
1367
|
-
}
|
|
1368
|
-
ngOnInit() {
|
|
1369
|
-
this.containerContext.ngOnInit(this);
|
|
1370
|
-
}
|
|
1371
|
-
ngAfterViewInit() {
|
|
1372
|
-
this.containerContext.ngAfterViewInit(this);
|
|
1373
|
-
}
|
|
1374
|
-
ngOnDestroy() {
|
|
1375
|
-
this.containerContext.ngOnDestroy(this);
|
|
1376
|
-
}
|
|
1377
|
-
ngAfterContentChecked() {
|
|
1378
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
1379
|
-
}
|
|
1380
|
-
};
|
|
1381
|
-
AppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1382
|
-
AppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AppBarComponent, selector: "ejs-appbar", inputs: { colorMode: "colorMode", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", htmlAttributes: "htmlAttributes", isSticky: "isSticky", locale: "locale", mode: "mode", position: "position" }, outputs: { created: "created", destroyed: "destroyed" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1383
|
-
AppBarComponent = __decorate([
|
|
1384
|
-
ComponentMixins([ComponentBase])
|
|
1385
|
-
], AppBarComponent);
|
|
1386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarComponent, decorators: [{
|
|
1387
|
-
type: Component,
|
|
1388
|
-
args: [{
|
|
1389
|
-
selector: 'ejs-appbar',
|
|
1390
|
-
inputs: inputs$1,
|
|
1391
|
-
outputs: outputs$2,
|
|
1392
|
-
template: `<ng-content ></ng-content>`,
|
|
1393
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1394
|
-
queries: {}
|
|
1395
|
-
}]
|
|
1396
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
|
|
1397
|
-
|
|
1398
|
-
/**
|
|
1399
|
-
* NgModule definition for the AppBar component.
|
|
1400
|
-
*/
|
|
1401
|
-
class AppBarModule {
|
|
1402
|
-
}
|
|
1403
|
-
AppBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1404
|
-
AppBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarModule, declarations: [AppBarComponent], imports: [CommonModule], exports: [AppBarComponent] });
|
|
1405
|
-
AppBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarModule, imports: [[CommonModule]] });
|
|
1406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarModule, decorators: [{
|
|
1407
|
-
type: NgModule,
|
|
1408
|
-
args: [{
|
|
1409
|
-
imports: [CommonModule],
|
|
1410
|
-
declarations: [
|
|
1411
|
-
AppBarComponent
|
|
1412
|
-
],
|
|
1413
|
-
exports: [
|
|
1414
|
-
AppBarComponent
|
|
1415
|
-
]
|
|
1416
|
-
}]
|
|
1417
|
-
}] });
|
|
1418
|
-
|
|
1419
|
-
/**
|
|
1420
|
-
* NgModule definition for the AppBar component with providers.
|
|
1421
|
-
*/
|
|
1422
|
-
class AppBarAllModule {
|
|
1423
|
-
}
|
|
1424
|
-
AppBarAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1425
|
-
AppBarAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, imports: [CommonModule, AppBarModule], exports: [AppBarModule] });
|
|
1426
|
-
AppBarAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, providers: [], imports: [[CommonModule, AppBarModule], AppBarModule] });
|
|
1427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, decorators: [{
|
|
1428
|
-
type: NgModule,
|
|
1429
|
-
args: [{
|
|
1430
|
-
imports: [CommonModule, AppBarModule],
|
|
1431
|
-
exports: [
|
|
1432
|
-
AppBarModule
|
|
1433
|
-
],
|
|
1434
|
-
providers: []
|
|
1435
|
-
}]
|
|
1436
|
-
}] });
|
|
1437
|
-
|
|
1438
|
-
let input = ['cssClass', 'disabled', 'iconCss', 'isValid', 'label', 'optional', 'status', 'text'];
|
|
1439
|
-
let outputs$1 = [];
|
|
1440
|
-
/**
|
|
1441
|
-
* 'e-step' directive represents a step of the Angular Stepper.
|
|
1442
|
-
* It must be contained in a Stepper component(`ejs-stepper`).
|
|
1443
|
-
* ```html
|
|
1444
|
-
* <ejs-stepper>
|
|
1445
|
-
* <e-steps>
|
|
1446
|
-
* <e-step [iconCss]='e-icons e-folder' [text]='Step 1' />
|
|
1447
|
-
* <e-step [iconCss]='e-icons e-folder' [text]='Step 2' />
|
|
1448
|
-
* </e-steps>
|
|
1449
|
-
* </ejs-stepper>
|
|
1450
|
-
* ```
|
|
1451
|
-
*/
|
|
1452
|
-
class StepDirective extends ComplexBase {
|
|
1453
|
-
constructor(viewContainerRef) {
|
|
1454
|
-
super();
|
|
1455
|
-
this.viewContainerRef = viewContainerRef;
|
|
1456
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1457
|
-
this.registerEvents(outputs$1);
|
|
1458
|
-
this.directivePropList = input;
|
|
1459
|
-
}
|
|
1460
|
-
}
|
|
1461
|
-
StepDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1462
|
-
StepDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StepDirective, selector: "ejs-stepper>e-steps>e-step", inputs: { cssClass: "cssClass", disabled: "disabled", iconCss: "iconCss", isValid: "isValid", label: "label", optional: "optional", status: "status", text: "text" }, usesInheritance: true, ngImport: i0 });
|
|
1463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepDirective, decorators: [{
|
|
1464
|
-
type: Directive,
|
|
1465
|
-
args: [{
|
|
1466
|
-
selector: 'ejs-stepper>e-steps>e-step',
|
|
1467
|
-
inputs: input,
|
|
1468
|
-
outputs: outputs$1,
|
|
1469
|
-
queries: {}
|
|
1470
|
-
}]
|
|
1471
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
1472
|
-
/**
|
|
1473
|
-
* Step Array Directive
|
|
1474
|
-
* @private
|
|
1475
|
-
*/
|
|
1476
|
-
class StepsDirective extends ArrayBase {
|
|
1477
|
-
constructor() {
|
|
1478
|
-
super('steps');
|
|
1479
|
-
}
|
|
1480
|
-
}
|
|
1481
|
-
StepsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1482
|
-
StepsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StepsDirective, selector: "ejs-stepper>e-steps", queries: [{ propertyName: "children", predicate: StepDirective }], usesInheritance: true, ngImport: i0 });
|
|
1483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepsDirective, decorators: [{
|
|
1484
|
-
type: Directive,
|
|
1485
|
-
args: [{
|
|
1486
|
-
selector: 'ejs-stepper>e-steps',
|
|
1487
|
-
queries: {
|
|
1488
|
-
children: new ContentChildren(StepDirective)
|
|
1489
|
-
},
|
|
1490
|
-
}]
|
|
1491
|
-
}], ctorParameters: function () { return []; } });
|
|
1492
|
-
|
|
1493
|
-
const inputs = ['activeStep', 'animation', 'cssClass', 'enablePersistence', 'enableRtl', 'labelPosition', 'linear', 'locale', 'orientation', 'readOnly', 'showTooltip', 'stepType', 'steps', 'template', 'tooltipTemplate'];
|
|
1494
|
-
const outputs = ['beforeStepRender', 'created', 'stepChanged', 'stepChanging', 'stepClick', 'activeStepChange'];
|
|
1495
|
-
const twoWays = ['activeStep'];
|
|
1496
|
-
/**
|
|
1497
|
-
* Represents the EJ2 Angular Stepper Component.
|
|
1498
|
-
* ```html
|
|
1499
|
-
* <nav ejs-stepper [steps]='stepItems'></nav>
|
|
1500
|
-
* ```
|
|
1501
|
-
*/
|
|
1502
|
-
let StepperComponent = class StepperComponent extends Stepper {
|
|
1503
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
1504
|
-
super();
|
|
1505
|
-
this.ngEle = ngEle;
|
|
1506
|
-
this.srenderer = srenderer;
|
|
1507
|
-
this.viewContainerRef = viewContainerRef;
|
|
1508
|
-
this.injector = injector;
|
|
1509
|
-
this.tags = ['steps'];
|
|
1510
|
-
this.element = this.ngEle.nativeElement;
|
|
1511
|
-
this.injectedModules = this.injectedModules || [];
|
|
1512
|
-
this.registerEvents(outputs);
|
|
1513
|
-
this.addTwoWay.call(this, twoWays);
|
|
1514
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
1515
|
-
this.containerContext = new ComponentBase();
|
|
1516
|
-
}
|
|
1517
|
-
ngOnInit() {
|
|
1518
|
-
this.containerContext.ngOnInit(this);
|
|
1519
|
-
}
|
|
1520
|
-
ngAfterViewInit() {
|
|
1521
|
-
this.containerContext.ngAfterViewInit(this);
|
|
1522
|
-
}
|
|
1523
|
-
ngOnDestroy() {
|
|
1524
|
-
this.containerContext.ngOnDestroy(this);
|
|
1525
|
-
}
|
|
1526
|
-
ngAfterContentChecked() {
|
|
1527
|
-
this.tagObjects[0].instance = this.childSteps;
|
|
1528
|
-
this.containerContext.ngAfterContentChecked(this);
|
|
1529
|
-
}
|
|
1530
|
-
};
|
|
1531
|
-
StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1532
|
-
StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: StepperComponent, selector: "ejs-stepper", inputs: { activeStep: "activeStep", animation: "animation", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", labelPosition: "labelPosition", linear: "linear", locale: "locale", orientation: "orientation", readOnly: "readOnly", showTooltip: "showTooltip", stepType: "stepType", steps: "steps", template: "template", tooltipTemplate: "tooltipTemplate" }, outputs: { beforeStepRender: "beforeStepRender", created: "created", stepChanged: "stepChanged", stepChanging: "stepChanging", stepClick: "stepClick", activeStepChange: "activeStepChange" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "tooltipTemplate", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "childSteps", first: true, predicate: StepsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='nav'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1533
|
-
__decorate([
|
|
1534
|
-
Template()
|
|
1535
|
-
], StepperComponent.prototype, "template", void 0);
|
|
1536
|
-
__decorate([
|
|
1537
|
-
Template()
|
|
1538
|
-
], StepperComponent.prototype, "tooltipTemplate", void 0);
|
|
1539
|
-
StepperComponent = __decorate([
|
|
1540
|
-
ComponentMixins([ComponentBase])
|
|
1541
|
-
], StepperComponent);
|
|
1542
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperComponent, decorators: [{
|
|
1543
|
-
type: Component,
|
|
1544
|
-
args: [{
|
|
1545
|
-
selector: 'ejs-stepper',
|
|
1546
|
-
inputs: inputs,
|
|
1547
|
-
outputs: outputs,
|
|
1548
|
-
template: `<ng-content select='nav'></ng-content>`,
|
|
1549
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1550
|
-
queries: {
|
|
1551
|
-
childSteps: new ContentChild(StepsDirective)
|
|
1552
|
-
}
|
|
1553
|
-
}]
|
|
1554
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
|
|
1555
|
-
type: ContentChild,
|
|
1556
|
-
args: ['template']
|
|
1557
|
-
}], tooltipTemplate: [{
|
|
1558
|
-
type: ContentChild,
|
|
1559
|
-
args: ['tooltipTemplate']
|
|
1560
|
-
}] } });
|
|
1561
|
-
|
|
1562
|
-
/**
|
|
1563
|
-
* NgModule definition for the Stepper component.
|
|
1564
|
-
*/
|
|
1565
|
-
class StepperModule {
|
|
1566
|
-
}
|
|
1567
|
-
StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1568
|
-
StepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperModule, declarations: [StepperComponent,
|
|
1569
|
-
StepDirective,
|
|
1570
|
-
StepsDirective], imports: [CommonModule], exports: [StepperComponent,
|
|
1571
|
-
StepDirective,
|
|
1572
|
-
StepsDirective] });
|
|
1573
|
-
StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperModule, imports: [[CommonModule]] });
|
|
1574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperModule, decorators: [{
|
|
1575
|
-
type: NgModule,
|
|
1576
|
-
args: [{
|
|
1577
|
-
imports: [CommonModule],
|
|
1578
|
-
declarations: [
|
|
1579
|
-
StepperComponent,
|
|
1580
|
-
StepDirective,
|
|
1581
|
-
StepsDirective
|
|
1582
|
-
],
|
|
1583
|
-
exports: [
|
|
1584
|
-
StepperComponent,
|
|
1585
|
-
StepDirective,
|
|
1586
|
-
StepsDirective
|
|
1587
|
-
]
|
|
1588
|
-
}]
|
|
1589
|
-
}] });
|
|
1590
|
-
|
|
1591
|
-
/**
|
|
1592
|
-
* NgModule definition for the Stepper component with providers.
|
|
1593
|
-
*/
|
|
1594
|
-
class StepperAllModule {
|
|
1595
|
-
}
|
|
1596
|
-
StepperAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1597
|
-
StepperAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperAllModule, imports: [CommonModule, StepperModule], exports: [StepperModule] });
|
|
1598
|
-
StepperAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperAllModule, providers: [], imports: [[CommonModule, StepperModule], StepperModule] });
|
|
1599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StepperAllModule, decorators: [{
|
|
1600
|
-
type: NgModule,
|
|
1601
|
-
args: [{
|
|
1602
|
-
imports: [CommonModule, StepperModule],
|
|
1603
|
-
exports: [
|
|
1604
|
-
StepperModule
|
|
1605
|
-
],
|
|
1606
|
-
providers: []
|
|
1607
|
-
}]
|
|
1608
|
-
}] });
|
|
1609
|
-
|
|
1610
|
-
/**
|
|
1611
|
-
* Generated bundle index. Do not edit.
|
|
1612
|
-
*/
|
|
1613
|
-
|
|
1614
|
-
export { AccordionAllModule, AccordionComponent, AccordionItemDirective, AccordionItemsDirective, AccordionModule, AppBarAllModule, AppBarComponent, AppBarModule, BreadcrumbAllModule, BreadcrumbComponent, BreadcrumbItemDirective, BreadcrumbItemsDirective, BreadcrumbModule, CarouselAllModule, CarouselComponent, CarouselItemDirective, CarouselItemsDirective, CarouselModule, ContextMenuAllModule, ContextMenuComponent, ContextMenuModule, ItemDirective, ItemsDirective, MenuAllModule, MenuComponent, MenuItemDirective, MenuItemsDirective, MenuModule, SidebarAllModule, SidebarComponent, SidebarModule, StepDirective, StepperAllModule, StepperComponent, StepperModule, StepsDirective, TabAllModule, TabComponent, TabItemDirective, TabItemsDirective, TabModule, ToolbarAllModule, ToolbarComponent, ToolbarModule, TreeViewAllModule, TreeViewComponent, TreeViewModule };
|
|
1615
|
-
//# sourceMappingURL=syncfusion-ej2-angular-navigations.mjs.map
|