@progress/kendo-angular-layout 16.0.0-develop.5 → 16.0.0-develop.7
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/esm2020/drawer/item.component.mjs +2 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/panelbar/panelbar-item.component.mjs +9 -15
- package/esm2020/panelbar/panelbar.component.mjs +1 -4
- package/fesm2015/progress-kendo-angular-layout.mjs +14 -21
- package/fesm2020/progress-kendo-angular-layout.mjs +14 -21
- package/package.json +7 -7
- package/panelbar/panelbar-item.component.d.ts +0 -1
|
@@ -82,6 +82,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
82
82
|
</kendo-icon-wrapper>
|
|
83
83
|
|
|
84
84
|
<span class="k-item-text">{{ item.text }}</span>
|
|
85
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
85
86
|
<kendo-icon-wrapper
|
|
86
87
|
*ngIf="viewItem.hasChildren"
|
|
87
88
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
|
@@ -130,6 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
130
131
|
</kendo-icon-wrapper>
|
|
131
132
|
|
|
132
133
|
<span class="k-item-text">{{ item.text }}</span>
|
|
134
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
133
135
|
<kendo-icon-wrapper
|
|
134
136
|
*ngIf="viewItem.hasChildren"
|
|
135
137
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
|
@@ -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:
|
|
13
|
-
version: '16.0.0-develop.
|
|
12
|
+
publishDate: 1714201570,
|
|
13
|
+
version: '16.0.0-develop.7',
|
|
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
|
};
|
|
@@ -103,9 +103,6 @@ export class PanelBarItemComponent {
|
|
|
103
103
|
get animate() {
|
|
104
104
|
return this.eventService.animate;
|
|
105
105
|
}
|
|
106
|
-
get kStateDefaultClass() {
|
|
107
|
-
return !this.disabled;
|
|
108
|
-
}
|
|
109
106
|
get kStateExpandedClass() {
|
|
110
107
|
return !this.disabled && this.expanded && (this.hasChildItems || this.hasContent);
|
|
111
108
|
}
|
|
@@ -278,7 +275,7 @@ export class PanelBarItemComponent {
|
|
|
278
275
|
}
|
|
279
276
|
}
|
|
280
277
|
PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: i1.PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
281
|
-
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-
|
|
278
|
+
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
|
|
282
279
|
<span
|
|
283
280
|
#header
|
|
284
281
|
[class.k-link]="true"
|
|
@@ -336,7 +333,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
336
333
|
*ngIf="hasChildItems && !items?.length"
|
|
337
334
|
[style.overflow]="contentOverflow"
|
|
338
335
|
[style.height]="contentHeight"
|
|
339
|
-
class="k-
|
|
336
|
+
class="k-panelbar-group"
|
|
340
337
|
>
|
|
341
338
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
342
339
|
</div>
|
|
@@ -344,7 +341,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
344
341
|
*ngIf="hasContent && !content"
|
|
345
342
|
[style.overflow]="contentOverflow"
|
|
346
343
|
[style.height]="contentHeight"
|
|
347
|
-
class="k-
|
|
344
|
+
class="k-panelbar-content">
|
|
348
345
|
<ng-template
|
|
349
346
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
350
347
|
[ngTemplateOutletContext]="{
|
|
@@ -362,7 +359,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
362
359
|
<div *ngIf="hasItems"
|
|
363
360
|
[style.overflow]="contentOverflow"
|
|
364
361
|
[style.height]="contentHeight"
|
|
365
|
-
class="k-
|
|
362
|
+
class="k-panelbar-group">
|
|
366
363
|
<ng-container *ngFor="let item of items">
|
|
367
364
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
368
365
|
[title]="item.title"
|
|
@@ -384,7 +381,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
384
381
|
*ngIf="content"
|
|
385
382
|
[style.overflow]="contentOverflow"
|
|
386
383
|
[style.height]="contentHeight"
|
|
387
|
-
class="k-
|
|
384
|
+
class="k-panelbar-content">
|
|
388
385
|
<ng-template
|
|
389
386
|
[ngTemplateOutlet]="template"
|
|
390
387
|
[ngTemplateOutletContext]="{
|
|
@@ -489,7 +486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
489
486
|
*ngIf="hasChildItems && !items?.length"
|
|
490
487
|
[style.overflow]="contentOverflow"
|
|
491
488
|
[style.height]="contentHeight"
|
|
492
|
-
class="k-
|
|
489
|
+
class="k-panelbar-group"
|
|
493
490
|
>
|
|
494
491
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
495
492
|
</div>
|
|
@@ -497,7 +494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
497
494
|
*ngIf="hasContent && !content"
|
|
498
495
|
[style.overflow]="contentOverflow"
|
|
499
496
|
[style.height]="contentHeight"
|
|
500
|
-
class="k-
|
|
497
|
+
class="k-panelbar-content">
|
|
501
498
|
<ng-template
|
|
502
499
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
503
500
|
[ngTemplateOutletContext]="{
|
|
@@ -515,7 +512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
515
512
|
<div *ngIf="hasItems"
|
|
516
513
|
[style.overflow]="contentOverflow"
|
|
517
514
|
[style.height]="contentHeight"
|
|
518
|
-
class="k-
|
|
515
|
+
class="k-panelbar-group">
|
|
519
516
|
<ng-container *ngFor="let item of items">
|
|
520
517
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
521
518
|
[title]="item.title"
|
|
@@ -537,7 +534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
537
534
|
*ngIf="content"
|
|
538
535
|
[style.overflow]="contentOverflow"
|
|
539
536
|
[style.height]="contentHeight"
|
|
540
|
-
class="k-
|
|
537
|
+
class="k-panelbar-content">
|
|
541
538
|
<ng-template
|
|
542
539
|
[ngTemplateOutlet]="template"
|
|
543
540
|
[ngTemplateOutletContext]="{
|
|
@@ -600,9 +597,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
600
597
|
}], kItemClass: [{
|
|
601
598
|
type: HostBinding,
|
|
602
599
|
args: ['class.k-panelbar-item']
|
|
603
|
-
}], kStateDefaultClass: [{
|
|
604
|
-
type: HostBinding,
|
|
605
|
-
args: ['class.k-state-default']
|
|
606
600
|
}], kStateExpandedClass: [{
|
|
607
601
|
type: HostBinding,
|
|
608
602
|
args: ['class.k-expanded']
|
|
@@ -493,7 +493,7 @@ export class PanelBarComponent {
|
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
495
|
PanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.PanelBarService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
496
|
-
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "
|
|
496
|
+
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
|
|
497
497
|
PanelBarService,
|
|
498
498
|
LocalizationService,
|
|
499
499
|
{
|
|
@@ -587,9 +587,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
587
587
|
}], hostClasses: [{
|
|
588
588
|
type: HostBinding,
|
|
589
589
|
args: ['class.k-panelbar']
|
|
590
|
-
}, {
|
|
591
|
-
type: HostBinding,
|
|
592
|
-
args: ['class.k-pos-relative']
|
|
593
590
|
}], tabIndex: [{
|
|
594
591
|
type: HostBinding,
|
|
595
592
|
args: ['attr.tabIndex']
|
|
@@ -33,8 +33,8 @@ const packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-layout',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.0.0-develop.
|
|
36
|
+
publishDate: 1714201570,
|
|
37
|
+
version: '16.0.0-develop.7',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -376,9 +376,6 @@ class PanelBarItemComponent {
|
|
|
376
376
|
get animate() {
|
|
377
377
|
return this.eventService.animate;
|
|
378
378
|
}
|
|
379
|
-
get kStateDefaultClass() {
|
|
380
|
-
return !this.disabled;
|
|
381
|
-
}
|
|
382
379
|
get kStateExpandedClass() {
|
|
383
380
|
return !this.disabled && this.expanded && (this.hasChildItems || this.hasContent);
|
|
384
381
|
}
|
|
@@ -551,7 +548,7 @@ class PanelBarItemComponent {
|
|
|
551
548
|
}
|
|
552
549
|
}
|
|
553
550
|
PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
554
|
-
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-
|
|
551
|
+
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
|
|
555
552
|
<span
|
|
556
553
|
#header
|
|
557
554
|
[class.k-link]="true"
|
|
@@ -609,7 +606,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
609
606
|
*ngIf="hasChildItems && !items?.length"
|
|
610
607
|
[style.overflow]="contentOverflow"
|
|
611
608
|
[style.height]="contentHeight"
|
|
612
|
-
class="k-
|
|
609
|
+
class="k-panelbar-group"
|
|
613
610
|
>
|
|
614
611
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
615
612
|
</div>
|
|
@@ -617,7 +614,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
617
614
|
*ngIf="hasContent && !content"
|
|
618
615
|
[style.overflow]="contentOverflow"
|
|
619
616
|
[style.height]="contentHeight"
|
|
620
|
-
class="k-
|
|
617
|
+
class="k-panelbar-content">
|
|
621
618
|
<ng-template
|
|
622
619
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
623
620
|
[ngTemplateOutletContext]="{
|
|
@@ -635,7 +632,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
635
632
|
<div *ngIf="hasItems"
|
|
636
633
|
[style.overflow]="contentOverflow"
|
|
637
634
|
[style.height]="contentHeight"
|
|
638
|
-
class="k-
|
|
635
|
+
class="k-panelbar-group">
|
|
639
636
|
<ng-container *ngFor="let item of items">
|
|
640
637
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
641
638
|
[title]="item.title"
|
|
@@ -657,7 +654,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
657
654
|
*ngIf="content"
|
|
658
655
|
[style.overflow]="contentOverflow"
|
|
659
656
|
[style.height]="contentHeight"
|
|
660
|
-
class="k-
|
|
657
|
+
class="k-panelbar-content">
|
|
661
658
|
<ng-template
|
|
662
659
|
[ngTemplateOutlet]="template"
|
|
663
660
|
[ngTemplateOutletContext]="{
|
|
@@ -762,7 +759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
762
759
|
*ngIf="hasChildItems && !items?.length"
|
|
763
760
|
[style.overflow]="contentOverflow"
|
|
764
761
|
[style.height]="contentHeight"
|
|
765
|
-
class="k-
|
|
762
|
+
class="k-panelbar-group"
|
|
766
763
|
>
|
|
767
764
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
768
765
|
</div>
|
|
@@ -770,7 +767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
770
767
|
*ngIf="hasContent && !content"
|
|
771
768
|
[style.overflow]="contentOverflow"
|
|
772
769
|
[style.height]="contentHeight"
|
|
773
|
-
class="k-
|
|
770
|
+
class="k-panelbar-content">
|
|
774
771
|
<ng-template
|
|
775
772
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
776
773
|
[ngTemplateOutletContext]="{
|
|
@@ -788,7 +785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
788
785
|
<div *ngIf="hasItems"
|
|
789
786
|
[style.overflow]="contentOverflow"
|
|
790
787
|
[style.height]="contentHeight"
|
|
791
|
-
class="k-
|
|
788
|
+
class="k-panelbar-group">
|
|
792
789
|
<ng-container *ngFor="let item of items">
|
|
793
790
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
794
791
|
[title]="item.title"
|
|
@@ -810,7 +807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
810
807
|
*ngIf="content"
|
|
811
808
|
[style.overflow]="contentOverflow"
|
|
812
809
|
[style.height]="contentHeight"
|
|
813
|
-
class="k-
|
|
810
|
+
class="k-panelbar-content">
|
|
814
811
|
<ng-template
|
|
815
812
|
[ngTemplateOutlet]="template"
|
|
816
813
|
[ngTemplateOutletContext]="{
|
|
@@ -875,9 +872,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
875
872
|
}], kItemClass: [{
|
|
876
873
|
type: HostBinding,
|
|
877
874
|
args: ['class.k-panelbar-item']
|
|
878
|
-
}], kStateDefaultClass: [{
|
|
879
|
-
type: HostBinding,
|
|
880
|
-
args: ['class.k-state-default']
|
|
881
875
|
}], kStateExpandedClass: [{
|
|
882
876
|
type: HostBinding,
|
|
883
877
|
args: ['class.k-expanded']
|
|
@@ -1464,7 +1458,7 @@ class PanelBarComponent {
|
|
|
1464
1458
|
}
|
|
1465
1459
|
}
|
|
1466
1460
|
PanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: PanelBarService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1467
|
-
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "
|
|
1461
|
+
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
|
|
1468
1462
|
PanelBarService,
|
|
1469
1463
|
LocalizationService,
|
|
1470
1464
|
{
|
|
@@ -1558,9 +1552,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
1558
1552
|
}], hostClasses: [{
|
|
1559
1553
|
type: HostBinding,
|
|
1560
1554
|
args: ['class.k-panelbar']
|
|
1561
|
-
}, {
|
|
1562
|
-
type: HostBinding,
|
|
1563
|
-
args: ['class.k-pos-relative']
|
|
1564
1555
|
}], tabIndex: [{
|
|
1565
1556
|
type: HostBinding,
|
|
1566
1557
|
args: ['attr.tabIndex']
|
|
@@ -4764,6 +4755,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
4764
4755
|
</kendo-icon-wrapper>
|
|
4765
4756
|
|
|
4766
4757
|
<span class="k-item-text">{{ item.text }}</span>
|
|
4758
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
4767
4759
|
<kendo-icon-wrapper
|
|
4768
4760
|
*ngIf="viewItem.hasChildren"
|
|
4769
4761
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
|
@@ -4812,6 +4804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
4812
4804
|
</kendo-icon-wrapper>
|
|
4813
4805
|
|
|
4814
4806
|
<span class="k-item-text">{{ item.text }}</span>
|
|
4807
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
4815
4808
|
<kendo-icon-wrapper
|
|
4816
4809
|
*ngIf="viewItem.hasChildren"
|
|
4817
4810
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
|
@@ -33,8 +33,8 @@ const packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-layout',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.0.0-develop.
|
|
36
|
+
publishDate: 1714201570,
|
|
37
|
+
version: '16.0.0-develop.7',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -374,9 +374,6 @@ class PanelBarItemComponent {
|
|
|
374
374
|
get animate() {
|
|
375
375
|
return this.eventService.animate;
|
|
376
376
|
}
|
|
377
|
-
get kStateDefaultClass() {
|
|
378
|
-
return !this.disabled;
|
|
379
|
-
}
|
|
380
377
|
get kStateExpandedClass() {
|
|
381
378
|
return !this.disabled && this.expanded && (this.hasChildItems || this.hasContent);
|
|
382
379
|
}
|
|
@@ -549,7 +546,7 @@ class PanelBarItemComponent {
|
|
|
549
546
|
}
|
|
550
547
|
}
|
|
551
548
|
PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
552
|
-
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-
|
|
549
|
+
PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
|
|
553
550
|
<span
|
|
554
551
|
#header
|
|
555
552
|
[class.k-link]="true"
|
|
@@ -607,7 +604,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
607
604
|
*ngIf="hasChildItems && !items?.length"
|
|
608
605
|
[style.overflow]="contentOverflow"
|
|
609
606
|
[style.height]="contentHeight"
|
|
610
|
-
class="k-
|
|
607
|
+
class="k-panelbar-group"
|
|
611
608
|
>
|
|
612
609
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
613
610
|
</div>
|
|
@@ -615,7 +612,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
615
612
|
*ngIf="hasContent && !content"
|
|
616
613
|
[style.overflow]="contentOverflow"
|
|
617
614
|
[style.height]="contentHeight"
|
|
618
|
-
class="k-
|
|
615
|
+
class="k-panelbar-content">
|
|
619
616
|
<ng-template
|
|
620
617
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
621
618
|
[ngTemplateOutletContext]="{
|
|
@@ -633,7 +630,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
633
630
|
<div *ngIf="hasItems"
|
|
634
631
|
[style.overflow]="contentOverflow"
|
|
635
632
|
[style.height]="contentHeight"
|
|
636
|
-
class="k-
|
|
633
|
+
class="k-panelbar-group">
|
|
637
634
|
<ng-container *ngFor="let item of items">
|
|
638
635
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
639
636
|
[title]="item.title"
|
|
@@ -655,7 +652,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
655
652
|
*ngIf="content"
|
|
656
653
|
[style.overflow]="contentOverflow"
|
|
657
654
|
[style.height]="contentHeight"
|
|
658
|
-
class="k-
|
|
655
|
+
class="k-panelbar-content">
|
|
659
656
|
<ng-template
|
|
660
657
|
[ngTemplateOutlet]="template"
|
|
661
658
|
[ngTemplateOutletContext]="{
|
|
@@ -760,7 +757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
760
757
|
*ngIf="hasChildItems && !items?.length"
|
|
761
758
|
[style.overflow]="contentOverflow"
|
|
762
759
|
[style.height]="contentHeight"
|
|
763
|
-
class="k-
|
|
760
|
+
class="k-panelbar-group"
|
|
764
761
|
>
|
|
765
762
|
<ng-content select="kendo-panelbar-item"></ng-content>
|
|
766
763
|
</div>
|
|
@@ -768,7 +765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
768
765
|
*ngIf="hasContent && !content"
|
|
769
766
|
[style.overflow]="contentOverflow"
|
|
770
767
|
[style.height]="contentHeight"
|
|
771
|
-
class="k-
|
|
768
|
+
class="k-panelbar-content">
|
|
772
769
|
<ng-template
|
|
773
770
|
[ngTemplateOutlet]="contentTemplate.first.templateRef"
|
|
774
771
|
[ngTemplateOutletContext]="{
|
|
@@ -786,7 +783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
786
783
|
<div *ngIf="hasItems"
|
|
787
784
|
[style.overflow]="contentOverflow"
|
|
788
785
|
[style.height]="contentHeight"
|
|
789
|
-
class="k-
|
|
786
|
+
class="k-panelbar-group">
|
|
790
787
|
<ng-container *ngFor="let item of items">
|
|
791
788
|
<kendo-panelbar-item *ngIf="!item.hidden"
|
|
792
789
|
[title]="item.title"
|
|
@@ -808,7 +805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
808
805
|
*ngIf="content"
|
|
809
806
|
[style.overflow]="contentOverflow"
|
|
810
807
|
[style.height]="contentHeight"
|
|
811
|
-
class="k-
|
|
808
|
+
class="k-panelbar-content">
|
|
812
809
|
<ng-template
|
|
813
810
|
[ngTemplateOutlet]="template"
|
|
814
811
|
[ngTemplateOutletContext]="{
|
|
@@ -871,9 +868,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
871
868
|
}], kItemClass: [{
|
|
872
869
|
type: HostBinding,
|
|
873
870
|
args: ['class.k-panelbar-item']
|
|
874
|
-
}], kStateDefaultClass: [{
|
|
875
|
-
type: HostBinding,
|
|
876
|
-
args: ['class.k-state-default']
|
|
877
871
|
}], kStateExpandedClass: [{
|
|
878
872
|
type: HostBinding,
|
|
879
873
|
args: ['class.k-expanded']
|
|
@@ -1458,7 +1452,7 @@ class PanelBarComponent {
|
|
|
1458
1452
|
}
|
|
1459
1453
|
}
|
|
1460
1454
|
PanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: PanelBarService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1461
|
-
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "
|
|
1455
|
+
PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
|
|
1462
1456
|
PanelBarService,
|
|
1463
1457
|
LocalizationService,
|
|
1464
1458
|
{
|
|
@@ -1552,9 +1546,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
1552
1546
|
}], hostClasses: [{
|
|
1553
1547
|
type: HostBinding,
|
|
1554
1548
|
args: ['class.k-panelbar']
|
|
1555
|
-
}, {
|
|
1556
|
-
type: HostBinding,
|
|
1557
|
-
args: ['class.k-pos-relative']
|
|
1558
1549
|
}], tabIndex: [{
|
|
1559
1550
|
type: HostBinding,
|
|
1560
1551
|
args: ['attr.tabIndex']
|
|
@@ -4746,6 +4737,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
4746
4737
|
</kendo-icon-wrapper>
|
|
4747
4738
|
|
|
4748
4739
|
<span class="k-item-text">{{ item.text }}</span>
|
|
4740
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
4749
4741
|
<kendo-icon-wrapper
|
|
4750
4742
|
*ngIf="viewItem.hasChildren"
|
|
4751
4743
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
|
@@ -4794,6 +4786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
4794
4786
|
</kendo-icon-wrapper>
|
|
4795
4787
|
|
|
4796
4788
|
<span class="k-item-text">{{ item.text }}</span>
|
|
4789
|
+
<span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
|
|
4797
4790
|
<kendo-icon-wrapper
|
|
4798
4791
|
*ngIf="viewItem.hasChildren"
|
|
4799
4792
|
[name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "16.0.0-develop.
|
|
3
|
+
"version": "16.0.0-develop.7",
|
|
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",
|
|
@@ -39,16 +39,16 @@
|
|
|
39
39
|
"@angular/core": "15 - 17",
|
|
40
40
|
"@angular/platform-browser": "15 - 17",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "16.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-l10n": "16.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "16.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "16.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "16.0.0-develop.
|
|
42
|
+
"@progress/kendo-angular-common": "16.0.0-develop.7",
|
|
43
|
+
"@progress/kendo-angular-l10n": "16.0.0-develop.7",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "16.0.0-develop.7",
|
|
45
|
+
"@progress/kendo-angular-icons": "16.0.0-develop.7",
|
|
46
|
+
"@progress/kendo-angular-buttons": "16.0.0-develop.7",
|
|
47
47
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"tslib": "^2.3.1",
|
|
51
|
-
"@progress/kendo-angular-schematics": "16.0.0-develop.
|
|
51
|
+
"@progress/kendo-angular-schematics": "16.0.0-develop.7",
|
|
52
52
|
"@progress/kendo-draggable": "^3.0.2"
|
|
53
53
|
},
|
|
54
54
|
"schematics": "./schematics/collection.json",
|
|
@@ -89,7 +89,6 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
|
|
|
89
89
|
role: string;
|
|
90
90
|
titleAttribute: string;
|
|
91
91
|
kItemClass: boolean;
|
|
92
|
-
get kStateDefaultClass(): boolean;
|
|
93
92
|
get kStateExpandedClass(): boolean;
|
|
94
93
|
get itemId(): string;
|
|
95
94
|
get ariaExpanded(): boolean;
|