@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.
- package/dist/cdn/js/kendo-angular-layout.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/common/util.js +4 -0
- package/dist/es/expansionpanel/expansionpanel.component.js +1 -0
- package/dist/es/gridlayout.module.js +31 -0
- package/dist/es/layout.module.js +5 -1
- package/dist/es/layouts/grid-layout.component.js +155 -0
- package/dist/es/layouts/gridlayout-item.component.js +52 -0
- package/dist/es/layouts/models/gridlayout-gap-settings.js +4 -0
- package/dist/es/layouts/models/gridlayout-row-col-size.js +4 -0
- package/dist/es/layouts/models/layout-align-settings.js +4 -0
- package/dist/es/layouts/models/layout-horizontal-align.js +4 -0
- package/dist/es/layouts/models/layout-vertical-align.js +4 -0
- package/dist/es/layouts/models.js +4 -0
- package/dist/es/layouts/stack-layout.component.js +171 -0
- package/dist/es/layouts/util.js +102 -0
- package/dist/es/main.js +7 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/stacklayout.module.js +29 -0
- package/dist/es2015/common/orientation.d.ts +1 -1
- package/dist/es2015/common/util.d.ts +4 -0
- package/dist/es2015/common/util.js +4 -0
- package/dist/es2015/expansionpanel/expansionpanel.component.js +1 -0
- package/dist/es2015/gridlayout.module.d.ts +10 -0
- package/dist/es2015/gridlayout.module.js +30 -0
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/layout.module.js +5 -1
- package/dist/es2015/layouts/grid-layout.component.d.ts +63 -0
- package/dist/es2015/layouts/grid-layout.component.js +144 -0
- package/dist/es2015/layouts/gridlayout-item.component.d.ts +33 -0
- package/dist/es2015/layouts/gridlayout-item.component.js +53 -0
- package/dist/es2015/layouts/models/gridlayout-gap-settings.d.ts +17 -0
- package/dist/es2015/layouts/models/gridlayout-gap-settings.js +4 -0
- package/dist/es2015/layouts/models/gridlayout-row-col-size.d.ts +22 -0
- package/dist/es2015/layouts/models/gridlayout-row-col-size.js +4 -0
- package/dist/es2015/layouts/models/layout-align-settings.d.ts +18 -0
- package/dist/es2015/layouts/models/layout-align-settings.js +4 -0
- package/dist/es2015/layouts/models/layout-horizontal-align.d.ts +8 -0
- package/dist/es2015/layouts/models/layout-horizontal-align.js +4 -0
- package/dist/es2015/layouts/models/layout-vertical-align.d.ts +8 -0
- package/dist/es2015/layouts/models/layout-vertical-align.js +4 -0
- package/dist/es2015/layouts/models.d.ts +10 -0
- package/dist/es2015/layouts/models.js +4 -0
- package/dist/es2015/layouts/stack-layout.component.d.ts +47 -0
- package/dist/es2015/layouts/stack-layout.component.js +152 -0
- package/dist/es2015/layouts/util.d.ts +42 -0
- package/dist/es2015/layouts/util.js +101 -0
- package/dist/es2015/main.d.ts +7 -0
- package/dist/es2015/main.js +7 -0
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/stacklayout.module.d.ts +10 -0
- package/dist/es2015/stacklayout.module.js +28 -0
- package/dist/fesm2015/index.js +469 -4
- package/dist/fesm5/index.js +501 -4
- package/dist/npm/common/util.js +4 -0
- package/dist/npm/expansionpanel/expansionpanel.component.js +1 -0
- package/dist/npm/gridlayout.module.js +33 -0
- package/dist/npm/layout.module.js +5 -1
- package/dist/npm/layouts/grid-layout.component.js +157 -0
- package/dist/npm/layouts/gridlayout-item.component.js +54 -0
- package/dist/npm/layouts/models/gridlayout-gap-settings.js +6 -0
- package/dist/npm/layouts/models/gridlayout-row-col-size.js +6 -0
- package/dist/npm/layouts/models/layout-align-settings.js +6 -0
- package/dist/npm/layouts/models/layout-horizontal-align.js +6 -0
- package/dist/npm/layouts/models/layout-vertical-align.js +6 -0
- package/dist/npm/layouts/models.js +6 -0
- package/dist/npm/layouts/stack-layout.component.js +173 -0
- package/dist/npm/layouts/util.js +104 -0
- package/dist/npm/main.js +12 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/stacklayout.module.js +31 -0
- package/dist/systemjs/kendo-angular-layout.js +1 -1
- 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
|
+
};
|
package/dist/es2015/main.d.ts
CHANGED
|
@@ -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';
|
package/dist/es2015/main.js
CHANGED
|
@@ -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:
|
|
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 };
|