@progress/kendo-angular-layout 17.0.0-develop.5 → 17.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.
Files changed (7) hide show
  1. package/esm2020/package-metadata.mjs +2 -2
  2. package/esm2020/tabstrip/rendering/tab.component.mjs +9 -8
  3. package/esm2020/tabstrip/tabstrip.component.mjs +12 -2
  4. package/fesm2015/progress-kendo-angular-layout.mjs +23 -12
  5. package/fesm2020/progress-kendo-angular-layout.mjs +23 -12
  6. package/package.json +8 -8
  7. package/tabstrip/tabstrip.component.d.ts +2 -0
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1729004044,
13
- version: '17.0.0-develop.5',
12
+ publishDate: 1729052761,
13
+ version: '17.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
  };
package/esm2020/tabstrip/rendering/tab.component.mjs CHANGED
@@ -75,11 +75,13 @@ export class TabComponent {
75
75
  }
76
76
  }
77
77
  TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
78
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-tabstrip-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
78
+ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
79
79
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
80
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
80
+ <span class="k-link" *ngIf="!tab.tabTitle">
81
+ <span class="k-link-text">{{ tab.title }}</span>
82
+ </span>
81
83
  <span class="k-link" *ngIf="tab.tabTitle">
82
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
84
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
83
85
  </ng-template>
84
86
  </span>
85
87
  </ng-container>
@@ -109,9 +111,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
109
111
  selector: '[kendoTabStripTab]',
110
112
  template: `
111
113
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
112
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
114
+ <span class="k-link" *ngIf="!tab.tabTitle">
115
+ <span class="k-link-text">{{ tab.title }}</span>
116
+ </span>
113
117
  <span class="k-link" *ngIf="tab.tabTitle">
114
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
118
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
115
119
  </ng-template>
116
120
  </span>
117
121
  </ng-container>
@@ -154,9 +158,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
154
158
  }], hostClasses: [{
155
159
  type: HostBinding,
156
160
  args: ['class.k-item']
157
- }, {
158
- type: HostBinding,
159
- args: ['class.k-tabstrip-item']
160
161
  }], activeClass: [{
161
162
  type: HostBinding,
162
163
  args: ['attr.aria-selected']
package/esm2020/tabstrip/tabstrip.component.mjs CHANGED
@@ -43,6 +43,12 @@ export class TabStripComponent {
43
43
  * @default true
44
44
  */
45
45
  this.animate = true;
46
+ /**
47
+ * Sets the alignment of the tabs.
48
+ *
49
+ * @default: 'start'
50
+ */
51
+ this.tabAlignment = 'start';
46
52
  /**
47
53
  * Sets the position of the tabs. Defaults to `top`.
48
54
  *
@@ -382,7 +388,7 @@ export class TabStripComponent {
382
388
  }
383
389
  }
384
390
  TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TabStripService }, { token: i3.ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
385
- TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-pos-relative": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
391
+ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-header": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
386
392
  TabStripService,
387
393
  ScrollService,
388
394
  LocalizationService,
@@ -445,6 +451,8 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
445
451
  <li
446
452
  #tabHeaderContainer
447
453
  kendoTabStripTab
454
+ [class.k-first]="i === 0"
455
+ [class.k-last]="i === tabs.length - 1"
448
456
  [ngClass]="tab.cssClass"
449
457
  [ngStyle]="tab.cssStyle"
450
458
  [tab]="tab"
@@ -581,6 +589,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
581
589
  <li
582
590
  #tabHeaderContainer
583
591
  kendoTabStripTab
592
+ [class.k-first]="i === 0"
593
+ [class.k-last]="i === tabs.length - 1"
584
594
  [ngClass]="tab.cssClass"
585
595
  [ngStyle]="tab.cssStyle"
586
596
  [tab]="tab"
@@ -667,7 +677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
667
677
  args: ['class.k-tabstrip']
668
678
  }, {
669
679
  type: HostBinding,
670
- args: ['class.k-pos-relative']
680
+ args: ['class.k-header']
671
681
  }], tabsAtTop: [{
672
682
  type: HostBinding,
673
683
  args: ['class.k-tabstrip-top']
package/fesm2015/progress-kendo-angular-layout.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-layout',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1729004044,
32
- version: '17.0.0-develop.5',
31
+ publishDate: 1729052761,
32
+ version: '17.0.0-develop.7',
33
33
  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'
34
34
  };
35
35
 
@@ -3451,11 +3451,13 @@ class TabComponent {
3451
3451
  }
3452
3452
  }
3453
3453
  TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
3454
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-tabstrip-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3454
+ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3455
3455
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
3456
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
3456
+ <span class="k-link" *ngIf="!tab.tabTitle">
3457
+ <span class="k-link-text">{{ tab.title }}</span>
3458
+ </span>
3457
3459
  <span class="k-link" *ngIf="tab.tabTitle">
3458
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
3460
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
3459
3461
  </ng-template>
3460
3462
  </span>
3461
3463
  </ng-container>
@@ -3485,9 +3487,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3485
3487
  selector: '[kendoTabStripTab]',
3486
3488
  template: `
3487
3489
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
3488
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
3490
+ <span class="k-link" *ngIf="!tab.tabTitle">
3491
+ <span class="k-link-text">{{ tab.title }}</span>
3492
+ </span>
3489
3493
  <span class="k-link" *ngIf="tab.tabTitle">
3490
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
3494
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
3491
3495
  </ng-template>
3492
3496
  </span>
3493
3497
  </ng-container>
@@ -3530,9 +3534,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3530
3534
  }], hostClasses: [{
3531
3535
  type: HostBinding,
3532
3536
  args: ['class.k-item']
3533
- }, {
3534
- type: HostBinding,
3535
- args: ['class.k-tabstrip-item']
3536
3537
  }], activeClass: [{
3537
3538
  type: HostBinding,
3538
3539
  args: ['attr.aria-selected']
@@ -3621,6 +3622,12 @@ class TabStripComponent {
3621
3622
  * @default true
3622
3623
  */
3623
3624
  this.animate = true;
3625
+ /**
3626
+ * Sets the alignment of the tabs.
3627
+ *
3628
+ * @default: 'start'
3629
+ */
3630
+ this.tabAlignment = 'start';
3624
3631
  /**
3625
3632
  * Sets the position of the tabs. Defaults to `top`.
3626
3633
  *
@@ -3960,7 +3967,7 @@ class TabStripComponent {
3960
3967
  }
3961
3968
  }
3962
3969
  TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
3963
- TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-pos-relative": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
3970
+ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-header": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
3964
3971
  TabStripService,
3965
3972
  ScrollService,
3966
3973
  LocalizationService,
@@ -4023,6 +4030,8 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
4023
4030
  <li
4024
4031
  #tabHeaderContainer
4025
4032
  kendoTabStripTab
4033
+ [class.k-first]="i === 0"
4034
+ [class.k-last]="i === tabs.length - 1"
4026
4035
  [ngClass]="tab.cssClass"
4027
4036
  [ngStyle]="tab.cssStyle"
4028
4037
  [tab]="tab"
@@ -4159,6 +4168,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4159
4168
  <li
4160
4169
  #tabHeaderContainer
4161
4170
  kendoTabStripTab
4171
+ [class.k-first]="i === 0"
4172
+ [class.k-last]="i === tabs.length - 1"
4162
4173
  [ngClass]="tab.cssClass"
4163
4174
  [ngStyle]="tab.cssStyle"
4164
4175
  [tab]="tab"
@@ -4245,7 +4256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4245
4256
  args: ['class.k-tabstrip']
4246
4257
  }, {
4247
4258
  type: HostBinding,
4248
- args: ['class.k-pos-relative']
4259
+ args: ['class.k-header']
4249
4260
  }], tabsAtTop: [{
4250
4261
  type: HostBinding,
4251
4262
  args: ['class.k-tabstrip-top']
package/fesm2020/progress-kendo-angular-layout.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-layout',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1729004044,
32
- version: '17.0.0-develop.5',
31
+ publishDate: 1729052761,
32
+ version: '17.0.0-develop.7',
33
33
  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'
34
34
  };
35
35
 
@@ -3441,11 +3441,13 @@ class TabComponent {
3441
3441
  }
3442
3442
  }
3443
3443
  TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
3444
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-tabstrip-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3444
+ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabComponent, isStandalone: true, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon", customTabstripCloseIcon: "customTabstripCloseIcon", closeSVGIcon: "closeSVGIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "attr.aria-selected": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3445
3445
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
3446
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
3446
+ <span class="k-link" *ngIf="!tab.tabTitle">
3447
+ <span class="k-link-text">{{ tab.title }}</span>
3448
+ </span>
3447
3449
  <span class="k-link" *ngIf="tab.tabTitle">
3448
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
3450
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
3449
3451
  </ng-template>
3450
3452
  </span>
3451
3453
  </ng-container>
@@ -3475,9 +3477,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3475
3477
  selector: '[kendoTabStripTab]',
3476
3478
  template: `
3477
3479
  <ng-container *ngIf="!tab.tabTemplate; else tabTemplate">
3478
- <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
3480
+ <span class="k-link" *ngIf="!tab.tabTitle">
3481
+ <span class="k-link-text">{{ tab.title }}</span>
3482
+ </span>
3479
3483
  <span class="k-link" *ngIf="tab.tabTitle">
3480
- <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
3484
+ <ng-template [ngTemplateOutlet]="tab.tabTitle.templateRef">
3481
3485
  </ng-template>
3482
3486
  </span>
3483
3487
  </ng-container>
@@ -3520,9 +3524,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3520
3524
  }], hostClasses: [{
3521
3525
  type: HostBinding,
3522
3526
  args: ['class.k-item']
3523
- }, {
3524
- type: HostBinding,
3525
- args: ['class.k-tabstrip-item']
3526
3527
  }], activeClass: [{
3527
3528
  type: HostBinding,
3528
3529
  args: ['attr.aria-selected']
@@ -3611,6 +3612,12 @@ class TabStripComponent {
3611
3612
  * @default true
3612
3613
  */
3613
3614
  this.animate = true;
3615
+ /**
3616
+ * Sets the alignment of the tabs.
3617
+ *
3618
+ * @default: 'start'
3619
+ */
3620
+ this.tabAlignment = 'start';
3614
3621
  /**
3615
3622
  * Sets the position of the tabs. Defaults to `top`.
3616
3623
  *
@@ -3950,7 +3957,7 @@ class TabStripComponent {
3950
3957
  }
3951
3958
  }
3952
3959
  TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
3953
- TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-pos-relative": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
3960
+ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-header": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
3954
3961
  TabStripService,
3955
3962
  ScrollService,
3956
3963
  LocalizationService,
@@ -4013,6 +4020,8 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
4013
4020
  <li
4014
4021
  #tabHeaderContainer
4015
4022
  kendoTabStripTab
4023
+ [class.k-first]="i === 0"
4024
+ [class.k-last]="i === tabs.length - 1"
4016
4025
  [ngClass]="tab.cssClass"
4017
4026
  [ngStyle]="tab.cssStyle"
4018
4027
  [tab]="tab"
@@ -4149,6 +4158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4149
4158
  <li
4150
4159
  #tabHeaderContainer
4151
4160
  kendoTabStripTab
4161
+ [class.k-first]="i === 0"
4162
+ [class.k-last]="i === tabs.length - 1"
4152
4163
  [ngClass]="tab.cssClass"
4153
4164
  [ngStyle]="tab.cssStyle"
4154
4165
  [tab]="tab"
@@ -4235,7 +4246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4235
4246
  args: ['class.k-tabstrip']
4236
4247
  }, {
4237
4248
  type: HostBinding,
4238
- args: ['class.k-pos-relative']
4249
+ args: ['class.k-header']
4239
4250
  }], tabsAtTop: [{
4240
4251
  type: HostBinding,
4241
4252
  args: ['class.k-tabstrip-top']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "17.0.0-develop.5",
3
+ "version": "17.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,17 +39,17 @@
39
39
  "@angular/core": "15 - 18",
40
40
  "@angular/platform-browser": "15 - 18",
41
41
  "@progress/kendo-licensing": "^1.0.2",
42
- "@progress/kendo-angular-common": "17.0.0-develop.5",
43
- "@progress/kendo-angular-l10n": "17.0.0-develop.5",
44
- "@progress/kendo-angular-progressbar": "17.0.0-develop.5",
45
- "@progress/kendo-angular-icons": "17.0.0-develop.5",
46
- "@progress/kendo-angular-buttons": "17.0.0-develop.5",
47
- "@progress/kendo-angular-intl": "17.0.0-develop.5",
42
+ "@progress/kendo-angular-common": "17.0.0-develop.7",
43
+ "@progress/kendo-angular-l10n": "17.0.0-develop.7",
44
+ "@progress/kendo-angular-progressbar": "17.0.0-develop.7",
45
+ "@progress/kendo-angular-icons": "17.0.0-develop.7",
46
+ "@progress/kendo-angular-buttons": "17.0.0-develop.7",
47
+ "@progress/kendo-angular-intl": "17.0.0-develop.7",
48
48
  "rxjs": "^6.5.3 || ^7.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "tslib": "^2.3.1",
52
- "@progress/kendo-angular-schematics": "17.0.0-develop.5",
52
+ "@progress/kendo-angular-schematics": "17.0.0-develop.7",
53
53
  "@progress/kendo-draggable": "^3.0.2"
54
54
  },
55
55
  "schematics": "./schematics/collection.json",
package/tabstrip/tabstrip.component.d.ts CHANGED
@@ -40,6 +40,8 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
40
40
  animate: boolean;
41
41
  /**
42
42
  * Sets the alignment of the tabs.
43
+ *
44
+ * @default: 'start'
43
45
  */
44
46
  tabAlignment: TabAlignment;
45
47
  /**