@progress/kendo-angular-layout 17.0.0-develop.1 → 17.0.0-develop.3

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/tabstrip.component.mjs +14 -35
  3. package/fesm2015/progress-kendo-angular-layout.mjs +16 -37
  4. package/fesm2020/progress-kendo-angular-layout.mjs +16 -37
  5. package/package.json +8 -8
  6. package/tabstrip/models/tab-alignment.d.ts +1 -1
  7. package/tabstrip/tabstrip.component.d.ts +0 -12
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: 1728903258,
13
- version: '17.0.0-develop.1',
12
+ publishDate: 1728917209,
13
+ version: '17.0.0-develop.3',
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/tabstrip.component.mjs CHANGED
@@ -231,35 +231,6 @@ export class TabStripComponent {
231
231
  this.activeStateChangeSub.unsubscribe();
232
232
  }
233
233
  }
234
- /**
235
- * @hidden
236
- */
237
- get tabsAlignmentStyles() {
238
- return {
239
- start: 'flex-start',
240
- end: 'flex-end',
241
- center: 'center',
242
- justify: 'space-between'
243
- }[this.tabAlignment];
244
- }
245
- /**
246
- * @hidden
247
- */
248
- get tabListWidth() {
249
- if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
250
- return '100%';
251
- }
252
- return null;
253
- }
254
- /**
255
- * @hidden
256
- */
257
- get tabListHeight() {
258
- if (this.tabPosition === 'left' || this.tabPosition === 'right') {
259
- return '100%';
260
- }
261
- return null;
262
- }
263
234
  /**
264
235
  * @hidden
265
236
  */
@@ -461,9 +432,13 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
461
432
  </span>
462
433
  <ul role="tablist" #tablist
463
434
  class="k-reset k-tabstrip-items"
464
- [style.justifyContent]="tabsAlignmentStyles"
465
- [style.width]="tabListWidth"
466
- [style.height]="tabListHeight"
435
+ [ngClass]="{
436
+ 'k-tabstrip-items-start': tabAlignment === 'start',
437
+ 'k-tabstrip-items-center': tabAlignment === 'center',
438
+ 'k-tabstrip-items-end': tabAlignment === 'end',
439
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
440
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
441
+ }"
467
442
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
468
443
  >
469
444
  <ng-container *ngFor="let tab of tabs; let i = index;">
@@ -593,9 +568,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
593
568
  </span>
594
569
  <ul role="tablist" #tablist
595
570
  class="k-reset k-tabstrip-items"
596
- [style.justifyContent]="tabsAlignmentStyles"
597
- [style.width]="tabListWidth"
598
- [style.height]="tabListHeight"
571
+ [ngClass]="{
572
+ 'k-tabstrip-items-start': tabAlignment === 'start',
573
+ 'k-tabstrip-items-center': tabAlignment === 'center',
574
+ 'k-tabstrip-items-end': tabAlignment === 'end',
575
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
576
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
577
+ }"
599
578
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
600
579
  >
601
580
  <ng-container *ngFor="let tab of tabs; let i = index;">
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: 1728903258,
32
- version: '17.0.0-develop.1',
31
+ publishDate: 1728917209,
32
+ version: '17.0.0-develop.3',
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
 
@@ -3809,35 +3809,6 @@ class TabStripComponent {
3809
3809
  this.activeStateChangeSub.unsubscribe();
3810
3810
  }
3811
3811
  }
3812
- /**
3813
- * @hidden
3814
- */
3815
- get tabsAlignmentStyles() {
3816
- return {
3817
- start: 'flex-start',
3818
- end: 'flex-end',
3819
- center: 'center',
3820
- justify: 'space-between'
3821
- }[this.tabAlignment];
3822
- }
3823
- /**
3824
- * @hidden
3825
- */
3826
- get tabListWidth() {
3827
- if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
3828
- return '100%';
3829
- }
3830
- return null;
3831
- }
3832
- /**
3833
- * @hidden
3834
- */
3835
- get tabListHeight() {
3836
- if (this.tabPosition === 'left' || this.tabPosition === 'right') {
3837
- return '100%';
3838
- }
3839
- return null;
3840
- }
3841
3812
  /**
3842
3813
  * @hidden
3843
3814
  */
@@ -4039,9 +4010,13 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
4039
4010
  </span>
4040
4011
  <ul role="tablist" #tablist
4041
4012
  class="k-reset k-tabstrip-items"
4042
- [style.justifyContent]="tabsAlignmentStyles"
4043
- [style.width]="tabListWidth"
4044
- [style.height]="tabListHeight"
4013
+ [ngClass]="{
4014
+ 'k-tabstrip-items-start': tabAlignment === 'start',
4015
+ 'k-tabstrip-items-center': tabAlignment === 'center',
4016
+ 'k-tabstrip-items-end': tabAlignment === 'end',
4017
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
4018
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
4019
+ }"
4045
4020
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
4046
4021
  >
4047
4022
  <ng-container *ngFor="let tab of tabs; let i = index;">
@@ -4171,9 +4146,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4171
4146
  </span>
4172
4147
  <ul role="tablist" #tablist
4173
4148
  class="k-reset k-tabstrip-items"
4174
- [style.justifyContent]="tabsAlignmentStyles"
4175
- [style.width]="tabListWidth"
4176
- [style.height]="tabListHeight"
4149
+ [ngClass]="{
4150
+ 'k-tabstrip-items-start': tabAlignment === 'start',
4151
+ 'k-tabstrip-items-center': tabAlignment === 'center',
4152
+ 'k-tabstrip-items-end': tabAlignment === 'end',
4153
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
4154
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
4155
+ }"
4177
4156
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
4178
4157
  >
4179
4158
  <ng-container *ngFor="let tab of tabs; let i = index;">
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: 1728903258,
32
- version: '17.0.0-develop.1',
31
+ publishDate: 1728917209,
32
+ version: '17.0.0-develop.3',
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
 
@@ -3799,35 +3799,6 @@ class TabStripComponent {
3799
3799
  this.activeStateChangeSub.unsubscribe();
3800
3800
  }
3801
3801
  }
3802
- /**
3803
- * @hidden
3804
- */
3805
- get tabsAlignmentStyles() {
3806
- return {
3807
- start: 'flex-start',
3808
- end: 'flex-end',
3809
- center: 'center',
3810
- justify: 'space-between'
3811
- }[this.tabAlignment];
3812
- }
3813
- /**
3814
- * @hidden
3815
- */
3816
- get tabListWidth() {
3817
- if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
3818
- return '100%';
3819
- }
3820
- return null;
3821
- }
3822
- /**
3823
- * @hidden
3824
- */
3825
- get tabListHeight() {
3826
- if (this.tabPosition === 'left' || this.tabPosition === 'right') {
3827
- return '100%';
3828
- }
3829
- return null;
3830
- }
3831
3802
  /**
3832
3803
  * @hidden
3833
3804
  */
@@ -4029,9 +4000,13 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
4029
4000
  </span>
4030
4001
  <ul role="tablist" #tablist
4031
4002
  class="k-reset k-tabstrip-items"
4032
- [style.justifyContent]="tabsAlignmentStyles"
4033
- [style.width]="tabListWidth"
4034
- [style.height]="tabListHeight"
4003
+ [ngClass]="{
4004
+ 'k-tabstrip-items-start': tabAlignment === 'start',
4005
+ 'k-tabstrip-items-center': tabAlignment === 'center',
4006
+ 'k-tabstrip-items-end': tabAlignment === 'end',
4007
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
4008
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
4009
+ }"
4035
4010
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
4036
4011
  >
4037
4012
  <ng-container *ngFor="let tab of tabs; let i = index;">
@@ -4161,9 +4136,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
4161
4136
  </span>
4162
4137
  <ul role="tablist" #tablist
4163
4138
  class="k-reset k-tabstrip-items"
4164
- [style.justifyContent]="tabsAlignmentStyles"
4165
- [style.width]="tabListWidth"
4166
- [style.height]="tabListHeight"
4139
+ [ngClass]="{
4140
+ 'k-tabstrip-items-start': tabAlignment === 'start',
4141
+ 'k-tabstrip-items-center': tabAlignment === 'center',
4142
+ 'k-tabstrip-items-end': tabAlignment === 'end',
4143
+ 'k-tabstrip-items-stretched': tabAlignment === 'stretched',
4144
+ 'k-tabstrip-items-justify': tabAlignment === 'justify'
4145
+ }"
4167
4146
  [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
4168
4147
  >
4169
4148
  <ng-container *ngFor="let tab of tabs; let i = index;">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "17.0.0-develop.1",
3
+ "version": "17.0.0-develop.3",
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.1",
43
- "@progress/kendo-angular-l10n": "17.0.0-develop.1",
44
- "@progress/kendo-angular-progressbar": "17.0.0-develop.1",
45
- "@progress/kendo-angular-icons": "17.0.0-develop.1",
46
- "@progress/kendo-angular-buttons": "17.0.0-develop.1",
47
- "@progress/kendo-angular-intl": "17.0.0-develop.1",
42
+ "@progress/kendo-angular-common": "17.0.0-develop.3",
43
+ "@progress/kendo-angular-l10n": "17.0.0-develop.3",
44
+ "@progress/kendo-angular-progressbar": "17.0.0-develop.3",
45
+ "@progress/kendo-angular-icons": "17.0.0-develop.3",
46
+ "@progress/kendo-angular-buttons": "17.0.0-develop.3",
47
+ "@progress/kendo-angular-intl": "17.0.0-develop.3",
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.1",
52
+ "@progress/kendo-angular-schematics": "17.0.0-develop.3",
53
53
  "@progress/kendo-draggable": "^3.0.2"
54
54
  },
55
55
  "schematics": "./schematics/collection.json",
package/tabstrip/models/tab-alignment.d.ts CHANGED
@@ -6,4 +6,4 @@
6
6
  * Specifies the alignment of the tabs
7
7
  * ([see example](slug:tabs_tabstrip#toc-tab-alignment)).
8
8
  */
9
- export declare type TabAlignment = 'start' | 'end' | 'center' | 'justify';
9
+ export declare type TabAlignment = 'start' | 'end' | 'center' | 'justify' | 'stretched';
package/tabstrip/tabstrip.component.d.ts CHANGED
@@ -154,18 +154,6 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
154
154
  ngAfterViewInit(): void;
155
155
  ngOnChanges(changes: SimpleChanges): void;
156
156
  ngOnDestroy(): void;
157
- /**
158
- * @hidden
159
- */
160
- get tabsAlignmentStyles(): string;
161
- /**
162
- * @hidden
163
- */
164
- get tabListWidth(): string;
165
- /**
166
- * @hidden
167
- */
168
- get tabListHeight(): string;
169
157
  /**
170
158
  * @hidden
171
159
  */