@syncfusion/ej2-navigations 17.2.55-1205479 → 17.3.14-96615
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/.eslintrc.json +244 -0
- package/CHANGELOG.md +898 -786
- package/README.md +163 -163
- package/dist/ej2-navigations.umd.min.js +1 -10
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +512 -255
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +642 -385
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +1 -10
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/dist/ts/accordion/accordion.ts +1312 -0
- package/dist/ts/common/h-scroll.ts +459 -0
- package/dist/ts/common/menu-base.ts +2131 -0
- package/dist/ts/common/v-scroll.ts +430 -0
- package/dist/ts/context-menu/context-menu.ts +119 -0
- package/dist/ts/menu/menu.ts +270 -0
- package/dist/ts/sidebar/sidebar.ts +817 -0
- package/dist/ts/tab/tab.ts +1761 -0
- package/dist/ts/toolbar/toolbar.ts +2076 -0
- package/dist/ts/treeview/treeview.ts +5050 -0
- package/helpers/e2e/index.js +3 -3
- package/license +10 -10
- package/package.json +135 -145
- package/src/accordion/accordion-model.d.ts +162 -143
- package/src/accordion/accordion.d.ts +35 -6
- package/src/accordion/accordion.js +193 -71
- package/src/common/h-scroll-model.d.ts +5 -5
- package/src/common/h-scroll.js +19 -20
- package/src/common/index.d.ts +1 -0
- package/src/common/index.js +1 -0
- package/src/common/menu-base-model.d.ts +157 -157
- package/src/common/menu-base.d.ts +19 -0
- package/src/common/menu-base.js +97 -24
- package/src/common/v-scroll-model.d.ts +5 -5
- package/src/common/v-scroll.js +19 -19
- package/src/context-menu/context-menu-model.d.ts +15 -15
- package/src/context-menu/context-menu.js +19 -19
- package/src/menu/menu-model.d.ts +30 -30
- package/src/menu/menu.js +19 -19
- package/src/sidebar/sidebar-model.d.ts +136 -136
- package/src/sidebar/sidebar.js +19 -19
- package/src/tab/tab-model.d.ts +215 -215
- package/src/tab/tab.d.ts +3 -0
- package/src/tab/tab.js +120 -83
- package/src/toolbar/toolbar-model.d.ts +175 -175
- package/src/toolbar/toolbar.d.ts +2 -1
- package/src/toolbar/toolbar.js +30 -24
- package/src/treeview/treeview-model.d.ts +323 -323
- package/src/treeview/treeview.d.ts +3 -1
- package/src/treeview/treeview.js +107 -87
- package/styles/accordion/_all.scss +2 -2
- package/styles/accordion/_bootstrap-dark-definition.scss +69 -69
- package/styles/accordion/_bootstrap-definition.scss +76 -76
- package/styles/accordion/_bootstrap4-definition.scss +82 -82
- package/styles/accordion/_fabric-dark-definition.scss +74 -74
- package/styles/accordion/_fabric-definition.scss +78 -78
- package/styles/accordion/_highcontrast-definition.scss +106 -106
- package/styles/accordion/_highcontrast-light-definition.scss +104 -104
- package/styles/accordion/_layout.scss +447 -447
- package/styles/accordion/_material-dark-definition.scss +75 -75
- package/styles/accordion/_material-definition.scss +72 -72
- package/styles/accordion/_theme.scss +479 -479
- package/styles/accordion/icons/_bootstrap-dark.scss +17 -17
- package/styles/accordion/icons/_bootstrap.scss +17 -17
- package/styles/accordion/icons/_bootstrap4.scss +17 -17
- package/styles/accordion/icons/_fabric-dark.scss +17 -17
- package/styles/accordion/icons/_fabric.scss +17 -17
- package/styles/accordion/icons/_highcontrast-light.scss +17 -17
- package/styles/accordion/icons/_highcontrast.scss +17 -17
- package/styles/accordion/icons/_material-dark.scss +17 -17
- package/styles/accordion/icons/_material.scss +17 -17
- package/styles/accordion/material-dark.css +2 -2
- package/styles/bootstrap-dark.css +10 -9
- package/styles/bootstrap.css +10 -9
- package/styles/bootstrap4.css +10 -9
- package/styles/bootstrap5-dark.css +0 -0
- package/styles/bootstrap5-dark.scss +0 -0
- package/styles/bootstrap5.css +0 -0
- package/styles/bootstrap5.scss +0 -0
- package/styles/context-menu/_all.scss +2 -2
- package/styles/context-menu/_bootstrap-dark-definition.scss +54 -54
- package/styles/context-menu/_bootstrap-definition.scss +52 -52
- package/styles/context-menu/_bootstrap4-definition.scss +52 -52
- package/styles/context-menu/_fabric-dark-definition.scss +54 -54
- package/styles/context-menu/_fabric-definition.scss +52 -52
- package/styles/context-menu/_highcontrast-definition.scss +52 -52
- package/styles/context-menu/_highcontrast-light-definition.scss +54 -54
- package/styles/context-menu/_layout-mixin.scss +175 -174
- package/styles/context-menu/_layout.scss +70 -70
- package/styles/context-menu/_material-dark-definition.scss +54 -54
- package/styles/context-menu/_material-definition.scss +52 -52
- package/styles/context-menu/_theme-mixin.scss +59 -59
- package/styles/context-menu/_theme.scss +36 -36
- package/styles/context-menu/bootstrap-dark.css +1 -1
- package/styles/context-menu/bootstrap.css +1 -1
- package/styles/context-menu/bootstrap4.css +1 -1
- package/styles/context-menu/fabric-dark.css +1 -1
- package/styles/context-menu/fabric.css +1 -1
- package/styles/context-menu/highcontrast-light.css +1 -1
- package/styles/context-menu/highcontrast.css +1 -1
- package/styles/context-menu/icons/_bootstrap-dark.scss +30 -30
- package/styles/context-menu/icons/_bootstrap.scss +30 -30
- package/styles/context-menu/icons/_bootstrap4.scss +30 -30
- package/styles/context-menu/icons/_fabric-dark.scss +30 -30
- package/styles/context-menu/icons/_fabric.scss +30 -30
- package/styles/context-menu/icons/_highcontrast-light.scss +30 -30
- package/styles/context-menu/icons/_highcontrast.scss +30 -30
- package/styles/context-menu/icons/_material-dark.scss +30 -30
- package/styles/context-menu/icons/_material.scss +30 -30
- package/styles/context-menu/material-dark.css +1 -1
- package/styles/context-menu/material.css +4 -4
- package/styles/fabric-dark.css +10 -9
- package/styles/fabric.css +10 -9
- package/styles/h-scroll/_all.scss +2 -2
- package/styles/h-scroll/_bootstrap-dark-definition.scss +49 -49
- package/styles/h-scroll/_bootstrap-definition.scss +50 -50
- package/styles/h-scroll/_bootstrap4-definition.scss +49 -49
- package/styles/h-scroll/_fabric-dark-definition.scss +50 -50
- package/styles/h-scroll/_fabric-definition.scss +48 -48
- package/styles/h-scroll/_highcontrast-definition.scss +52 -52
- package/styles/h-scroll/_highcontrast-light-definition.scss +54 -54
- package/styles/h-scroll/_layout.scss +198 -198
- package/styles/h-scroll/_material-dark-definition.scss +77 -77
- package/styles/h-scroll/_material-definition.scss +77 -77
- package/styles/h-scroll/_theme.scss +157 -157
- package/styles/h-scroll/icons/_bootstrap-dark.scss +49 -49
- package/styles/h-scroll/icons/_bootstrap.scss +49 -49
- package/styles/h-scroll/icons/_bootstrap4.scss +49 -49
- package/styles/h-scroll/icons/_fabric-dark.scss +49 -49
- package/styles/h-scroll/icons/_fabric.scss +49 -49
- package/styles/h-scroll/icons/_highcontrast-light.scss +49 -49
- package/styles/h-scroll/icons/_highcontrast.scss +49 -49
- package/styles/h-scroll/icons/_material-dark.scss +49 -49
- package/styles/h-scroll/icons/_material.scss +49 -49
- package/styles/highcontrast-light.css +10 -9
- package/styles/highcontrast.css +10 -9
- package/styles/material-dark.css +12 -11
- package/styles/material.css +24 -14
- package/styles/menu/_all.scss +2 -2
- package/styles/menu/_bootstrap-dark-definition.scss +63 -63
- package/styles/menu/_bootstrap-definition.scss +65 -65
- package/styles/menu/_bootstrap4-definition.scss +64 -64
- package/styles/menu/_fabric-dark-definition.scss +63 -63
- package/styles/menu/_fabric-definition.scss +64 -64
- package/styles/menu/_highcontrast-definition.scss +65 -65
- package/styles/menu/_highcontrast-light-definition.scss +61 -61
- package/styles/menu/_layout.scss +638 -637
- package/styles/menu/_material-dark-definition.scss +63 -63
- package/styles/menu/_material-definition.scss +64 -64
- package/styles/menu/_theme.scss +243 -243
- package/styles/menu/bootstrap-dark.css +2 -1
- package/styles/menu/bootstrap.css +2 -1
- package/styles/menu/bootstrap.scss +1 -0
- package/styles/menu/bootstrap4.css +2 -1
- package/styles/menu/fabric-dark.css +2 -1
- package/styles/menu/fabric.css +2 -1
- package/styles/menu/fabric.scss +1 -0
- package/styles/menu/highcontrast-light.css +2 -1
- package/styles/menu/highcontrast.css +2 -1
- package/styles/menu/highcontrast.scss +1 -0
- package/styles/menu/icons/_bootstrap-dark.scss +127 -127
- package/styles/menu/icons/_bootstrap.scss +127 -127
- package/styles/menu/icons/_bootstrap4.scss +127 -127
- package/styles/menu/icons/_fabric-dark.scss +127 -127
- package/styles/menu/icons/_fabric.scss +127 -127
- package/styles/menu/icons/_highcontrast-light.scss +127 -127
- package/styles/menu/icons/_highcontrast.scss +127 -127
- package/styles/menu/icons/_material-dark.scss +127 -127
- package/styles/menu/icons/_material.scss +127 -127
- package/styles/menu/material-dark.css +2 -1
- package/styles/menu/material.css +4 -3
- package/styles/menu/material.scss +1 -0
- package/styles/sidebar/_all.scss +3 -3
- package/styles/sidebar/_bootstrap-dark-definition.scss +4 -4
- package/styles/sidebar/_bootstrap-definition.scss +4 -4
- package/styles/sidebar/_bootstrap4-definition.scss +4 -4
- package/styles/sidebar/_fabric-dark-definition.scss +4 -4
- package/styles/sidebar/_fabric-definition.scss +6 -6
- package/styles/sidebar/_highcontrast-definition.scss +4 -4
- package/styles/sidebar/_highcontrast-light-definition.scss +4 -4
- package/styles/sidebar/_icons.scss +1 -1
- package/styles/sidebar/_material-dark-definition.scss +4 -4
- package/styles/sidebar/_material-definition.scss +6 -6
- package/styles/sidebar/_theme.scss +168 -168
- package/styles/sidebar/bootstrap-dark.css +0 -1
- package/styles/sidebar/bootstrap.css +0 -1
- package/styles/sidebar/bootstrap4.css +0 -1
- package/styles/sidebar/fabric-dark.css +0 -1
- package/styles/sidebar/fabric.css +0 -1
- package/styles/sidebar/highcontrast-light.css +0 -1
- package/styles/sidebar/highcontrast.css +0 -1
- package/styles/sidebar/material-dark.css +0 -1
- package/styles/sidebar/material.css +0 -1
- package/styles/tab/_all.scss +2 -2
- package/styles/tab/_bootstrap-dark-definition.scss +386 -386
- package/styles/tab/_bootstrap-definition.scss +396 -396
- package/styles/tab/_bootstrap4-definition.scss +401 -401
- package/styles/tab/_fabric-dark-definition.scss +394 -394
- package/styles/tab/_fabric-definition.scss +410 -410
- package/styles/tab/_highcontrast-definition.scss +434 -434
- package/styles/tab/_highcontrast-light-definition.scss +423 -423
- package/styles/tab/_icons.scss +43 -43
- package/styles/tab/_layout.scss +3528 -3521
- package/styles/tab/_material-dark-definition.scss +407 -407
- package/styles/tab/_material-definition.scss +416 -416
- package/styles/tab/_theme.scss +1751 -1751
- package/styles/tab/bootstrap-dark.css +7 -2
- package/styles/tab/bootstrap.css +7 -2
- package/styles/tab/bootstrap4.css +7 -2
- package/styles/tab/fabric-dark.css +7 -2
- package/styles/tab/fabric.css +7 -2
- package/styles/tab/highcontrast-light.css +7 -2
- package/styles/tab/highcontrast.css +7 -2
- package/styles/tab/icons/_bootstrap-dark.scss +132 -132
- package/styles/tab/icons/_bootstrap.scss +132 -132
- package/styles/tab/icons/_bootstrap4.scss +132 -132
- package/styles/tab/icons/_fabric-dark.scss +132 -132
- package/styles/tab/icons/_fabric.scss +132 -132
- package/styles/tab/icons/_highcontrast-light.scss +132 -132
- package/styles/tab/icons/_highcontrast.scss +132 -132
- package/styles/tab/icons/_material-dark.scss +132 -132
- package/styles/tab/icons/_material.scss +132 -132
- package/styles/tab/material-dark.css +7 -2
- package/styles/tab/material.css +7 -2
- package/styles/tailwind-dark.css +0 -0
- package/styles/tailwind-dark.scss +0 -0
- package/styles/tailwind.css +0 -0
- package/styles/tailwind.scss +0 -0
- package/styles/toolbar/_all.scss +2 -2
- package/styles/toolbar/_bootstrap-dark-definition.scss +135 -135
- package/styles/toolbar/_bootstrap-definition.scss +134 -134
- package/styles/toolbar/_bootstrap4-definition.scss +139 -139
- package/styles/toolbar/_fabric-dark-definition.scss +155 -155
- package/styles/toolbar/_fabric-definition.scss +139 -139
- package/styles/toolbar/_highcontrast-definition.scss +149 -149
- package/styles/toolbar/_highcontrast-light-definition.scss +164 -164
- package/styles/toolbar/_layout.scss +1460 -1460
- package/styles/toolbar/_material-dark-definition.scss +180 -180
- package/styles/toolbar/_material-definition.scss +164 -164
- package/styles/toolbar/_theme.scss +451 -451
- package/styles/toolbar/bootstrap-dark.css +0 -1
- package/styles/toolbar/bootstrap.css +0 -1
- package/styles/toolbar/bootstrap.scss +1 -0
- package/styles/toolbar/bootstrap4.css +0 -1
- package/styles/toolbar/fabric-dark.css +0 -1
- package/styles/toolbar/fabric.css +0 -1
- package/styles/toolbar/fabric.scss +1 -0
- package/styles/toolbar/highcontrast-light.css +0 -1
- package/styles/toolbar/highcontrast.css +0 -1
- package/styles/toolbar/highcontrast.scss +1 -0
- package/styles/toolbar/icons/_bootstrap-dark.scss +16 -16
- package/styles/toolbar/icons/_bootstrap.scss +16 -16
- package/styles/toolbar/icons/_bootstrap4.scss +16 -16
- package/styles/toolbar/icons/_fabric-dark.scss +16 -16
- package/styles/toolbar/icons/_fabric.scss +16 -16
- package/styles/toolbar/icons/_highcontrast-light.scss +16 -16
- package/styles/toolbar/icons/_highcontrast.scss +16 -16
- package/styles/toolbar/icons/_material-dark.scss +16 -16
- package/styles/toolbar/icons/_material.scss +16 -16
- package/styles/toolbar/material-dark.css +0 -1
- package/styles/toolbar/material.css +0 -1
- package/styles/toolbar/material.scss +1 -0
- package/styles/treeview/_all.scss +2 -2
- package/styles/treeview/_bootstrap-dark-definition.scss +131 -131
- package/styles/treeview/_bootstrap-definition.scss +127 -127
- package/styles/treeview/_bootstrap4-definition.scss +153 -153
- package/styles/treeview/_fabric-dark-definition.scss +130 -130
- package/styles/treeview/_fabric-definition.scss +126 -126
- package/styles/treeview/_highcontrast-definition.scss +132 -132
- package/styles/treeview/_highcontrast-light-definition.scss +137 -137
- package/styles/treeview/_layout.scss +551 -551
- package/styles/treeview/_material-dark-definition.scss +126 -126
- package/styles/treeview/_material-definition.scss +126 -126
- package/styles/treeview/_theme.scss +331 -331
- package/styles/treeview/bootstrap-dark.css +0 -3
- package/styles/treeview/bootstrap.css +0 -3
- package/styles/treeview/bootstrap4.css +0 -3
- package/styles/treeview/fabric-dark.css +0 -3
- package/styles/treeview/fabric.css +0 -3
- package/styles/treeview/highcontrast-light.css +0 -3
- package/styles/treeview/highcontrast.css +0 -3
- package/styles/treeview/icons/_bootstrap-dark.scss +39 -39
- package/styles/treeview/icons/_bootstrap.scss +39 -39
- package/styles/treeview/icons/_bootstrap4.scss +39 -39
- package/styles/treeview/icons/_fabric-dark.scss +43 -43
- package/styles/treeview/icons/_fabric.scss +43 -43
- package/styles/treeview/icons/_highcontrast-light.scss +43 -43
- package/styles/treeview/icons/_highcontrast.scss +43 -43
- package/styles/treeview/icons/_material-dark.scss +43 -43
- package/styles/treeview/icons/_material.scss +43 -43
- package/styles/treeview/material-dark.css +0 -3
- package/styles/treeview/material.css +9 -3
- package/styles/v-scroll/_all.scss +2 -2
- package/styles/v-scroll/_bootstrap-dark-definition.scss +50 -50
- package/styles/v-scroll/_bootstrap-definition.scss +49 -49
- package/styles/v-scroll/_bootstrap4-definition.scss +49 -49
- package/styles/v-scroll/_fabric-dark-definition.scss +51 -51
- package/styles/v-scroll/_fabric-definition.scss +50 -50
- package/styles/v-scroll/_highcontrast-definition.scss +51 -51
- package/styles/v-scroll/_highcontrast-light-definition.scss +52 -52
- package/styles/v-scroll/_layout.scss +162 -162
- package/styles/v-scroll/_material-dark-definition.scss +78 -78
- package/styles/v-scroll/_material-definition.scss +77 -77
- package/styles/v-scroll/_theme.scss +133 -133
- package/styles/v-scroll/icons/_bootstrap-dark.scss +26 -26
- package/styles/v-scroll/icons/_bootstrap.scss +26 -26
- package/styles/v-scroll/icons/_bootstrap4.scss +26 -26
- package/styles/v-scroll/icons/_fabric-dark.scss +26 -26
- package/styles/v-scroll/icons/_fabric.scss +26 -26
- package/styles/v-scroll/icons/_highcontrast-light.scss +26 -26
- package/styles/v-scroll/icons/_highcontrast.scss +26 -26
- package/styles/v-scroll/icons/_material-dark.scss +26 -26
- package/styles/v-scroll/icons/_material.scss +26 -26
- package/tslint.json +111 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Touch, ScrollEventArgs, TouchEventArgs, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';
|
|
1
|
+
import { Touch, ScrollEventArgs, TouchEventArgs, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';
|
|
2
2
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,9 +7,9 @@ import {ComponentModel} from '@syncfusion/ej2-base';
|
|
|
7
7
|
export interface VScrollModel extends ComponentModel{
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Specifies the up or down scrolling distance of the vertical scrollbar moving.
|
|
11
|
-
* @default null
|
|
12
|
-
*/
|
|
13
|
-
scrollStep?: number;
|
|
10
|
+
* Specifies the up or down scrolling distance of the vertical scrollbar moving.
|
|
11
|
+
* @default null
|
|
12
|
+
*/
|
|
13
|
+
scrollStep?: number;
|
|
14
14
|
|
|
15
15
|
}
|
package/src/common/v-scroll.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
}
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
import { Touch, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';
|
|
21
21
|
import { NotifyPropertyChanges, Property, Browser, detach, createElement as buildTag } from '@syncfusion/ej2-base';
|
|
22
22
|
import { classList, isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { attributes, getUniqueID, Collection, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';
|
|
1
|
+
import { attributes, getUniqueID, Collection, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';
|
|
2
2
|
import {MenuBaseModel} from "../common/menu-base-model";
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,23 +7,23 @@ import {MenuBaseModel} from "../common/menu-base-model";
|
|
|
7
7
|
export interface ContextMenuModel extends MenuBaseModel{
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* Specifies target element selector in which the ContextMenu should be opened.
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
target?: string;
|
|
10
|
+
* Specifies target element selector in which the ContextMenu should be opened.
|
|
11
|
+
* @default ''
|
|
12
|
+
*/
|
|
13
|
+
target?: string;
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* Specifies the filter selector for elements inside the target in that the context menu will be opened.
|
|
17
|
-
* @default ''
|
|
18
|
-
*/
|
|
19
|
-
filter?: string;
|
|
16
|
+
* Specifies the filter selector for elements inside the target in that the context menu will be opened.
|
|
17
|
+
* @default ''
|
|
18
|
+
*/
|
|
19
|
+
filter?: string;
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
|
-
* Specifies menu items with its properties which will be rendered as ContextMenu.
|
|
23
|
-
* @default []
|
|
24
|
-
* @aspType object
|
|
25
|
-
* @blazorType object
|
|
26
|
-
*/
|
|
27
|
-
items?: MenuItemModel[];
|
|
22
|
+
* Specifies menu items with its properties which will be rendered as ContextMenu.
|
|
23
|
+
* @default []
|
|
24
|
+
* @aspType object
|
|
25
|
+
* @blazorType object
|
|
26
|
+
*/
|
|
27
|
+
items?: MenuItemModel[];
|
|
28
28
|
|
|
29
29
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
}
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
/// <reference path='../common/menu-base-model.d.ts'/>
|
|
21
21
|
import { attributes, getUniqueID, Collection, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
|
|
22
22
|
import { getZindexPartial } from '@syncfusion/ej2-popups';
|
package/src/menu/menu-model.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { attributes, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';
|
|
1
|
+
import { attributes, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';
|
|
2
2
|
import {Orientation} from "./menu";
|
|
3
3
|
import {MenuBaseModel} from "../common/menu-base-model";
|
|
4
4
|
|
|
@@ -8,46 +8,46 @@ import {MenuBaseModel} from "../common/menu-base-model";
|
|
|
8
8
|
export interface MenuModel extends MenuBaseModel{
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Specified the orientation of Menu whether it can be horizontal or vertical.
|
|
12
|
-
* @default 'Horizontal'
|
|
13
|
-
*/
|
|
14
|
-
orientation?: Orientation;
|
|
11
|
+
* Specified the orientation of Menu whether it can be horizontal or vertical.
|
|
12
|
+
* @default 'Horizontal'
|
|
13
|
+
*/
|
|
14
|
+
orientation?: Orientation;
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
* Specifies target element to open/close Menu while click in Hamburger mode.
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
target?: string;
|
|
17
|
+
* Specifies target element to open/close Menu while click in Hamburger mode.
|
|
18
|
+
* @default ''
|
|
19
|
+
*/
|
|
20
|
+
target?: string;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
* Specifies the template for Menu item.
|
|
24
|
-
* @default null
|
|
25
|
-
*/
|
|
26
|
-
template?: string;
|
|
23
|
+
* Specifies the template for Menu item.
|
|
24
|
+
* @default null
|
|
25
|
+
*/
|
|
26
|
+
template?: string;
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* Specifies whether to enable / disable the scrollable option in Menu.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
enableScrolling?: boolean;
|
|
29
|
+
* Specifies whether to enable / disable the scrollable option in Menu.
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
enableScrolling?: boolean;
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* Specifies whether to enable / disable the hamburger mode in Menu.
|
|
36
|
-
* @default false
|
|
37
|
-
*/
|
|
38
|
-
hamburgerMode?: boolean;
|
|
35
|
+
* Specifies whether to enable / disable the hamburger mode in Menu.
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
hamburgerMode?: boolean;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Specifies the title text for hamburger mode in Menu.
|
|
42
|
-
* @default 'Menu'
|
|
43
|
-
*/
|
|
44
|
-
title?: string;
|
|
41
|
+
* Specifies the title text for hamburger mode in Menu.
|
|
42
|
+
* @default 'Menu'
|
|
43
|
+
*/
|
|
44
|
+
title?: string;
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
|
-
* Specifies mapping fields from the dataSource.
|
|
48
|
-
* @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",
|
|
49
|
-
* children: "items" }
|
|
50
|
-
*/
|
|
51
|
-
fields?: FieldSettingsModel;
|
|
47
|
+
* Specifies mapping fields from the dataSource.
|
|
48
|
+
* @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",
|
|
49
|
+
* children: "items" }
|
|
50
|
+
*/
|
|
51
|
+
fields?: FieldSettingsModel;
|
|
52
52
|
|
|
53
53
|
}
|
package/src/menu/menu.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
}
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
/// <reference path='../common/menu-base-model.d.ts'/>
|
|
21
21
|
import { attributes, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
|
|
22
22
|
import { Browser, Complex, getUniqueID } from '@syncfusion/ej2-base';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, isBlazor } from '@syncfusion/ej2-base';
|
|
1
|
+
import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, isBlazor } from '@syncfusion/ej2-base';
|
|
2
2
|
import {SidebarPosition,SidebarType,EventArgs,ChangeEventArgs} from "./sidebar";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
@@ -8,178 +8,178 @@ import {ComponentModel} from '@syncfusion/ej2-base';
|
|
|
8
8
|
export interface SidebarModel extends ComponentModel{
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Specifies the size of the Sidebar in dock state.
|
|
12
|
-
* > For more details about dockSize refer to
|
|
13
|
-
* [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
|
|
14
|
-
* @default 'auto'
|
|
15
|
-
*/
|
|
16
|
-
dockSize?: string | number;
|
|
11
|
+
* Specifies the size of the Sidebar in dock state.
|
|
12
|
+
* > For more details about dockSize refer to
|
|
13
|
+
* [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
|
|
14
|
+
* @default 'auto'
|
|
15
|
+
*/
|
|
16
|
+
dockSize?: string | number;
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
|
-
* Specifies the media query string for resolution, which when met opens the Sidebar.
|
|
20
|
-
* ```typescript
|
|
21
|
-
* let defaultSidebar: Sidebar = new Sidebar({
|
|
22
|
-
* mediaQuery:'(min-width: 600px)'
|
|
23
|
-
* });
|
|
24
|
-
* ```
|
|
25
|
-
* > For more details about mediaQuery refer to
|
|
26
|
-
* [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
|
|
27
|
-
* @default null
|
|
28
|
-
* @aspType string
|
|
29
|
-
* @blazorType string
|
|
30
|
-
*/
|
|
31
|
-
mediaQuery?: string | MediaQueryList;
|
|
19
|
+
* Specifies the media query string for resolution, which when met opens the Sidebar.
|
|
20
|
+
* ```typescript
|
|
21
|
+
* let defaultSidebar: Sidebar = new Sidebar({
|
|
22
|
+
* mediaQuery:'(min-width: 600px)'
|
|
23
|
+
* });
|
|
24
|
+
* ```
|
|
25
|
+
* > For more details about mediaQuery refer to
|
|
26
|
+
* [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
|
|
27
|
+
* @default null
|
|
28
|
+
* @aspType string
|
|
29
|
+
* @blazorType string
|
|
30
|
+
*/
|
|
31
|
+
mediaQuery?: string | MediaQueryList;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* Specifies the docking state of the component.
|
|
35
|
-
* > For more details about enableDock refer to
|
|
36
|
-
* [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
|
|
37
|
-
* @default false
|
|
38
|
-
*/
|
|
39
|
-
enableDock?: boolean;
|
|
34
|
+
* Specifies the docking state of the component.
|
|
35
|
+
* > For more details about enableDock refer to
|
|
36
|
+
* [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
39
|
+
enableDock?: boolean;
|
|
40
40
|
|
|
41
41
|
/**
|
|
42
|
-
* Enables the expand or collapse while swiping in touch devices.
|
|
43
|
-
* This is not a sidebar property.
|
|
44
|
-
* @default 'en-US'
|
|
45
|
-
* @private
|
|
46
|
-
*/
|
|
47
|
-
locale?: string;
|
|
42
|
+
* Enables the expand or collapse while swiping in touch devices.
|
|
43
|
+
* This is not a sidebar property.
|
|
44
|
+
* @default 'en-US'
|
|
45
|
+
* @private
|
|
46
|
+
*/
|
|
47
|
+
locale?: string;
|
|
48
48
|
|
|
49
49
|
/**
|
|
50
|
-
* Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
|
|
51
|
-
* 1. Position
|
|
52
|
-
* 2. Type
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
enablePersistence?: boolean;
|
|
50
|
+
* Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
|
|
51
|
+
* 1. Position
|
|
52
|
+
* 2. Type
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
enablePersistence?: boolean;
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
|
-
* Enables the expand or collapse while swiping in touch devices.
|
|
59
|
-
* @default true
|
|
60
|
-
*/
|
|
61
|
-
enableGestures?: boolean;
|
|
58
|
+
* Enables the expand or collapse while swiping in touch devices.
|
|
59
|
+
* @default true
|
|
60
|
+
*/
|
|
61
|
+
enableGestures?: boolean;
|
|
62
62
|
|
|
63
63
|
/**
|
|
64
|
-
* Gets or sets the Sidebar component is open or close.
|
|
65
|
-
* > When the Sidebar type is set to `Auto`,
|
|
66
|
-
* the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
|
|
67
|
-
* @default false
|
|
68
|
-
*/
|
|
69
|
-
isOpen?: boolean;
|
|
64
|
+
* Gets or sets the Sidebar component is open or close.
|
|
65
|
+
* > When the Sidebar type is set to `Auto`,
|
|
66
|
+
* the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
|
|
67
|
+
* @default false
|
|
68
|
+
*/
|
|
69
|
+
isOpen?: boolean;
|
|
70
70
|
|
|
71
71
|
/**
|
|
72
|
-
* Specifies the Sidebar in RTL mode that displays the content in the right-to-left direction.
|
|
73
|
-
* @default false
|
|
74
|
-
*/
|
|
75
|
-
enableRtl?: boolean;
|
|
72
|
+
* Specifies the Sidebar in RTL mode that displays the content in the right-to-left direction.
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
enableRtl?: boolean;
|
|
76
76
|
|
|
77
77
|
/**
|
|
78
|
-
* Enable or disable the animation transitions on expanding or collapsing the Sidebar.
|
|
79
|
-
* @default true
|
|
80
|
-
*/
|
|
81
|
-
animate?: boolean;
|
|
78
|
+
* Enable or disable the animation transitions on expanding or collapsing the Sidebar.
|
|
79
|
+
* @default true
|
|
80
|
+
*/
|
|
81
|
+
animate?: boolean;
|
|
82
82
|
|
|
83
83
|
/**
|
|
84
|
-
* Specifies the height of the Sidebar.
|
|
85
|
-
* @default 'auto'
|
|
86
|
-
* @private
|
|
87
|
-
*/
|
|
88
|
-
height?: string | number;
|
|
84
|
+
* Specifies the height of the Sidebar.
|
|
85
|
+
* @default 'auto'
|
|
86
|
+
* @private
|
|
87
|
+
*/
|
|
88
|
+
height?: string | number;
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
|
-
* Specifies whether the Sidebar need to be closed or not when document area is clicked.
|
|
92
|
-
* @default false
|
|
93
|
-
*/
|
|
94
|
-
closeOnDocumentClick?: boolean;
|
|
91
|
+
* Specifies whether the Sidebar need to be closed or not when document area is clicked.
|
|
92
|
+
* @default false
|
|
93
|
+
*/
|
|
94
|
+
closeOnDocumentClick?: boolean;
|
|
95
95
|
|
|
96
96
|
/**
|
|
97
|
-
* Specifies the position of the Sidebar (Left/Right) corresponding to the main content.
|
|
98
|
-
* > For more details about SidebarPosition refer to
|
|
99
|
-
* [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
|
|
100
|
-
* @default 'Left'
|
|
101
|
-
*/
|
|
102
|
-
position?: SidebarPosition;
|
|
97
|
+
* Specifies the position of the Sidebar (Left/Right) corresponding to the main content.
|
|
98
|
+
* > For more details about SidebarPosition refer to
|
|
99
|
+
* [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
|
|
100
|
+
* @default 'Left'
|
|
101
|
+
*/
|
|
102
|
+
position?: SidebarPosition;
|
|
103
103
|
|
|
104
104
|
/**
|
|
105
|
-
* Allows to place the sidebar inside the target element.
|
|
106
|
-
* > For more details about target refer to
|
|
107
|
-
* [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
|
|
108
|
-
* @default null
|
|
109
|
-
*/
|
|
110
|
-
target?: HTMLElement | string;
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Specifies the whether to apply overlay options to main content when the Sidebar is in an open state.
|
|
114
|
-
* > For more details about showBackdrop refer to
|
|
115
|
-
* [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
|
|
116
|
-
* @default false
|
|
117
|
-
*/
|
|
118
|
-
showBackdrop?: boolean;
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* Specifies the expanding types of the Sidebar.
|
|
122
|
-
* * `Over` - The sidebar floats over the main content area.
|
|
123
|
-
* * `Push` - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
|
|
124
|
-
* * `Slide` - The sidebar translates the x and y positions of main content area based on the sidebar width.
|
|
125
|
-
* The main content area will not be adjusted within the screen width.
|
|
126
|
-
* * `Auto` - Sidebar with `Over` type in mobile resolution and `Push` type in other higher resolutions.
|
|
127
|
-
* > For more details about SidebarType refer to
|
|
128
|
-
* [`SidebarType`](./variations.html#types) documentation.
|
|
129
|
-
* @default 'Auto'
|
|
130
|
-
*/
|
|
131
|
-
type?: SidebarType;
|
|
105
|
+
* Allows to place the sidebar inside the target element.
|
|
106
|
+
* > For more details about target refer to
|
|
107
|
+
* [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
|
|
108
|
+
* @default null
|
|
109
|
+
*/
|
|
110
|
+
target?: HTMLElement | string;
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Specifies the whether to apply overlay options to main content when the Sidebar is in an open state.
|
|
114
|
+
* > For more details about showBackdrop refer to
|
|
115
|
+
* [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
|
|
116
|
+
* @default false
|
|
117
|
+
*/
|
|
118
|
+
showBackdrop?: boolean;
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Specifies the expanding types of the Sidebar.
|
|
122
|
+
* * `Over` - The sidebar floats over the main content area.
|
|
123
|
+
* * `Push` - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
|
|
124
|
+
* * `Slide` - The sidebar translates the x and y positions of main content area based on the sidebar width.
|
|
125
|
+
* The main content area will not be adjusted within the screen width.
|
|
126
|
+
* * `Auto` - Sidebar with `Over` type in mobile resolution and `Push` type in other higher resolutions.
|
|
127
|
+
* > For more details about SidebarType refer to
|
|
128
|
+
* [`SidebarType`](./variations.html#types) documentation.
|
|
129
|
+
* @default 'Auto'
|
|
130
|
+
*/
|
|
131
|
+
type?: SidebarType;
|
|
132
132
|
|
|
133
133
|
/**
|
|
134
|
-
* Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.
|
|
135
|
-
* Width can also be set in pixel values.
|
|
136
|
-
* @default 'auto'
|
|
137
|
-
*/
|
|
138
|
-
width?: string | number;
|
|
134
|
+
* Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.
|
|
135
|
+
* Width can also be set in pixel values.
|
|
136
|
+
* @default 'auto'
|
|
137
|
+
*/
|
|
138
|
+
width?: string | number;
|
|
139
139
|
|
|
140
140
|
/**
|
|
141
|
-
* Specifies the z-index of the Sidebar. It is applicable only when sidebar act as overlay type.
|
|
142
|
-
* @default 1000
|
|
143
|
-
* @aspType double
|
|
144
|
-
* @blazorType double
|
|
145
|
-
*/
|
|
146
|
-
zIndex?: string | number;
|
|
141
|
+
* Specifies the z-index of the Sidebar. It is applicable only when sidebar act as overlay type.
|
|
142
|
+
* @default 1000
|
|
143
|
+
* @aspType double
|
|
144
|
+
* @blazorType double
|
|
145
|
+
*/
|
|
146
|
+
zIndex?: string | number;
|
|
147
147
|
|
|
148
148
|
/**
|
|
149
|
-
* Triggers when component is created.
|
|
150
|
-
* @event
|
|
151
|
-
* @blazorproperty 'Created'
|
|
152
|
-
*/
|
|
153
|
-
created?: EmitType<Object>;
|
|
149
|
+
* Triggers when component is created.
|
|
150
|
+
* @event
|
|
151
|
+
* @blazorproperty 'Created'
|
|
152
|
+
*/
|
|
153
|
+
created?: EmitType<Object>;
|
|
154
154
|
|
|
155
155
|
/**
|
|
156
|
-
* Triggers when component is closed.
|
|
157
|
-
* @event
|
|
158
|
-
* @blazorproperty 'OnClose'
|
|
159
|
-
* @blazorType Syncfusion.EJ2.Blazor.Navigations.EventArgs
|
|
160
|
-
*/
|
|
161
|
-
close?: EmitType<EventArgs>;
|
|
156
|
+
* Triggers when component is closed.
|
|
157
|
+
* @event
|
|
158
|
+
* @blazorproperty 'OnClose'
|
|
159
|
+
* @blazorType Syncfusion.EJ2.Blazor.Navigations.EventArgs
|
|
160
|
+
*/
|
|
161
|
+
close?: EmitType<EventArgs>;
|
|
162
162
|
|
|
163
163
|
/**
|
|
164
|
-
* Triggers when component is opened.
|
|
165
|
-
* @event
|
|
166
|
-
* @blazorproperty 'OnOpen'
|
|
167
|
-
* @blazorType Syncfusion.EJ2.Blazor.Navigations.EventArgs
|
|
168
|
-
*/
|
|
169
|
-
open?: EmitType<EventArgs>;
|
|
164
|
+
* Triggers when component is opened.
|
|
165
|
+
* @event
|
|
166
|
+
* @blazorproperty 'OnOpen'
|
|
167
|
+
* @blazorType Syncfusion.EJ2.Blazor.Navigations.EventArgs
|
|
168
|
+
*/
|
|
169
|
+
open?: EmitType<EventArgs>;
|
|
170
170
|
|
|
171
171
|
/**
|
|
172
|
-
* Triggers when the state(expand/collapse) of the component is changed.
|
|
173
|
-
* @event
|
|
174
|
-
* @blazorproperty 'Changed'
|
|
175
|
-
*/
|
|
176
|
-
change?: EmitType<ChangeEventArgs>;
|
|
172
|
+
* Triggers when the state(expand/collapse) of the component is changed.
|
|
173
|
+
* @event
|
|
174
|
+
* @blazorproperty 'Changed'
|
|
175
|
+
*/
|
|
176
|
+
change?: EmitType<ChangeEventArgs>;
|
|
177
177
|
|
|
178
178
|
/**
|
|
179
|
-
* Triggers when component gets destroyed.
|
|
180
|
-
* @event
|
|
181
|
-
* @blazorproperty 'Destroyed'
|
|
182
|
-
*/
|
|
183
|
-
destroyed?: EmitType<Object>;
|
|
179
|
+
* Triggers when component gets destroyed.
|
|
180
|
+
* @event
|
|
181
|
+
* @blazorproperty 'Destroyed'
|
|
182
|
+
*/
|
|
183
|
+
destroyed?: EmitType<Object>;
|
|
184
184
|
|
|
185
185
|
}
|
package/src/sidebar/sidebar.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
}
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, isBlazor } from '@syncfusion/ej2-base';
|
|
21
21
|
import { Property, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';
|
|
22
22
|
import { setStyleAttribute as setStyle, addClass, removeClass, Touch } from '@syncfusion/ej2-base';
|