@syncfusion/ej2-angular-splitbuttons 26.1.35 → 26.2.4-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-splitbuttons.es5.js +565 -0
- package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-splitbuttons.js +516 -0
- package/@syncfusion/ej2-angular-splitbuttons.js.map +1 -0
- package/dist/ej2-angular-splitbuttons.umd.js +603 -0
- package/dist/ej2-angular-splitbuttons.umd.js.map +1 -0
- package/dist/ej2-angular-splitbuttons.umd.min.js +11 -0
- package/dist/ej2-angular-splitbuttons.umd.min.js.map +1 -0
- package/ej2-angular-splitbuttons.d.ts +7 -0
- package/ej2-angular-splitbuttons.metadata.json +1 -0
- package/license +10 -0
- package/package.json +15 -29
- package/schematics/collection.json +0 -15
- package/src/drop-down-button/dropdownbutton-all.module.d.ts +0 -6
- package/src/drop-down-button/dropdownbutton.component.d.ts +0 -3
- package/src/drop-down-button/dropdownbutton.module.d.ts +0 -7
- package/src/drop-down-button/items.directive.d.ts +0 -5
- package/src/progress-button/progressbutton-all.module.d.ts +0 -6
- package/src/progress-button/progressbutton.component.d.ts +0 -3
- package/src/progress-button/progressbutton.module.d.ts +0 -6
- package/src/split-button/items.directive.d.ts +0 -5
- package/src/split-button/splitbutton-all.module.d.ts +0 -6
- package/src/split-button/splitbutton.component.d.ts +0 -3
- package/src/split-button/splitbutton.module.d.ts +0 -7
- package/styles/button-group/fluent2.css +34 -34
- package/styles/drop-down-button/fluent2.css +34 -34
- package/styles/fluent2.css +132 -136
- package/styles/progress-button/fluent2.css +30 -34
- package/styles/split-button/fluent2.css +34 -34
- package/CHANGELOG.md +0 -270
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +0 -23
- package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +0 -64
- package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +0 -34
- package/esm2020/src/drop-down-button/items.directive.mjs +0 -46
- package/esm2020/src/index.mjs +0 -13
- package/esm2020/src/progress-button/progressbutton-all.module.mjs +0 -23
- package/esm2020/src/progress-button/progressbutton.component.mjs +0 -59
- package/esm2020/src/progress-button/progressbutton.module.mjs +0 -25
- package/esm2020/src/split-button/items.directive.mjs +0 -46
- package/esm2020/src/split-button/splitbutton-all.module.mjs +0 -23
- package/esm2020/src/split-button/splitbutton.component.mjs +0 -64
- package/esm2020/src/split-button/splitbutton.module.mjs +0 -34
- package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +0 -403
- package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -403
- package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
- package/schematics/generators/dropdownbutton-default/index.d.ts +0 -3
- package/schematics/generators/dropdownbutton-default/index.js +0 -8
- package/schematics/generators/dropdownbutton-default/index.ts +0 -8
- package/schematics/generators/dropdownbutton-default/sample-details.d.ts +0 -5
- package/schematics/generators/dropdownbutton-default/sample-details.js +0 -7
- package/schematics/generators/dropdownbutton-default/sample-details.ts +0 -5
- package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -49
- package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -18
- package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -32
- package/schematics/generators/dropdownbutton-default/schema.d.ts +0 -3
- package/schematics/generators/dropdownbutton-default/schema.js +0 -2
- package/schematics/generators/dropdownbutton-default/schema.json +0 -125
- package/schematics/generators/dropdownbutton-default/schema.ts +0 -3
- package/schematics/generators/progressbutton-default/index.d.ts +0 -3
- package/schematics/generators/progressbutton-default/index.js +0 -8
- package/schematics/generators/progressbutton-default/index.ts +0 -8
- package/schematics/generators/progressbutton-default/sample-details.d.ts +0 -5
- package/schematics/generators/progressbutton-default/sample-details.js +0 -7
- package/schematics/generators/progressbutton-default/sample-details.ts +0 -5
- package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -47
- package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -53
- package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -32
- package/schematics/generators/progressbutton-default/schema.d.ts +0 -3
- package/schematics/generators/progressbutton-default/schema.js +0 -2
- package/schematics/generators/progressbutton-default/schema.json +0 -125
- package/schematics/generators/progressbutton-default/schema.ts +0 -3
- package/schematics/generators/splitbutton-default/index.d.ts +0 -3
- package/schematics/generators/splitbutton-default/index.js +0 -8
- package/schematics/generators/splitbutton-default/index.ts +0 -8
- package/schematics/generators/splitbutton-default/sample-details.d.ts +0 -5
- package/schematics/generators/splitbutton-default/sample-details.js +0 -7
- package/schematics/generators/splitbutton-default/sample-details.ts +0 -5
- package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -37
- package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -18
- package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -39
- package/schematics/generators/splitbutton-default/schema.d.ts +0 -3
- package/schematics/generators/splitbutton-default/schema.js +0 -2
- package/schematics/generators/splitbutton-default/schema.json +0 -125
- package/schematics/generators/splitbutton-default/schema.ts +0 -3
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
- package/syncfusion-ej2-angular-splitbuttons.d.ts +0 -5
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
table {
|
|
2
|
-
border-collapse: collapse;
|
|
3
|
-
border-radius: 0;
|
|
4
|
-
margin: 20px auto;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
table td {
|
|
8
|
-
padding: 50px;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@font-face {
|
|
12
|
-
font-family: 'e-ddb-icons';
|
|
13
|
-
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
|
|
14
|
-
font-weight: normal;
|
|
15
|
-
font-style: normal;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.e-ddb-icons {
|
|
19
|
-
font-family: 'e-ddb-icons';
|
|
20
|
-
speak: none;
|
|
21
|
-
font-size: 55px;
|
|
22
|
-
font-style: normal;
|
|
23
|
-
font-weight: normal;
|
|
24
|
-
font-variant: normal;
|
|
25
|
-
text-transform: none;
|
|
26
|
-
line-height: 1;
|
|
27
|
-
-webkit-font-smoothing: antialiased;
|
|
28
|
-
-moz-osx-font-smoothing: grayscale;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.e-logout::before {
|
|
32
|
-
content: "\e706";
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.e-dashboard::before {
|
|
36
|
-
content: "\e708";
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.e-profile::before {
|
|
40
|
-
content: "\e709";
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.e-notifications::before {
|
|
44
|
-
content: "\e707";
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.e-settings::before {
|
|
48
|
-
content: "\e705";
|
|
49
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<table id="dropdownbtn">
|
|
2
|
-
<tbody>
|
|
3
|
-
<tr>
|
|
4
|
-
<td>
|
|
5
|
-
<button ejs-dropdownbutton [items]='items' iconCss="e-ddb-icons e-profile"></button>
|
|
6
|
-
</td>
|
|
7
|
-
<td class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
|
|
8
|
-
<button ejs-dropdownbutton [items]='items' content="Profile"></button>
|
|
9
|
-
</td>
|
|
10
|
-
<td class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
|
|
11
|
-
<button ejs-dropdownbutton [items]='items' content="Profile" iconCss="e-ddb-icons e-profile"></button>
|
|
12
|
-
</td>
|
|
13
|
-
<td class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
|
|
14
|
-
<button ejs-dropdownbutton [items]='items' content="Profile" cssClass="e-caret-hide"></button>
|
|
15
|
-
</td>
|
|
16
|
-
</tr>
|
|
17
|
-
</tbody>
|
|
18
|
-
<table>
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { ItemModel } from '@syncfusion/ej2-angular-splitbuttons';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* DropDownButton Controller
|
|
6
|
-
*/
|
|
7
|
-
@Component({
|
|
8
|
-
selector: '<%=dasherize(selector)%>',
|
|
9
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
|
10
|
-
styleUrls: ['<%=dasherize(name)%>.component.css']
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
export class <%= classify(name) %>Component {
|
|
14
|
-
//DropDownButton items definition
|
|
15
|
-
public items: ItemModel[] = [
|
|
16
|
-
{
|
|
17
|
-
text: 'Dashboard',
|
|
18
|
-
iconCss: 'e-ddb-icons e-dashboard'
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
text: 'Notifications',
|
|
22
|
-
iconCss: 'e-ddb-icons e-notifications',
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
text: 'User Settings',
|
|
26
|
-
iconCss: 'e-ddb-icons e-settings',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
text: 'Log Out',
|
|
30
|
-
iconCss: 'e-ddb-icons e-logout'
|
|
31
|
-
}];
|
|
32
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "dropdownbutton-default",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "dropdownbutton-default"
|
|
125
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
4
|
-
const sampleDetails = require("./sample-details");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
return schematics_1.componentBuilder(options, sampleDetails);
|
|
7
|
-
}
|
|
8
|
-
exports.default = default_1;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Rule } from '@angular-devkit/schematics';
|
|
2
|
-
import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
|
|
3
|
-
import { Schema } from './schema';
|
|
4
|
-
import * as sampleDetails from './sample-details';
|
|
5
|
-
|
|
6
|
-
export default function (options: Schema): Rule {
|
|
7
|
-
return componentBuilder(options, sampleDetails);
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.componentName = 'progressbutton';
|
|
4
|
-
exports.sampleName = 'default';
|
|
5
|
-
exports.diModules = null;
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-splitbuttons';
|
|
7
|
-
exports.libModules = 'ProgressButtonModule';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export const componentName: string = 'progressbutton';
|
|
2
|
-
export const sampleName: string = 'default';
|
|
3
|
-
export const diModules: string = null;
|
|
4
|
-
export const packageName: string = '@syncfusion/ej2-angular-splitbuttons';
|
|
5
|
-
export const libModules: string = 'ProgressButtonModule';
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
table {
|
|
2
|
-
border-collapse: collapse;
|
|
3
|
-
border-radius: 0;
|
|
4
|
-
margin: 20px auto;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
table td {
|
|
8
|
-
padding: 50px;
|
|
9
|
-
text-align: center;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@font-face {
|
|
13
|
-
font-family: "button-icons";
|
|
14
|
-
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
|
|
15
|
-
font-weight: normal;
|
|
16
|
-
font-style: normal;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.e-btn-sb-icons {
|
|
20
|
-
font-family: "button-icons" !important;
|
|
21
|
-
speak: none;
|
|
22
|
-
font-size: 55px;
|
|
23
|
-
font-style: normal;
|
|
24
|
-
font-weight: normal;
|
|
25
|
-
font-variant: normal;
|
|
26
|
-
text-transform: none;
|
|
27
|
-
line-height: 1;
|
|
28
|
-
-webkit-font-smoothing: antialiased;
|
|
29
|
-
-moz-osx-font-smoothing: grayscale;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
#contract.e-progress-active .e-btn-content {
|
|
33
|
-
display: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
#contract {
|
|
37
|
-
transition: all .3s cubic-bezier(.175, .885, .32, 1) 100ms;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.e-play-icon::before {
|
|
41
|
-
content: '\e701';
|
|
42
|
-
font-size: 12px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.e-download-icon::before {
|
|
46
|
-
content: '\e702';
|
|
47
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<table>
|
|
2
|
-
<tbody>
|
|
3
|
-
<tr>
|
|
4
|
-
<td>
|
|
5
|
-
<button ejs-progressbutton content="Spin Left" [isPrimary]="true"></button>
|
|
6
|
-
</td>
|
|
7
|
-
<td>
|
|
8
|
-
<button ejs-progressbutton content="Spin Right" [isPrimary]="true" [spinSettings]="spinRight"></button>
|
|
9
|
-
</td>
|
|
10
|
-
<td>
|
|
11
|
-
<button ejs-progressbutton content="Spin Top" [isPrimary]="true" [spinSettings]="spinTop"></button>
|
|
12
|
-
</td>
|
|
13
|
-
<td>
|
|
14
|
-
<button ejs-progressbutton content="Spin Bottom" [isPrimary]="true" [spinSettings]="spinBottom"></button>
|
|
15
|
-
</td>
|
|
16
|
-
</tr>
|
|
17
|
-
<tr>
|
|
18
|
-
<td>
|
|
19
|
-
<button ejs-progressbutton id="roundbtn" [spinSettings]="spinCenter" [animationSettings]="zoomOut" cssClass="e-round e-small e-success"
|
|
20
|
-
iconCss="e-btn-sb-icons e-play-icon"></button>
|
|
21
|
-
</td>
|
|
22
|
-
<td>
|
|
23
|
-
<button #contractBtn ejs-progressbutton id="contract" content="Contract" [enableProgress]="true" cssClass="e-success e-small" (begin)="contractBegin()"
|
|
24
|
-
(end)="contractEnd()"></button>
|
|
25
|
-
</td>
|
|
26
|
-
<td>
|
|
27
|
-
<button ejs-progressbutton content="Slide Left" [enableProgress]="true" [spinSettings]="spinCenter" [animationSettings]="slideLeft"
|
|
28
|
-
cssClass="e-flat e-success"></button>
|
|
29
|
-
</td>
|
|
30
|
-
<td>
|
|
31
|
-
<button ejs-progressbutton content="Slide Right" [enableProgress]="true" [spinSettings]="spinCenter" [animationSettings]="slideRight"
|
|
32
|
-
cssClass="e-outline e-success"></button>
|
|
33
|
-
</td>
|
|
34
|
-
</tr>
|
|
35
|
-
<tr>
|
|
36
|
-
<td>
|
|
37
|
-
<button ejs-progressbutton content="Zoom In" [enableProgress]="true" [spinSettings]="spinCenter" [animationSettings]="zoomIn"
|
|
38
|
-
cssClass="e-round-corner e-danger"></button>
|
|
39
|
-
</td>
|
|
40
|
-
<td>
|
|
41
|
-
<button ejs-progressbutton content="Zoom Out" [enableProgress]="true" [spinSettings]="spinCenter" [animationSettings]="zoomOut"
|
|
42
|
-
cssClass="e-small e-danger"></button>
|
|
43
|
-
</td>
|
|
44
|
-
<td>
|
|
45
|
-
<button ejs-progressbutton content="Download" [enableProgress]="true" duration=4000 cssClass="e-hide-spinner e-progress-top"
|
|
46
|
-
iconCss="e-btn-sb-icons e-download-icon"></button>
|
|
47
|
-
</td>
|
|
48
|
-
<td>
|
|
49
|
-
<button ejs-progressbutton content="Disabled" [disabled]="true"></button>
|
|
50
|
-
</td>
|
|
51
|
-
</tr>
|
|
52
|
-
</tbody>
|
|
53
|
-
</table>
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild } from '@angular/core';
|
|
2
|
-
import { ProgressButton, SpinSettings, AnimationSettings } from '@syncfusion/ej2-angular-splitbuttons';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Toolbar integration Menu Controller
|
|
6
|
-
*/
|
|
7
|
-
@Component({
|
|
8
|
-
selector: '<%=dasherize(selector)%>',
|
|
9
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
|
10
|
-
styleUrls: ['<%=dasherize(name)%>.component.css']
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
export class <%= classify(name) %>Component {
|
|
14
|
-
@ViewChild('contractBtn')
|
|
15
|
-
public contractBtn: ProgressButton;
|
|
16
|
-
public spinRight: SpinSettings = { position: 'Right' };
|
|
17
|
-
public spinTop: SpinSettings = { position: 'Top' };
|
|
18
|
-
public spinBottom: SpinSettings = { position: 'Bottom' };
|
|
19
|
-
public spinCenter: SpinSettings = { position: 'Center' };
|
|
20
|
-
public zoomOut: AnimationSettings = { effect: 'ZoomOut' };
|
|
21
|
-
public slideLeft: AnimationSettings = { effect: 'SlideLeft' };
|
|
22
|
-
public slideRight: AnimationSettings = { effect: 'SlideRight' };
|
|
23
|
-
public zoomIn: AnimationSettings = { effect: 'ZoomIn' };
|
|
24
|
-
|
|
25
|
-
public contractBegin() {
|
|
26
|
-
this.contractBtn.element.classList.add('e-round');
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
public contractEnd() {
|
|
30
|
-
this.contractBtn.element.classList.remove('e-round');
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "progressbutton-default",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "progressbutton-default"
|
|
125
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
4
|
-
const sampleDetails = require("./sample-details");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
return schematics_1.componentBuilder(options, sampleDetails);
|
|
7
|
-
}
|
|
8
|
-
exports.default = default_1;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Rule } from '@angular-devkit/schematics';
|
|
2
|
-
import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
|
|
3
|
-
import { Schema } from './schema';
|
|
4
|
-
import * as sampleDetails from './sample-details';
|
|
5
|
-
|
|
6
|
-
export default function (options: Schema): Rule {
|
|
7
|
-
return componentBuilder(options, sampleDetails);
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.componentName = 'splitbutton';
|
|
4
|
-
exports.sampleName = 'default';
|
|
5
|
-
exports.diModules = null;
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-splitbuttons';
|
|
7
|
-
exports.libModules = 'SplitButtonModule';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export const componentName: string = 'splitbutton';
|
|
2
|
-
export const sampleName: string = 'default';
|
|
3
|
-
export const diModules: string = null;
|
|
4
|
-
export const packageName: string = '@syncfusion/ej2-angular-splitbuttons';
|
|
5
|
-
export const libModules: string = 'SplitButtonModule';
|