@progress/kendo-angular-layout 23.3.0-develop.9 → 23.3.0
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.
|
@@ -21,6 +21,7 @@ export declare class DrawerListComponent implements OnInit, OnDestroy {
|
|
|
21
21
|
expanded: boolean;
|
|
22
22
|
view: DrawerViewItem[];
|
|
23
23
|
select: EventEmitter<DrawerListSelectEvent>;
|
|
24
|
+
viewChange: EventEmitter<DrawerViewItem[]>;
|
|
24
25
|
items: QueryList<DrawerItemComponent>;
|
|
25
26
|
private subscriptions;
|
|
26
27
|
constructor(drawerService: DrawerService, renderer: Renderer2, ngZone: NgZone, element: ElementRef);
|
|
@@ -32,5 +33,5 @@ export declare class DrawerListComponent implements OnInit, OnDestroy {
|
|
|
32
33
|
private onEnterOrSpaceKeyDown;
|
|
33
34
|
private getDrawerItemIndex;
|
|
34
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<DrawerListComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DrawerListComponent, "[kendoDrawerList]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrawerListComponent, "[kendoDrawerList]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, { "select": "select"; "viewChange": "viewChange"; }, never, never, true, never>;
|
|
36
37
|
}
|
|
@@ -29,8 +29,8 @@ const packageMetadata = {
|
|
|
29
29
|
productName: 'Kendo UI for Angular',
|
|
30
30
|
productCode: 'KENDOUIANGULAR',
|
|
31
31
|
productCodes: ['KENDOUIANGULAR'],
|
|
32
|
-
publishDate:
|
|
33
|
-
version: '23.3.0
|
|
32
|
+
publishDate: 1775133219,
|
|
33
|
+
version: '23.3.0',
|
|
34
34
|
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'
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -5690,6 +5690,7 @@ class DrawerListComponent {
|
|
|
5690
5690
|
expanded;
|
|
5691
5691
|
view = [];
|
|
5692
5692
|
select = new EventEmitter();
|
|
5693
|
+
viewChange = new EventEmitter();
|
|
5693
5694
|
items;
|
|
5694
5695
|
subscriptions = new Subscription();
|
|
5695
5696
|
constructor(drawerService, renderer, ngZone, element) {
|
|
@@ -5756,6 +5757,7 @@ class DrawerListComponent {
|
|
|
5756
5757
|
this.drawerService.onSelect(viewItemIdx);
|
|
5757
5758
|
this.drawerService.init();
|
|
5758
5759
|
this.view = this.drawerService.view;
|
|
5760
|
+
this.viewChange.emit(this.view);
|
|
5759
5761
|
}
|
|
5760
5762
|
});
|
|
5761
5763
|
}
|
|
@@ -5774,7 +5776,7 @@ class DrawerListComponent {
|
|
|
5774
5776
|
}
|
|
5775
5777
|
}
|
|
5776
5778
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DrawerListComponent, deps: [{ token: DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5777
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n @for (v of view; track identifyItem(idx, v); let idx = $index) {\n @if (!v.item.separator) {\n <li kendoDrawerItem\n class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n role=\"menuitem\"\n [viewItem]=\"v\"\n [index]=\"idx\"\n [mini]=\"mini\"\n [expanded]=\"expanded\"\n [itemTemplate]=\"itemTemplate\"\n [attr.data-kendo-drawer-index]=\"v.index\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\"\n [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n </li>\n }\n @if (v.item.separator) {\n <li\n role=\"separator\"\n class=\"k-drawer-item k-drawer-separator\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\">\n \n </li>\n }\n }\n ", isInline: true, dependencies: [{ kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
5779
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select", viewChange: "viewChange" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n @for (v of view; track identifyItem(idx, v); let idx = $index) {\n @if (!v.item.separator) {\n <li kendoDrawerItem\n class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n role=\"menuitem\"\n [viewItem]=\"v\"\n [index]=\"idx\"\n [mini]=\"mini\"\n [expanded]=\"expanded\"\n [itemTemplate]=\"itemTemplate\"\n [attr.data-kendo-drawer-index]=\"v.index\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\"\n [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n </li>\n }\n @if (v.item.separator) {\n <li\n role=\"separator\"\n class=\"k-drawer-item k-drawer-separator\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\">\n \n </li>\n }\n }\n ", isInline: true, dependencies: [{ kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
5778
5780
|
}
|
|
5779
5781
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DrawerListComponent, decorators: [{
|
|
5780
5782
|
type: Component,
|
|
@@ -5821,6 +5823,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
5821
5823
|
type: Input
|
|
5822
5824
|
}], select: [{
|
|
5823
5825
|
type: Output
|
|
5826
|
+
}], viewChange: [{
|
|
5827
|
+
type: Output
|
|
5824
5828
|
}], items: [{
|
|
5825
5829
|
type: ViewChildren,
|
|
5826
5830
|
args: [DrawerItemComponent, { read: ElementRef }]
|
|
@@ -6140,7 +6144,7 @@ class DrawerComponent {
|
|
|
6140
6144
|
(select)="onSelect($event)"
|
|
6141
6145
|
[mini]="mini"
|
|
6142
6146
|
[expanded]="expanded"
|
|
6143
|
-
[view]="viewItems"
|
|
6147
|
+
[(view)]="viewItems"
|
|
6144
6148
|
[itemTemplate]="itemTemplate?.templateRef"
|
|
6145
6149
|
class="k-drawer-items">
|
|
6146
6150
|
</ul>
|
|
@@ -6161,7 +6165,7 @@ class DrawerComponent {
|
|
|
6161
6165
|
@if (showLicenseWatermark) {
|
|
6162
6166
|
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
6163
6167
|
}
|
|
6164
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
|
|
6168
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select", "viewChange"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
|
|
6165
6169
|
}
|
|
6166
6170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DrawerComponent, decorators: [{
|
|
6167
6171
|
type: Component,
|
|
@@ -6191,7 +6195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
6191
6195
|
(select)="onSelect($event)"
|
|
6192
6196
|
[mini]="mini"
|
|
6193
6197
|
[expanded]="expanded"
|
|
6194
|
-
[view]="viewItems"
|
|
6198
|
+
[(view)]="viewItems"
|
|
6195
6199
|
[itemTemplate]="itemTemplate?.templateRef"
|
|
6196
6200
|
class="k-drawer-items">
|
|
6197
6201
|
</ul>
|
|
@@ -11998,7 +12002,7 @@ class TimelineCardComponent {
|
|
|
11998
12002
|
</div>
|
|
11999
12003
|
}
|
|
12000
12004
|
</kendo-card>
|
|
12001
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CardHeaderComponent, selector: "kendo-card-header" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CardTitleDirective, selector: "[kendoCardTitle]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: CardSubtitleDirective, selector: "[kendoCardSubtitle]" }, { kind: "component", type: CardBodyComponent, selector: "kendo-card-body" }, { kind: "directive", type: CardMediaDirective, selector: "[kendoCardMedia]" }, { kind: "component", type: CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }], animations: [
|
|
12005
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CardHeaderComponent, selector: "kendo-card-header" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CardTitleDirective, selector: "[kendoCardTitle]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: CardSubtitleDirective, selector: "[kendoCardSubtitle]" }, { kind: "component", type: CardBodyComponent, selector: "kendo-card-body" }, { kind: "directive", type: CardMediaDirective, selector: "[kendoCardMedia]" }, { kind: "component", type: CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }], animations: [
|
|
12002
12006
|
trigger('toggle', [
|
|
12003
12007
|
state('collapsed', style({
|
|
12004
12008
|
height: '0',
|
|
@@ -12759,7 +12763,7 @@ class TimelineHorizontalComponent {
|
|
|
12759
12763
|
}
|
|
12760
12764
|
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="10"></kendo-resize-sensor>
|
|
12761
12765
|
</div>
|
|
12762
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], animations: [
|
|
12766
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], animations: [
|
|
12763
12767
|
trigger('trackSlide', [
|
|
12764
12768
|
state('left', style({
|
|
12765
12769
|
transform: `translateX({{transformValue}}%)`,
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "23.3.0
|
|
10
|
+
"publishDate": 1775133219,
|
|
11
|
+
"version": "23.3.0",
|
|
12
12
|
"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"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "23.3.0
|
|
3
|
+
"version": "23.3.0",
|
|
4
4
|
"description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"package": {
|
|
51
51
|
"productName": "Kendo UI for Angular",
|
|
52
52
|
"productCode": "KENDOUIANGULAR",
|
|
53
|
-
"publishDate":
|
|
53
|
+
"publishDate": 1775133219,
|
|
54
54
|
"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"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
@@ -60,17 +60,17 @@
|
|
|
60
60
|
"@angular/core": "19 - 21",
|
|
61
61
|
"@angular/platform-browser": "19 - 21",
|
|
62
62
|
"@progress/kendo-licensing": "^1.10.0",
|
|
63
|
-
"@progress/kendo-angular-common": "23.3.0
|
|
64
|
-
"@progress/kendo-angular-l10n": "23.3.0
|
|
65
|
-
"@progress/kendo-angular-progressbar": "23.3.0
|
|
66
|
-
"@progress/kendo-angular-icons": "23.3.0
|
|
67
|
-
"@progress/kendo-angular-buttons": "23.3.0
|
|
68
|
-
"@progress/kendo-angular-intl": "23.3.0
|
|
63
|
+
"@progress/kendo-angular-common": "23.3.0",
|
|
64
|
+
"@progress/kendo-angular-l10n": "23.3.0",
|
|
65
|
+
"@progress/kendo-angular-progressbar": "23.3.0",
|
|
66
|
+
"@progress/kendo-angular-icons": "23.3.0",
|
|
67
|
+
"@progress/kendo-angular-buttons": "23.3.0",
|
|
68
|
+
"@progress/kendo-angular-intl": "23.3.0",
|
|
69
69
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
72
|
"tslib": "^2.3.1",
|
|
73
|
-
"@progress/kendo-angular-schematics": "23.3.0
|
|
73
|
+
"@progress/kendo-angular-schematics": "23.3.0",
|
|
74
74
|
"@progress/kendo-draggable": "^3.0.2"
|
|
75
75
|
},
|
|
76
76
|
"schematics": "./schematics/collection.json",
|