@progress/kendo-angular-layout 6.3.5 → 6.3.6-dev.202111110855

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 (14) hide show
  1. package/dist/cdn/js/kendo-angular-layout.js +1 -1
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/es/tabstrip/tabstrip.component.js +27 -1
  5. package/dist/es2015/index.metadata.json +1 -1
  6. package/dist/es2015/package-metadata.js +1 -1
  7. package/dist/es2015/tabstrip/tabstrip.component.d.ts +8 -0
  8. package/dist/es2015/tabstrip/tabstrip.component.js +20 -0
  9. package/dist/fesm2015/index.js +21 -1
  10. package/dist/fesm5/index.js +28 -2
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/dist/npm/tabstrip/tabstrip.component.js +27 -1
  13. package/dist/systemjs/kendo-angular-layout.js +1 -1
  14. package/package.json +1 -1
package/dist/es2015/package-metadata.js 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: 1635940072,
12
+ publishDate: 1636620848,
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
  };
package/dist/es2015/tabstrip/tabstrip.component.d.ts CHANGED
@@ -130,6 +130,14 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
130
130
  * @hidden
131
131
  */
132
132
  readonly tabsAlignmentStyles: string;
133
+ /**
134
+ * @hidden
135
+ */
136
+ readonly tabListWidth: string;
137
+ /**
138
+ * @hidden
139
+ */
140
+ readonly tabListHeight: string;
133
141
  /**
134
142
  * @hidden
135
143
  */
package/dist/es2015/tabstrip/tabstrip.component.js CHANGED
@@ -180,6 +180,24 @@ let TabStripComponent = class TabStripComponent {
180
180
  justify: 'space-between'
181
181
  }[this.tabAlignment];
182
182
  }
183
+ /**
184
+ * @hidden
185
+ */
186
+ get tabListWidth() {
187
+ if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
188
+ return '100%';
189
+ }
190
+ return null;
191
+ }
192
+ /**
193
+ * @hidden
194
+ */
195
+ get tabListHeight() {
196
+ if (this.tabPosition === 'left' || this.tabPosition === 'right') {
197
+ return '100%';
198
+ }
199
+ return null;
200
+ }
183
201
  /**
184
202
  * @hidden
185
203
  */
@@ -459,6 +477,8 @@ TabStripComponent = tslib_1.__decorate([
459
477
  <ul role="tablist" #tablist
460
478
  class="k-reset k-tabstrip-items"
461
479
  [style.justifyContent]="tabsAlignmentStyles"
480
+ [style.width]="tabListWidth"
481
+ [style.height]="tabListHeight"
462
482
  >
463
483
  <ng-container *ngFor="let tab of tabs; let i = index;">
464
484
  <li *ngIf="!tab.closed"
package/dist/fesm2015/index.js CHANGED
@@ -21,7 +21,7 @@ const packageMetadata = {
21
21
  name: '@progress/kendo-angular-layout',
22
22
  productName: 'Kendo UI for Angular',
23
23
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
24
- publishDate: 1635940072,
24
+ publishDate: 1636620848,
25
25
  version: '',
26
26
  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'
27
27
  };
@@ -2778,6 +2778,24 @@ let TabStripComponent = class TabStripComponent {
2778
2778
  justify: 'space-between'
2779
2779
  }[this.tabAlignment];
2780
2780
  }
2781
+ /**
2782
+ * @hidden
2783
+ */
2784
+ get tabListWidth() {
2785
+ if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
2786
+ return '100%';
2787
+ }
2788
+ return null;
2789
+ }
2790
+ /**
2791
+ * @hidden
2792
+ */
2793
+ get tabListHeight() {
2794
+ if (this.tabPosition === 'left' || this.tabPosition === 'right') {
2795
+ return '100%';
2796
+ }
2797
+ return null;
2798
+ }
2781
2799
  /**
2782
2800
  * @hidden
2783
2801
  */
@@ -3057,6 +3075,8 @@ TabStripComponent = __decorate([
3057
3075
  <ul role="tablist" #tablist
3058
3076
  class="k-reset k-tabstrip-items"
3059
3077
  [style.justifyContent]="tabsAlignmentStyles"
3078
+ [style.width]="tabListWidth"
3079
+ [style.height]="tabListHeight"
3060
3080
  >
3061
3081
  <ng-container *ngFor="let tab of tabs; let i = index;">
3062
3082
  <li *ngIf="!tab.closed"
package/dist/fesm5/index.js CHANGED
@@ -21,7 +21,7 @@ var packageMetadata = {
21
21
  name: '@progress/kendo-angular-layout',
22
22
  productName: 'Kendo UI for Angular',
23
23
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
24
- publishDate: 1635940072,
24
+ publishDate: 1636620848,
25
25
  version: '',
26
26
  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'
27
27
  };
@@ -2926,6 +2926,32 @@ var TabStripComponent = /** @class */ (function () {
2926
2926
  enumerable: true,
2927
2927
  configurable: true
2928
2928
  });
2929
+ Object.defineProperty(TabStripComponent.prototype, "tabListWidth", {
2930
+ /**
2931
+ * @hidden
2932
+ */
2933
+ get: function () {
2934
+ if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
2935
+ return '100%';
2936
+ }
2937
+ return null;
2938
+ },
2939
+ enumerable: true,
2940
+ configurable: true
2941
+ });
2942
+ Object.defineProperty(TabStripComponent.prototype, "tabListHeight", {
2943
+ /**
2944
+ * @hidden
2945
+ */
2946
+ get: function () {
2947
+ if (this.tabPosition === 'left' || this.tabPosition === 'right') {
2948
+ return '100%';
2949
+ }
2950
+ return null;
2951
+ },
2952
+ enumerable: true,
2953
+ configurable: true
2954
+ });
2929
2955
  Object.defineProperty(TabStripComponent.prototype, "isScrollable", {
2930
2956
  /**
2931
2957
  * @hidden
@@ -3197,7 +3223,7 @@ var TabStripComponent = /** @class */ (function () {
3197
3223
  ],
3198
3224
  exportAs: 'kendoTabStrip',
3199
3225
  selector: 'kendo-tabstrip',
3200
- template: "\n <ng-container kendoTabStripLocalizedMessages\n i18n-closeTitle=\"kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab.\"\n closeTitle=\"Close\">\n </ng-container>\n <ng-container *ngIf=\"!tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n </ng-container>\n <ng-template #heading>\n <div class=\"k-tabstrip-items-wrapper\" [ngClass]=\"itemsWrapperClass\">\n <span *ngIf=\"hasScrollButtons\"\n #prevScrollButton\n kendoTabStripScrollableButton\n [prev]=\"true\"></span>\n <ul role=\"tablist\" #tablist\n class=\"k-reset k-tabstrip-items\"\n [style.justifyContent]=\"tabsAlignmentStyles\"\n >\n <ng-container *ngFor=\"let tab of tabs; let i = index;\">\n <li *ngIf=\"!tab.closed\"\n #tabHeaderContainer\n kendoTabStripTab\n [ngClass]=\"tab.cssClass\"\n [ngStyle]=\"tab.cssStyle\"\n [tab]=\"tab\"\n [index]=\"i\"\n role=\"tab\"\n [tabStripClosable]=\"closable\"\n [tabStripCloseIcon]=\"closeIcon\"\n (click)=\"onTabClick($event, i)\"\n [id]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-controls]=\"'k-tabstrip-tabpanel-' + i\">\n </li>\n </ng-container>\n </ul>\n <span *ngIf=\"hasScrollButtons\" #nextScrollButton\n kendoTabStripScrollableButton\n [prev]=\"false\">\n </span>\n </div>\n </ng-template>\n <ng-template #content>\n <ng-template ngFor let-tab [ngForOf]=\"tabs\" let-i=\"index\">\n <div\n [@state]=\"tab.selected && animate ? 'active' : 'inactive'\"\n *ngIf=\"!tab.closed && (tab.selected || keepTabContent)\"\n [ngClass]=\"!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'\"\n [tabIndex]=\"0\"\n role=\"tabpanel\"\n [id]=\"'k-tabstrip-tabpanel-' + i\"\n [attr.aria-hidden]=\"!tab.selected\"\n [attr.aria-expanded]=\"tab.selected\"\n [attr.aria-labelledby]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-disabled]=\"tab.disabled\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.tabContent?.templateRef\">\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <kendo-resize-sensor *ngIf=\"isScrollable\" (resize)=\"onResize()\"></kendo-resize-sensor>\n "
3226
+ template: "\n <ng-container kendoTabStripLocalizedMessages\n i18n-closeTitle=\"kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab.\"\n closeTitle=\"Close\">\n </ng-container>\n <ng-container *ngIf=\"!tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n </ng-container>\n <ng-template #heading>\n <div class=\"k-tabstrip-items-wrapper\" [ngClass]=\"itemsWrapperClass\">\n <span *ngIf=\"hasScrollButtons\"\n #prevScrollButton\n kendoTabStripScrollableButton\n [prev]=\"true\"></span>\n <ul role=\"tablist\" #tablist\n class=\"k-reset k-tabstrip-items\"\n [style.justifyContent]=\"tabsAlignmentStyles\"\n [style.width]=\"tabListWidth\"\n [style.height]=\"tabListHeight\"\n >\n <ng-container *ngFor=\"let tab of tabs; let i = index;\">\n <li *ngIf=\"!tab.closed\"\n #tabHeaderContainer\n kendoTabStripTab\n [ngClass]=\"tab.cssClass\"\n [ngStyle]=\"tab.cssStyle\"\n [tab]=\"tab\"\n [index]=\"i\"\n role=\"tab\"\n [tabStripClosable]=\"closable\"\n [tabStripCloseIcon]=\"closeIcon\"\n (click)=\"onTabClick($event, i)\"\n [id]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-controls]=\"'k-tabstrip-tabpanel-' + i\">\n </li>\n </ng-container>\n </ul>\n <span *ngIf=\"hasScrollButtons\" #nextScrollButton\n kendoTabStripScrollableButton\n [prev]=\"false\">\n </span>\n </div>\n </ng-template>\n <ng-template #content>\n <ng-template ngFor let-tab [ngForOf]=\"tabs\" let-i=\"index\">\n <div\n [@state]=\"tab.selected && animate ? 'active' : 'inactive'\"\n *ngIf=\"!tab.closed && (tab.selected || keepTabContent)\"\n [ngClass]=\"!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'\"\n [tabIndex]=\"0\"\n role=\"tabpanel\"\n [id]=\"'k-tabstrip-tabpanel-' + i\"\n [attr.aria-hidden]=\"!tab.selected\"\n [attr.aria-expanded]=\"tab.selected\"\n [attr.aria-labelledby]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-disabled]=\"tab.disabled\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.tabContent?.templateRef\">\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <kendo-resize-sensor *ngIf=\"isScrollable\" (resize)=\"onResize()\"></kendo-resize-sensor>\n "
3201
3227
  }),
3202
3228
  __metadata("design:paramtypes", [LocalizationService,
3203
3229
  Renderer2,
package/dist/npm/package-metadata.js CHANGED
@@ -11,7 +11,7 @@ exports.packageMetadata = {
11
11
  name: '@progress/kendo-angular-layout',
12
12
  productName: 'Kendo UI for Angular',
13
13
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1635940072,
14
+ publishDate: 1636620848,
15
15
  version: '',
16
16
  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'
17
17
  };
package/dist/npm/tabstrip/tabstrip.component.js CHANGED
@@ -220,6 +220,32 @@ var TabStripComponent = /** @class */ (function () {
220
220
  enumerable: true,
221
221
  configurable: true
222
222
  });
223
+ Object.defineProperty(TabStripComponent.prototype, "tabListWidth", {
224
+ /**
225
+ * @hidden
226
+ */
227
+ get: function () {
228
+ if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
229
+ return '100%';
230
+ }
231
+ return null;
232
+ },
233
+ enumerable: true,
234
+ configurable: true
235
+ });
236
+ Object.defineProperty(TabStripComponent.prototype, "tabListHeight", {
237
+ /**
238
+ * @hidden
239
+ */
240
+ get: function () {
241
+ if (this.tabPosition === 'left' || this.tabPosition === 'right') {
242
+ return '100%';
243
+ }
244
+ return null;
245
+ },
246
+ enumerable: true,
247
+ configurable: true
248
+ });
223
249
  Object.defineProperty(TabStripComponent.prototype, "isScrollable", {
224
250
  /**
225
251
  * @hidden
@@ -491,7 +517,7 @@ var TabStripComponent = /** @class */ (function () {
491
517
  ],
492
518
  exportAs: 'kendoTabStrip',
493
519
  selector: 'kendo-tabstrip',
494
- template: "\n <ng-container kendoTabStripLocalizedMessages\n i18n-closeTitle=\"kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab.\"\n closeTitle=\"Close\">\n </ng-container>\n <ng-container *ngIf=\"!tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n </ng-container>\n <ng-template #heading>\n <div class=\"k-tabstrip-items-wrapper\" [ngClass]=\"itemsWrapperClass\">\n <span *ngIf=\"hasScrollButtons\"\n #prevScrollButton\n kendoTabStripScrollableButton\n [prev]=\"true\"></span>\n <ul role=\"tablist\" #tablist\n class=\"k-reset k-tabstrip-items\"\n [style.justifyContent]=\"tabsAlignmentStyles\"\n >\n <ng-container *ngFor=\"let tab of tabs; let i = index;\">\n <li *ngIf=\"!tab.closed\"\n #tabHeaderContainer\n kendoTabStripTab\n [ngClass]=\"tab.cssClass\"\n [ngStyle]=\"tab.cssStyle\"\n [tab]=\"tab\"\n [index]=\"i\"\n role=\"tab\"\n [tabStripClosable]=\"closable\"\n [tabStripCloseIcon]=\"closeIcon\"\n (click)=\"onTabClick($event, i)\"\n [id]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-controls]=\"'k-tabstrip-tabpanel-' + i\">\n </li>\n </ng-container>\n </ul>\n <span *ngIf=\"hasScrollButtons\" #nextScrollButton\n kendoTabStripScrollableButton\n [prev]=\"false\">\n </span>\n </div>\n </ng-template>\n <ng-template #content>\n <ng-template ngFor let-tab [ngForOf]=\"tabs\" let-i=\"index\">\n <div\n [@state]=\"tab.selected && animate ? 'active' : 'inactive'\"\n *ngIf=\"!tab.closed && (tab.selected || keepTabContent)\"\n [ngClass]=\"!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'\"\n [tabIndex]=\"0\"\n role=\"tabpanel\"\n [id]=\"'k-tabstrip-tabpanel-' + i\"\n [attr.aria-hidden]=\"!tab.selected\"\n [attr.aria-expanded]=\"tab.selected\"\n [attr.aria-labelledby]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-disabled]=\"tab.disabled\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.tabContent?.templateRef\">\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <kendo-resize-sensor *ngIf=\"isScrollable\" (resize)=\"onResize()\"></kendo-resize-sensor>\n "
520
+ template: "\n <ng-container kendoTabStripLocalizedMessages\n i18n-closeTitle=\"kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab.\"\n closeTitle=\"Close\">\n </ng-container>\n <ng-container *ngIf=\"!tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"tabsAtBottom\">\n <ng-container *ngTemplateOutlet=\"content\">\n </ng-container>\n <ng-container *ngTemplateOutlet=\"heading\">\n </ng-container>\n </ng-container>\n <ng-template #heading>\n <div class=\"k-tabstrip-items-wrapper\" [ngClass]=\"itemsWrapperClass\">\n <span *ngIf=\"hasScrollButtons\"\n #prevScrollButton\n kendoTabStripScrollableButton\n [prev]=\"true\"></span>\n <ul role=\"tablist\" #tablist\n class=\"k-reset k-tabstrip-items\"\n [style.justifyContent]=\"tabsAlignmentStyles\"\n [style.width]=\"tabListWidth\"\n [style.height]=\"tabListHeight\"\n >\n <ng-container *ngFor=\"let tab of tabs; let i = index;\">\n <li *ngIf=\"!tab.closed\"\n #tabHeaderContainer\n kendoTabStripTab\n [ngClass]=\"tab.cssClass\"\n [ngStyle]=\"tab.cssStyle\"\n [tab]=\"tab\"\n [index]=\"i\"\n role=\"tab\"\n [tabStripClosable]=\"closable\"\n [tabStripCloseIcon]=\"closeIcon\"\n (click)=\"onTabClick($event, i)\"\n [id]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-controls]=\"'k-tabstrip-tabpanel-' + i\">\n </li>\n </ng-container>\n </ul>\n <span *ngIf=\"hasScrollButtons\" #nextScrollButton\n kendoTabStripScrollableButton\n [prev]=\"false\">\n </span>\n </div>\n </ng-template>\n <ng-template #content>\n <ng-template ngFor let-tab [ngForOf]=\"tabs\" let-i=\"index\">\n <div\n [@state]=\"tab.selected && animate ? 'active' : 'inactive'\"\n *ngIf=\"!tab.closed && (tab.selected || keepTabContent)\"\n [ngClass]=\"!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'\"\n [tabIndex]=\"0\"\n role=\"tabpanel\"\n [id]=\"'k-tabstrip-tabpanel-' + i\"\n [attr.aria-hidden]=\"!tab.selected\"\n [attr.aria-expanded]=\"tab.selected\"\n [attr.aria-labelledby]=\"'k-tabstrip-tab-' + i\"\n [attr.aria-disabled]=\"tab.disabled\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.tabContent?.templateRef\">\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <kendo-resize-sensor *ngIf=\"isScrollable\" (resize)=\"onResize()\"></kendo-resize-sensor>\n "
495
521
  }),
496
522
  tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
497
523
  core_1.Renderer2,