@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.
- package/dist/cdn/js/kendo-angular-layout.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tabstrip/tabstrip.component.js +27 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/tabstrip/tabstrip.component.d.ts +8 -0
- package/dist/es2015/tabstrip/tabstrip.component.js +20 -0
- package/dist/fesm2015/index.js +21 -1
- package/dist/fesm5/index.js +28 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tabstrip/tabstrip.component.js +27 -1
- package/dist/systemjs/kendo-angular-layout.js +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export var packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-layout',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
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
|
};
|
|
@@ -218,6 +218,32 @@ var TabStripComponent = /** @class */ (function () {
|
|
|
218
218
|
enumerable: true,
|
|
219
219
|
configurable: true
|
|
220
220
|
});
|
|
221
|
+
Object.defineProperty(TabStripComponent.prototype, "tabListWidth", {
|
|
222
|
+
/**
|
|
223
|
+
* @hidden
|
|
224
|
+
*/
|
|
225
|
+
get: function () {
|
|
226
|
+
if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
|
|
227
|
+
return '100%';
|
|
228
|
+
}
|
|
229
|
+
return null;
|
|
230
|
+
},
|
|
231
|
+
enumerable: true,
|
|
232
|
+
configurable: true
|
|
233
|
+
});
|
|
234
|
+
Object.defineProperty(TabStripComponent.prototype, "tabListHeight", {
|
|
235
|
+
/**
|
|
236
|
+
* @hidden
|
|
237
|
+
*/
|
|
238
|
+
get: function () {
|
|
239
|
+
if (this.tabPosition === 'left' || this.tabPosition === 'right') {
|
|
240
|
+
return '100%';
|
|
241
|
+
}
|
|
242
|
+
return null;
|
|
243
|
+
},
|
|
244
|
+
enumerable: true,
|
|
245
|
+
configurable: true
|
|
246
|
+
});
|
|
221
247
|
Object.defineProperty(TabStripComponent.prototype, "isScrollable", {
|
|
222
248
|
/**
|
|
223
249
|
* @hidden
|
|
@@ -489,7 +515,7 @@ var TabStripComponent = /** @class */ (function () {
|
|
|
489
515
|
],
|
|
490
516
|
exportAs: 'kendoTabStrip',
|
|
491
517
|
selector: 'kendo-tabstrip',
|
|
492
|
-
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 "
|
|
518
|
+
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 "
|
|
493
519
|
}),
|
|
494
520
|
tslib_1.__metadata("design:paramtypes", [LocalizationService,
|
|
495
521
|
Renderer2,
|