@progress/kendo-angular-layout 6.4.2-dev.202201251524 → 6.5.0-dev.202202140804

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 (73) hide show
  1. package/dist/cdn/js/kendo-angular-layout.js +2 -2
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/common/util.js +4 -0
  4. package/dist/es/expansionpanel/expansionpanel.component.js +1 -0
  5. package/dist/es/gridlayout.module.js +31 -0
  6. package/dist/es/layout.module.js +5 -1
  7. package/dist/es/layouts/grid-layout.component.js +155 -0
  8. package/dist/es/layouts/gridlayout-item.component.js +52 -0
  9. package/dist/es/layouts/models/gridlayout-gap-settings.js +4 -0
  10. package/dist/es/layouts/models/gridlayout-row-col-size.js +4 -0
  11. package/dist/es/layouts/models/layout-align-settings.js +4 -0
  12. package/dist/es/layouts/models/layout-horizontal-align.js +4 -0
  13. package/dist/es/layouts/models/layout-vertical-align.js +4 -0
  14. package/dist/es/layouts/models.js +4 -0
  15. package/dist/es/layouts/stack-layout.component.js +171 -0
  16. package/dist/es/layouts/util.js +102 -0
  17. package/dist/es/main.js +7 -0
  18. package/dist/es/package-metadata.js +1 -1
  19. package/dist/es/stacklayout.module.js +29 -0
  20. package/dist/es2015/common/orientation.d.ts +1 -1
  21. package/dist/es2015/common/util.d.ts +4 -0
  22. package/dist/es2015/common/util.js +4 -0
  23. package/dist/es2015/expansionpanel/expansionpanel.component.js +1 -0
  24. package/dist/es2015/gridlayout.module.d.ts +10 -0
  25. package/dist/es2015/gridlayout.module.js +30 -0
  26. package/dist/es2015/index.metadata.json +1 -1
  27. package/dist/es2015/layout.module.js +5 -1
  28. package/dist/es2015/layouts/grid-layout.component.d.ts +63 -0
  29. package/dist/es2015/layouts/grid-layout.component.js +144 -0
  30. package/dist/es2015/layouts/gridlayout-item.component.d.ts +33 -0
  31. package/dist/es2015/layouts/gridlayout-item.component.js +53 -0
  32. package/dist/es2015/layouts/models/gridlayout-gap-settings.d.ts +17 -0
  33. package/dist/es2015/layouts/models/gridlayout-gap-settings.js +4 -0
  34. package/dist/es2015/layouts/models/gridlayout-row-col-size.d.ts +22 -0
  35. package/dist/es2015/layouts/models/gridlayout-row-col-size.js +4 -0
  36. package/dist/es2015/layouts/models/layout-align-settings.d.ts +18 -0
  37. package/dist/es2015/layouts/models/layout-align-settings.js +4 -0
  38. package/dist/es2015/layouts/models/layout-horizontal-align.d.ts +8 -0
  39. package/dist/es2015/layouts/models/layout-horizontal-align.js +4 -0
  40. package/dist/es2015/layouts/models/layout-vertical-align.d.ts +8 -0
  41. package/dist/es2015/layouts/models/layout-vertical-align.js +4 -0
  42. package/dist/es2015/layouts/models.d.ts +10 -0
  43. package/dist/es2015/layouts/models.js +4 -0
  44. package/dist/es2015/layouts/stack-layout.component.d.ts +47 -0
  45. package/dist/es2015/layouts/stack-layout.component.js +152 -0
  46. package/dist/es2015/layouts/util.d.ts +42 -0
  47. package/dist/es2015/layouts/util.js +101 -0
  48. package/dist/es2015/main.d.ts +7 -0
  49. package/dist/es2015/main.js +7 -0
  50. package/dist/es2015/package-metadata.js +1 -1
  51. package/dist/es2015/stacklayout.module.d.ts +10 -0
  52. package/dist/es2015/stacklayout.module.js +28 -0
  53. package/dist/fesm2015/index.js +469 -4
  54. package/dist/fesm5/index.js +501 -4
  55. package/dist/npm/common/util.js +4 -0
  56. package/dist/npm/expansionpanel/expansionpanel.component.js +1 -0
  57. package/dist/npm/gridlayout.module.js +33 -0
  58. package/dist/npm/layout.module.js +5 -1
  59. package/dist/npm/layouts/grid-layout.component.js +157 -0
  60. package/dist/npm/layouts/gridlayout-item.component.js +54 -0
  61. package/dist/npm/layouts/models/gridlayout-gap-settings.js +6 -0
  62. package/dist/npm/layouts/models/gridlayout-row-col-size.js +6 -0
  63. package/dist/npm/layouts/models/layout-align-settings.js +6 -0
  64. package/dist/npm/layouts/models/layout-horizontal-align.js +6 -0
  65. package/dist/npm/layouts/models/layout-vertical-align.js +6 -0
  66. package/dist/npm/layouts/models.js +6 -0
  67. package/dist/npm/layouts/stack-layout.component.js +173 -0
  68. package/dist/npm/layouts/util.js +104 -0
  69. package/dist/npm/main.js +12 -0
  70. package/dist/npm/package-metadata.js +1 -1
  71. package/dist/npm/stacklayout.module.js +31 -0
  72. package/dist/systemjs/kendo-angular-layout.js +1 -1
  73. package/package.json +10 -8
@@ -0,0 +1,42 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { GridLayoutColSize, GridLayoutGapSettings, GridLayoutRowSize } from "./models";
6
+ /**
7
+ * @hidden
8
+ */
9
+ export declare const VERTICAL_SUFFIX: {
10
+ top: string;
11
+ middle: string;
12
+ bottom: string;
13
+ stretch: string;
14
+ };
15
+ /**
16
+ * @hidden
17
+ */
18
+ export declare const JUSTIFY_PREFIX = "k-justify-content";
19
+ /**
20
+ * @hidden
21
+ */
22
+ export declare const GRID_JUSTIFY_PREFIX = "k-justify-items";
23
+ /**
24
+ * @hidden
25
+ */
26
+ export declare const ALIGN_PREFIX = "k-align-items";
27
+ /**
28
+ * @hidden
29
+ */
30
+ export declare const normalizeGap: (gap: string | number | GridLayoutGapSettings) => GridLayoutGapSettings;
31
+ /**
32
+ * @hidden
33
+ */
34
+ export declare const generateGapStyle: (gap: GridLayoutGapSettings) => string;
35
+ /**
36
+ * @hidden
37
+ */
38
+ export declare const generateGridStyle: (items: (string | number | GridLayoutRowSize | GridLayoutColSize)[], itemType: string) => string[];
39
+ /**
40
+ * @hidden
41
+ */
42
+ export declare const validateGridLayoutRowsCols: (arr: any[]) => boolean;
@@ -0,0 +1,101 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * @hidden
7
+ */
8
+ export const VERTICAL_SUFFIX = {
9
+ top: 'start',
10
+ middle: 'center',
11
+ bottom: 'end',
12
+ stretch: 'stretch'
13
+ };
14
+ /**
15
+ * @hidden
16
+ */
17
+ export const JUSTIFY_PREFIX = `k-justify-content`;
18
+ /**
19
+ * @hidden
20
+ */
21
+ export const GRID_JUSTIFY_PREFIX = `k-justify-items`;
22
+ /**
23
+ * @hidden
24
+ */
25
+ export const ALIGN_PREFIX = `k-align-items`;
26
+ /**
27
+ * @hidden
28
+ */
29
+ export const normalizeGap = (gap) => {
30
+ if (typeof gap === 'number' || typeof gap === 'string') {
31
+ return { cols: gap, rows: gap };
32
+ }
33
+ else {
34
+ let parsedGap = {};
35
+ parsedGap.rows = gap.rows ? gap.rows : 0;
36
+ parsedGap.cols = gap.cols ? gap.cols : 0;
37
+ return parsedGap;
38
+ }
39
+ };
40
+ /**
41
+ * @hidden
42
+ */
43
+ export const generateGapStyle = (gap) => {
44
+ if (gap.rows === gap.cols) {
45
+ return typeof gap.rows === 'number' ? `${gap.rows}px` : gap.rows;
46
+ }
47
+ else {
48
+ let rowStyle = `${typeof gap.rows === 'number' ? gap.rows + 'px' : gap.rows}`;
49
+ let colStyle = `${typeof gap.cols === 'number' ? gap.cols + 'px' : gap.cols}`;
50
+ return `${rowStyle} ${colStyle}`;
51
+ }
52
+ };
53
+ /**
54
+ * @hidden
55
+ */
56
+ export const generateGridStyle = (items, itemType) => {
57
+ let styling = [];
58
+ items.forEach((item) => {
59
+ if (typeof item === 'number') {
60
+ styling.push(`${item}px`);
61
+ }
62
+ else if (typeof item === 'string') {
63
+ styling.push(item);
64
+ }
65
+ else {
66
+ if (itemType === 'rows') {
67
+ const rowHeight = item.height;
68
+ if (rowHeight) {
69
+ styling.push(typeof rowHeight === 'number' ? `${rowHeight}px` : rowHeight);
70
+ }
71
+ else {
72
+ styling.push('0px');
73
+ }
74
+ }
75
+ else {
76
+ const colWidth = item.width;
77
+ if (colWidth) {
78
+ styling.push(typeof colWidth === 'number' ? `${colWidth}px` : colWidth);
79
+ }
80
+ else {
81
+ styling.push('0px');
82
+ }
83
+ }
84
+ }
85
+ });
86
+ return styling;
87
+ };
88
+ /**
89
+ * @hidden
90
+ */
91
+ export const validateGridLayoutRowsCols = (arr) => {
92
+ for (const el of arr) {
93
+ const isNum = typeof el === 'number';
94
+ const isStr = typeof el === 'string';
95
+ const isObject = typeof el === 'object' && el !== null;
96
+ if (!isNum && !isStr && !isObject) {
97
+ return false;
98
+ }
99
+ }
100
+ return true;
101
+ };
@@ -69,3 +69,10 @@ export { StepperModule } from './stepper.module';
69
69
  export { TabStripModule } from './tabstrip.module';
70
70
  export { ExpansionPanelModule } from './expansionpanel.module';
71
71
  export { TileLayoutModule } from './tilelayout.module';
72
+ export { StackLayoutModule } from './stacklayout.module';
73
+ export { GridLayoutModule } from './gridlayout.module';
74
+ export { StackLayoutComponent } from './layouts/stack-layout.component';
75
+ export { AlignSettings, HorizontalAlign, VerticalAlign } from './layouts/models';
76
+ export { GridLayoutComponent } from './layouts/grid-layout.component';
77
+ export { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
78
+ export { GridLayoutRowSize, GridLayoutColSize, GridLayoutGapSettings } from './layouts/models';
@@ -63,3 +63,10 @@ export { StepperModule } from './stepper.module';
63
63
  export { TabStripModule } from './tabstrip.module';
64
64
  export { ExpansionPanelModule } from './expansionpanel.module';
65
65
  export { TileLayoutModule } from './tilelayout.module';
66
+ export { StackLayoutModule } from './stacklayout.module';
67
+ export { GridLayoutModule } from './gridlayout.module';
68
+ // StackLayout exports
69
+ export { StackLayoutComponent } from './layouts/stack-layout.component';
70
+ // GridLayout exports
71
+ export { GridLayoutComponent } from './layouts/grid-layout.component';
72
+ export { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-layout',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1643124181,
12
+ publishDate: 1644825801,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
@@ -0,0 +1,10 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
7
+ * definition for the StackLayout component.
8
+ */
9
+ export declare class StackLayoutModule {
10
+ }
@@ -0,0 +1,28 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { NgModule } from '@angular/core';
7
+ import { CommonModule } from '@angular/common';
8
+ import { StackLayoutComponent } from './layouts/stack-layout.component';
9
+ const exportedModules = [
10
+ StackLayoutComponent
11
+ ];
12
+ const declarations = [
13
+ ...exportedModules
14
+ ];
15
+ /**
16
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
17
+ * definition for the StackLayout component.
18
+ */
19
+ let StackLayoutModule = class StackLayoutModule {
20
+ };
21
+ StackLayoutModule = tslib_1.__decorate([
22
+ NgModule({
23
+ declarations: [declarations],
24
+ exports: [exportedModules],
25
+ imports: [CommonModule]
26
+ })
27
+ ], StackLayoutModule);
28
+ export { StackLayoutModule };