@progress/kendo-common-tasks 7.7.1-esbuild.16

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.
Files changed (76) hide show
  1. package/CHANGELOG.md +1027 -0
  2. package/README.md +10 -0
  3. package/bin/ci-commit-snapshots +66 -0
  4. package/bin/ci-semantic-release +44 -0
  5. package/bin/ci-utils +25 -0
  6. package/docs-layout.hbs +48 -0
  7. package/docs-public/bootstrap.css +6759 -0
  8. package/docs-public/bootstrap.min.js +7 -0
  9. package/docs-public/codemirror/clike.min.js +1 -0
  10. package/docs-public/codemirror/codemirror.min.js +5 -0
  11. package/docs-public/codemirror/css.min.js +1 -0
  12. package/docs-public/codemirror/htmlmixed.min.js +1 -0
  13. package/docs-public/codemirror/javascript.min.js +1 -0
  14. package/docs-public/codemirror/jsx.min.js +1 -0
  15. package/docs-public/codemirror/php.min.js +1 -0
  16. package/docs-public/codemirror/runmode.min.js +1 -0
  17. package/docs-public/codemirror/xml.min.js +1 -0
  18. package/docs-public/docs.css +209 -0
  19. package/docs-public/docs.scss +254 -0
  20. package/docs-public/editor/angular/app/app.component.ts +3 -0
  21. package/docs-public/editor/angular/app/app.module.ts +14 -0
  22. package/docs-public/editor/angular/index.html +32 -0
  23. package/docs-public/editor/angular/main.ts +15 -0
  24. package/docs-public/editor/angular/polyfills.ts +73 -0
  25. package/docs-public/editor/angular/styles.css +13 -0
  26. package/docs-public/editor/builder/app/app.component.html +1 -0
  27. package/docs-public/editor/builder/app/app.component.ts +17 -0
  28. package/docs-public/editor/builder/app/app.css +449 -0
  29. package/docs-public/editor/builder/app/app.module.ts +53 -0
  30. package/docs-public/editor/builder/app/core/core.module.ts +19 -0
  31. package/docs-public/editor/builder/app/core/data/data-services.exports.ts +71 -0
  32. package/docs-public/editor/builder/app/core/data/data.service.ts +183 -0
  33. package/docs-public/editor/builder/app/core/data/odata-service-factory.ts +23 -0
  34. package/docs-public/editor/builder/app/core/data/odata.service.ts +88 -0
  35. package/docs-public/editor/builder/app/core/module.config.ts +19 -0
  36. package/docs-public/editor/builder/app/data/odata-provider/customer.config.ts +17 -0
  37. package/docs-public/editor/builder/app/data/odata-provider/customer.model.ts +17 -0
  38. package/docs-public/editor/builder/app/grid-demo.base.component.ts +107 -0
  39. package/docs-public/editor/builder/app/grid-demo.component.html +37 -0
  40. package/docs-public/editor/builder/app/grid-demo.component.ts +1 -0
  41. package/docs-public/editor/builder/app/shared/components/grid/grid.component.html +5 -0
  42. package/docs-public/editor/builder/app/shared/components/grid/grid.component.ts +243 -0
  43. package/docs-public/editor/builder/app/shared/services/grid-incell-editing.service.ts +120 -0
  44. package/docs-public/editor/builder/app/topSection.html +12 -0
  45. package/docs-public/editor/builder/app/topSection.ts +25 -0
  46. package/docs-public/editor/builder/assets/themes/metro.css +18877 -0
  47. package/docs-public/editor/builder/index.html +14 -0
  48. package/docs-public/editor/builder/main.ts +14 -0
  49. package/docs-public/editor/builder/polyfills.ts +67 -0
  50. package/docs-public/editor/builder/styles.css +1 -0
  51. package/docs-public/editor/builder/tsconfig.app.json +13 -0
  52. package/docs-public/editor/builder/typings.d.ts +5 -0
  53. package/docs-public/editor/react/app/main.jsx +6 -0
  54. package/docs-public/editor/react/index.html +32 -0
  55. package/docs-public/editor/vue/app/main.js +5 -0
  56. package/docs-public/editor/vue/index.html +29 -0
  57. package/docs-public/example-runner.js +802 -0
  58. package/docs-public/github.css +99 -0
  59. package/docs-public/snippets.js +1722 -0
  60. package/docs-public/tomorrow-night.css +75 -0
  61. package/docs-server.js +153 -0
  62. package/index.js +305 -0
  63. package/lint-slugs.js +25 -0
  64. package/markdown-serve/index.js +10 -0
  65. package/markdown-serve/parser.js +234 -0
  66. package/markdown-serve/resolver.js +86 -0
  67. package/markdown-serve/server.js +370 -0
  68. package/package.json +95 -0
  69. package/progress-kendo-common-tasks-7.7.0.tgz +0 -0
  70. package/stub-loader.js +3 -0
  71. package/systemjs-bundle/systemjs-bundle.template.js +16 -0
  72. package/systemjs-bundle/task.js +37 -0
  73. package/tasks/package-metadata.js +68 -0
  74. package/test/jest-setup.js +2 -0
  75. package/test/snippets.test.js +373 -0
  76. package/verify-modules.js +60 -0
package/docs-public/editor/angular/app/app.component.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Component } from '@angular/core';
2
+
3
+ #= appComponentContent.replace(/^\s*class AppComponent/m, 'export class AppComponent') #
package/docs-public/editor/angular/app/app.module.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { NgModule } from '@angular/core';
2
+ #= appImports #
3
+
4
+ import 'hammerjs';
5
+
6
+ import { AppComponent } from './app.component';
7
+
8
+ @NgModule({
9
+ imports: [ #= appModuleImports # ],
10
+ declarations: [ AppComponent ],
11
+ bootstrap: [ AppComponent ]
12
+ })
13
+
14
+ export class AppModule { }
package/docs-public/editor/angular/index.html ADDED
@@ -0,0 +1,32 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Kendo UI for Angular Example Application</title>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+
8
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
9
+ <link rel="stylesheet" href="#: data.npmUrl #/@progress/kendo-theme-#: theme || 'default' #@#: data.npmChannel #/dist/all.css" />
10
+
11
+ <style>
12
+ body { font-family: "RobotoRegular",Helvetica,Arial,sans-serif; font-size: 14px; margin: 0; }
13
+ my-app { display: block; box-sizing: border-box; padding: 30px; }
14
+ my-app > .k-icon.k-i-loading { font-size: 64px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
15
+ .example-wrapper { min-height: 280px; align-content: flex-start; }
16
+ .example-wrapper p, .example-col p { margin: 0 0 10px; }
17
+ .example-wrapper p:first-child, .example-col p:first-child { margin-top: 0; }
18
+ .example-col { display: inline-block; vertical-align: top; padding-right: 20px; padding-bottom: 20px; }
19
+ .example-config { margin: 0 0 20px; padding: 20px; background-color: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.08); }
20
+ .event-log { margin: 0; padding: 0; max-height: 100px; overflow-y: auto; list-style-type: none; border: 1px solid rgba(0,0,0,.08); background-color: \\#fff; }
21
+ .event-log li {margin: 0; padding: .3em; line-height: 1.2em; border-bottom: 1px solid rgba(0,0,0,.08); }
22
+ .event-log li:last-child { margin-bottom: -1px;}
23
+ </style>
24
+ </head>
25
+
26
+ <body>
27
+ <my-app>
28
+ <span class="k-icon k-i-loading" style="color: #: themeAccent || '\\#ff6358' #"></span>
29
+ </my-app>
30
+ #= htmlContent || "" #
31
+ </body>
32
+ </html>
package/docs-public/editor/angular/main.ts ADDED
@@ -0,0 +1,15 @@
1
+ import './polyfills';
2
+
3
+ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
4
+
5
+ import { AppModule } from './app/app.module';
6
+
7
+ platformBrowserDynamic().bootstrapModule(AppModule, { preserveWhitespaces: true }).then(ref => {
8
+ // Ensure Angular destroys itself on hot reloads.
9
+ if (window['ngRef']) {
10
+ window['ngRef'].destroy();
11
+ }
12
+ window['ngRef'] = ref;
13
+
14
+ // Otherise, log the boot error
15
+ }).catch(err => console.error(err));
package/docs-public/editor/angular/polyfills.ts ADDED
@@ -0,0 +1,73 @@
1
+ /**
2
+ * This file includes polyfills needed by Angular and is loaded before the app.
3
+ * You can add your own extra polyfills to this file.
4
+ *
5
+ * This file is divided into 2 sections:
6
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8
+ * file.
9
+ *
10
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13
+ *
14
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
15
+ */
16
+
17
+ /***************************************************************************************************
18
+ * BROWSER POLYFILLS
19
+ */
20
+
21
+ /** IE9, IE10 and IE11 requires all of the following polyfills. **/
22
+ import 'core-js/es6/symbol';
23
+ import 'core-js/es6/object';
24
+ import 'core-js/es6/function';
25
+ import 'core-js/es6/parse-int';
26
+ import 'core-js/es6/parse-float';
27
+ import 'core-js/es6/number';
28
+ import 'core-js/es6/math';
29
+ import 'core-js/es6/string';
30
+ import 'core-js/es6/date';
31
+ import 'core-js/es6/array';
32
+ import 'core-js/es6/regexp';
33
+ import 'core-js/es6/map';
34
+ import 'core-js/es6/set';
35
+
36
+ /** IE10 and IE11 requires the following for NgClass support on SVG elements */
37
+ // import 'classlist.js'; // Run `npm install --save classlist.js`.
38
+
39
+ /** IE10 and IE11 requires the following to support `@angular/animation`. */
40
+ import 'web-animations-js';
41
+
42
+
43
+ // polyfill for @angular/animations
44
+ // https://github.com/angular/angular/issues/24769
45
+ if (!Element.prototype.matches) {
46
+ Element.prototype.matches = (<any> Element).prototype.msMatchesSelector;
47
+ }
48
+
49
+ /** Evergreen browsers require these. **/
50
+ import 'core-js/es6/reflect';
51
+ import 'core-js/es7/reflect';
52
+
53
+
54
+ /** ALL Firefox browsers require the following to support `@angular/animation`. **/
55
+ // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
56
+
57
+
58
+
59
+ /***************************************************************************************************
60
+ * Zone JS is required by Angular itself.
61
+ */
62
+ import 'zone.js/dist/zone'; // Included with Angular CLI.
63
+
64
+
65
+ /***************************************************************************************************
66
+ * APPLICATION IMPORTS
67
+ */
68
+
69
+ /**
70
+ * Date, currency, decimal and percent pipes.
71
+ * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
72
+ */
73
+ // import 'intl'; // Run `npm install --save intl`.
package/docs-public/editor/angular/styles.css ADDED
@@ -0,0 +1,13 @@
1
+ /* Kendo UI example application styles */
2
+ html, body { margin: 0; padding: 0; height: 100%; }
3
+ body { font-family: "RobotoRegular",Helvetica,Arial,sans-serif; font-size: 14px; margin: 0; }
4
+ my-app { display: block; box-sizing: border-box; padding: 30px; }
5
+ my-app > .k-icon.k-i-loading { font-size: 64px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
6
+ .example-wrapper { min-height: 280px; align-content: flex-start; }
7
+ .example-wrapper p, .example-col p { margin: 0 0 10px; }
8
+ .example-wrapper p:first-child, .example-col p:first-child { margin-top: 0; }
9
+ .example-col { display: inline-block; vertical-align: top; padding-right: 20px; padding-bottom: 20px; }
10
+ .example-config { margin: 0 0 20px; padding: 20px; background-color: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.08); }
11
+ .event-log { margin: 0; padding: 0; max-height: 100px; overflow-y: auto; list-style-type: none; border: 1px solid rgba(0,0,0,.08); background-color: \\#fff; }
12
+ .event-log li {margin: 0; padding: .3em; line-height: 1.2em; border-bottom: 1px solid rgba(0,0,0,.08); }
13
+ .event-log li:last-child { margin-bottom: -1px;}
package/docs-public/editor/builder/app/app.component.html ADDED
@@ -0,0 +1 @@
1
+ <router-outlet></router-outlet>
package/docs-public/editor/builder/app/app.component.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { Component, ViewEncapsulation } from '@angular/core';
2
+
3
+ @Component({
4
+ selector: 'app-root',
5
+ encapsulation: ViewEncapsulation.None,
6
+ templateUrl: './app.component.html',
7
+ styles: [
8
+ '@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css"',
9
+ '@import "https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"'
10
+ ],
11
+ styleUrls: [
12
+ './../assets/themes/metro.css',
13
+ './app.css'
14
+ ]
15
+ })
16
+ export class AppComponent {
17
+ }
package/docs-public/editor/builder/app/app.css ADDED
@@ -0,0 +1,449 @@
1
+ /*
2
+ * Auto-generated
3
+ * Do not edit!!!
4
+ */
5
+
6
+ /* Normalize */
7
+
8
+ html,
9
+ body {
10
+ height: 100%;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+
15
+ body {
16
+ font: normal 14px/1 "RobotoRegular", Helvetica, Arial, sans-serif;
17
+ color: #4f5d6c;
18
+ background-color: #f4f6f7;
19
+ }
20
+
21
+ h3 {
22
+ margin: 0
23
+ }
24
+
25
+ ul {
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+
30
+ /* User Drop Down */
31
+
32
+ .user-drop-down-wrapper {
33
+ width: 100px;
34
+ }
35
+
36
+ .user-drop-down {
37
+ cursor: pointer;
38
+ }
39
+
40
+ .user-drop-down .k-i-user {
41
+ font-size: 32px;
42
+ text-align: center;
43
+ width: 1.25em;
44
+ line-height: 1.25;
45
+ border-radius: 100%;
46
+ }
47
+
48
+ .user-drop-down .k-i-arrow-chevron-down {
49
+ margin-left: auto;
50
+ font-size: 16px;
51
+ }
52
+
53
+ .logout-tooltip {
54
+ position: absolute;
55
+ top: 50px;
56
+ right: 0;
57
+ width: 150px;
58
+ padding: 10px;
59
+ box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, .1);
60
+ }
61
+
62
+ .logout .k-icon:hover {
63
+ color: inherit;
64
+ }
65
+
66
+ .logout .k-i-logout {
67
+ margin-right: 15px;
68
+ }
69
+
70
+ /* General layout */
71
+
72
+ .kb-main-wrapper {
73
+ display: flex;
74
+ flex-flow: column;
75
+ height: 100vh;
76
+ }
77
+
78
+ .kb-header-content-wrapper {
79
+ flex: 1;
80
+ }
81
+
82
+ .kb-content,
83
+ .kb-side-navigation {
84
+ flex-basis: auto;
85
+ max-width: 100%;
86
+ }
87
+
88
+ .kb-content {
89
+ width: calc(100% - 200px);
90
+ display: flex;
91
+ padding-top: 15px;
92
+ overflow: auto;
93
+ flex-flow: column;
94
+ }
95
+
96
+ .kb-header {
97
+ display: flex;
98
+ height: 50px;
99
+ z-index: 1000;
100
+ box-shadow: 0 0 4px rgba(0, 0, 0, .7);
101
+ }
102
+
103
+ .kb-header>[class^="col-"] {
104
+ display: flex;
105
+ align-items: center;
106
+ }
107
+
108
+ .kb-header .kb-logo {
109
+ flex-shrink: 0;
110
+ }
111
+
112
+ .kb-header .kb-logo,
113
+ .kb-header .kb-languages {
114
+ width: 200px;
115
+ }
116
+
117
+ .kb-header .kb-col-placeholder {
118
+ flex: 1;
119
+ }
120
+
121
+ .kb-header .kb-login {
122
+ width: 100px;
123
+ }
124
+
125
+ .kb-languages kb-languages-drop-down {
126
+ width: 100%;
127
+ }
128
+
129
+ /* Common */
130
+
131
+ .kb-overlay {
132
+ position: absolute;
133
+ left: 15px;
134
+ right: 13px;
135
+ width: auto !important;
136
+ height: 100% !important;
137
+ opacity: .3;
138
+ }
139
+
140
+ /* Login */
141
+
142
+ .kb-login {
143
+ max-width: 400px;
144
+ margin-top: 150px;
145
+ padding-bottom: 15px;
146
+ box-shadow: 0 0 7px rgba(0, 0, 0, .2);
147
+ }
148
+
149
+ .kb-login-header {
150
+ display: flex;
151
+ align-items: center;
152
+ }
153
+
154
+ .kb-provider-name {
155
+ color: #00b1d0;
156
+ }
157
+
158
+ .kb-login img {
159
+ margin-right: 15px;
160
+ }
161
+
162
+ .kb-login .k-form {
163
+ padding: 0 0 16px;
164
+ }
165
+
166
+ .kb-login .k-primary {
167
+ width: 100%;
168
+ }
169
+
170
+ .kb-login .k-notification-wrap {
171
+ white-space: normal;
172
+ }
173
+
174
+ /* Navigation Panelbar */
175
+
176
+ .kb-side-navigation {
177
+ display: flex;
178
+ width: 200px;
179
+ padding: 0;
180
+ transition: width 400ms cubic-bezier(1, 0, 0, 1);
181
+ }
182
+
183
+ .kb-side-navigation .k-panelbar {
184
+ position: absolute;
185
+ z-index: 1000;
186
+ top: 0;
187
+ bottom: 0;
188
+ width: 200px;
189
+ overflow: auto;
190
+ border-left-width: 0;
191
+ border-bottom: 0;
192
+ transition: width 400ms cubic-bezier(1, 0, 0, 1);
193
+ }
194
+
195
+ .kb-side-navigation .k-panelbar .k-group>.k-item>.k-link {
196
+ display: block;
197
+ padding-left: 45px;
198
+ }
199
+
200
+ .kb-side-navigation .k-panelbar .fa {
201
+ margin: 0 17px 0 5px;
202
+ }
203
+
204
+ /* Expander */
205
+
206
+ .kb-expander__header {
207
+ width: 100%;
208
+ display: flex;
209
+ align-items: center;
210
+ }
211
+
212
+ .kb-expander__header .k-icon {
213
+ font-size: inherit;
214
+ color: inherit;
215
+ }
216
+
217
+ .kb-expander__header .k-icon:hover {
218
+ color: inherit;
219
+ /* fixes bug with kendo hover: icon disappears */
220
+ }
221
+
222
+ .kb-expander__container {
223
+ max-height: 0;
224
+ padding-left: 15px;
225
+ padding-right: 15px;
226
+ visibility: hidden;
227
+ overflow: hidden;
228
+ transition: all 500ms cubic-bezier(0.5, 0, 0, 1) -0.4s;
229
+ }
230
+
231
+ .kb-expander__checkbox:checked~.kb-expander__container {
232
+ visibility: visible;
233
+ max-height: 9999px;
234
+ height: auto;
235
+ transition: all 500ms cubic-bezier(0.5, 0, 0, 1);
236
+ }
237
+
238
+ .kb-expander__checkbox {
239
+ display: none;
240
+ }
241
+
242
+ .kb-expander__checkbox~.kb-expander__header .k-icon:before {
243
+ content: '\e014';
244
+ }
245
+
246
+ .kb-expander__checkbox:checked~.kb-expander__header .k-icon:before {
247
+ content: '\e015';
248
+ }
249
+
250
+ /* Sections */
251
+
252
+ kb-top-section,
253
+ kb-top-parent-section,
254
+ kb-top-child-section,
255
+ kb-middle-section,
256
+ kb-bottom-section,
257
+ kb-bottom-child-section {
258
+ display: block;
259
+ }
260
+
261
+ /* Landing page */
262
+
263
+ .modules-list-wrapper {
264
+ display: flex;
265
+ max-width: 754px;
266
+ margin: 20px auto;
267
+ justify-content: center;
268
+ flex-wrap: wrap;
269
+ }
270
+
271
+ .module-thumbnail {
272
+ display: inline-block;
273
+ margin: 20px 30px;
274
+ text-align: center;
275
+ cursor: pointer;
276
+ color: inherit;
277
+ text-decoration: none !important;
278
+ }
279
+
280
+ .module-thumbnail:hover {
281
+ text-decoration: none;
282
+ color: inherit;
283
+ }
284
+
285
+ .module-thumbnail span {
286
+ font-size: 20px;
287
+ max-width: 128px;
288
+ white-space: nowrap;
289
+ overflow: hidden;
290
+ text-overflow: ellipsis;
291
+ max-width: 128px;
292
+ margin-top: 10px;
293
+ display: inline-block;
294
+ }
295
+
296
+ .module-thumbnail:hover .fa {
297
+ font-size: 70px;
298
+ }
299
+
300
+ .module-thumbnail:hover i:before {
301
+ text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
302
+ }
303
+
304
+ .module-thumbnail .fa {
305
+ width: 128px;
306
+ height: 128px;
307
+ display: flex;
308
+ align-items: center;
309
+ justify-content: center;
310
+ font-size: 42px;
311
+ border-radius: 2px;
312
+ }
313
+
314
+ .k-button .fa,
315
+ .k-button .k-icon {
316
+ margin-right: 5px;
317
+ }
318
+
319
+ /* Kendo Overrides */
320
+
321
+ .k-tabstrip>.k-content {
322
+ padding-left: 15px;
323
+ padding-right: 15px;
324
+ border: none;
325
+ }
326
+
327
+ /* Pages */
328
+
329
+ /* Unauthorized page */
330
+
331
+ .kb-unauthorized-page {
332
+ padding-top: 40px;
333
+ text-align: center;
334
+ }
335
+
336
+ .kb-unauthorized-page h3,
337
+ .kb-unauthorized-page h1 {
338
+ font-weight: bold;
339
+ opacity: .5;
340
+ }
341
+
342
+ .kb-unauthorized-page h3 {
343
+ font-size: 36px;
344
+ }
345
+
346
+ .kb-unauthorized-page h1 {
347
+ margin: 20px 0 40px;
348
+ font-size: 205px;
349
+ font-family: Consolas;
350
+ }
351
+
352
+ .kb-unauthorized-page p {
353
+ font-size: 13px;
354
+ line-height: 1.3;
355
+ margin-top: 30px;
356
+ }
357
+
358
+ /* DataForm */
359
+
360
+ .kb-data-form-wrapper,
361
+ .kb-data-form-fieldset {
362
+ padding: 20px;
363
+ }
364
+
365
+ .kb-data-form-wrapper.k-widget,
366
+ .kb-data-form-wrapper.k-widget [class^="col-"] {
367
+ box-sizing: border-box;
368
+ }
369
+
370
+ .kb-data-form [class^="col-"]>.k-widget,
371
+ .kb-data-form [class^="col-"]>.k-textbox,
372
+ .kb-data-form [class^="col-"]>.k-input {
373
+ width: 100%;
374
+ }
375
+
376
+ .kb-data-form .kb-data-form-pager {
377
+ margin-top: 10px;
378
+ }
379
+
380
+ .kb-data-form .kb-data-form-pager .k-input {
381
+ width: 33px;
382
+ }
383
+
384
+ .kb-data-form .kb-components-container .row {
385
+ min-height: 45px;
386
+ }
387
+
388
+ .kb-data-form .row {
389
+ margin-bottom: 5px
390
+ }
391
+
392
+ .kb-data-form hr,
393
+ .kb-data-grid-form hr {
394
+ margin-bottom: 20px;
395
+ }
396
+
397
+ .kb-data-form-commands .k-button .k-icon {
398
+ margin: 0;
399
+ }
400
+
401
+ .kb-data-form kb-tab-strip {
402
+ width: 100%;
403
+ }
404
+
405
+ /* Grid + DataForm */
406
+
407
+ .kb-data-grid-form-header {
408
+ display: flex;
409
+ }
410
+
411
+ .kb-data-grid-form-header div+div {
412
+ align-self: flex-end;
413
+ padding-bottom: 10px;
414
+ min-width: 300px;
415
+ }
416
+
417
+ /* Bootstrap Overrides */
418
+
419
+ @media (max-width: 767px) {
420
+ .hidden-xs {
421
+ display: none !important;
422
+ }
423
+ }
424
+
425
+ @media (min-width: 768px) and (max-width: 991px) {
426
+ .hidden-sm {
427
+ display: none !important;
428
+ }
429
+ }
430
+
431
+ @media (min-width: 992px) and (max-width: 1199px) {
432
+ .hidden-md {
433
+ display: none !important;
434
+ }
435
+ }
436
+
437
+ @media (min-width: 1200px) {
438
+ .hidden-lg {
439
+ display: none !important;
440
+ }
441
+ }
442
+
443
+ .data-grid {
444
+ margin-left: 25px;
445
+ }
446
+
447
+ .k-multiselect {
448
+ width: 350px;
449
+ }
package/docs-public/editor/builder/app/app.module.ts ADDED
@@ -0,0 +1,53 @@
1
+ import { BrowserModule } from '@angular/platform-browser';
2
+ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
3
+
4
+ import { NgModule } from '@angular/core';
5
+ import { AppComponent } from './app.component';
6
+ import { GridDemoBaseComponent } from './grid-demo.base.component';
7
+ import { GridDemoComponent } from './grid-demo.component';
8
+ import { CommonModule } from '@angular/common';
9
+ import { LayoutModule } from '@progress/kendo-angular-layout';
10
+
11
+ import { GridModule } from '@progress/kendo-angular-grid';
12
+ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
13
+ import { KbGridComponent } from './shared/components/grid/grid.component';
14
+
15
+ import { TopSectionComponent } from './topSection';
16
+
17
+ import { CoreModule } from './core/core.module';
18
+ import { Routes, RouterModule } from '@angular/router';
19
+
20
+ const routes: Routes = [
21
+ {
22
+ path: '',
23
+ component: GridDemoComponent
24
+ }
25
+ ];
26
+
27
+ @NgModule({
28
+ declarations: [
29
+ AppComponent,
30
+ KbGridComponent,
31
+ GridDemoBaseComponent,
32
+ GridDemoComponent,
33
+ TopSectionComponent
34
+ ],
35
+ imports: [
36
+ BrowserModule,
37
+ BrowserAnimationsModule,
38
+ CoreModule,
39
+ CommonModule,
40
+ GridModule,
41
+ LayoutModule,
42
+ DropDownsModule,
43
+ RouterModule.forRoot(routes)
44
+ ],
45
+ exports: [
46
+ GridModule,
47
+ KbGridComponent,
48
+ RouterModule
49
+ ],
50
+ providers: [],
51
+ bootstrap: [AppComponent]
52
+ })
53
+ export class AppModule { }
package/docs-public/editor/builder/app/core/core.module.ts ADDED
@@ -0,0 +1,19 @@
1
+ /////////////////////////////////////////////////////
2
+ // Add your custom code here.
3
+ // This file and any changes you make to it are preserved every time the app is generated.
4
+ /////////////////////////////////////////////////////
5
+ import { NgModule, Optional, SkipSelf } from '@angular/core';
6
+
7
+ import { config } from './module.config';
8
+
9
+ // You can modify or replace module config here
10
+
11
+ @NgModule(config)
12
+ export class CoreModule {
13
+ // A guard preventing CoreModule to be accidentally imported multiple times
14
+ constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
15
+ if (parentModule) {
16
+ throw new Error('CoreModule is already imported in the AppModule');
17
+ }
18
+ }
19
+ }