@progress/kendo-angular-layout 21.4.1 → 22.0.0-develop.1
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/avatar/l10n/messages.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-layout.mjs +290 -290
- package/package.json +12 -20
- package/stepper/localization/messages.d.ts +1 -1
- package/tabstrip/localization/messages.d.ts +1 -1
- package/timeline/localization/messages.d.ts +1 -1
- package/esm2022/avatar/avatar.component.mjs +0 -406
- package/esm2022/avatar/l10n/custom-messages.component.mjs +0 -53
- package/esm2022/avatar/l10n/localized-messages.directive.mjs +0 -40
- package/esm2022/avatar/l10n/messages.mjs +0 -27
- package/esm2022/avatar/models/fill.mjs +0 -5
- package/esm2022/avatar/models/models.mjs +0 -9
- package/esm2022/avatar/models/rounded.mjs +0 -5
- package/esm2022/avatar/models/shape.mjs +0 -5
- package/esm2022/avatar/models/size.mjs +0 -5
- package/esm2022/avatar/models/theme-color.mjs +0 -5
- package/esm2022/avatar.module.mjs +0 -38
- package/esm2022/card/card-actions.component.mjs +0 -177
- package/esm2022/card/card-body.component.mjs +0 -37
- package/esm2022/card/card-footer.component.mjs +0 -37
- package/esm2022/card/card-header.component.mjs +0 -38
- package/esm2022/card/card.component.mjs +0 -118
- package/esm2022/card/directives/card-media.directive.mjs +0 -33
- package/esm2022/card/directives/card-separator.directive.mjs +0 -61
- package/esm2022/card/directives/card-subtitle.directive.mjs +0 -31
- package/esm2022/card/directives/card-title.directive.mjs +0 -31
- package/esm2022/card/models/actions-layout.mjs +0 -5
- package/esm2022/card/models/card-action.mjs +0 -21
- package/esm2022/card.module.mjs +0 -45
- package/esm2022/common/direction.mjs +0 -5
- package/esm2022/common/dom-queries.mjs +0 -47
- package/esm2022/common/orientation.mjs +0 -5
- package/esm2022/common/preventable-event.mjs +0 -31
- package/esm2022/common/styling-classes.mjs +0 -5
- package/esm2022/common/util.mjs +0 -85
- package/esm2022/directives.mjs +0 -174
- package/esm2022/drawer/animations.mjs +0 -146
- package/esm2022/drawer/drawer-container.component.mjs +0 -135
- package/esm2022/drawer/drawer-content.component.mjs +0 -39
- package/esm2022/drawer/drawer.component.mjs +0 -471
- package/esm2022/drawer/drawer.service.mjs +0 -105
- package/esm2022/drawer/events/drawer-list-select.event.mjs +0 -29
- package/esm2022/drawer/events/select-event.mjs +0 -33
- package/esm2022/drawer/item.component.mjs +0 -210
- package/esm2022/drawer/list.component.mjs +0 -165
- package/esm2022/drawer/models/constants.mjs +0 -8
- package/esm2022/drawer/models/drawer-animation.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-item-expand.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-item.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-view-item.interface.mjs +0 -5
- package/esm2022/drawer/models/mode.mjs +0 -5
- package/esm2022/drawer/models/position.mjs +0 -5
- package/esm2022/drawer/template-directives/drawer-template.directive.mjs +0 -43
- package/esm2022/drawer/template-directives/footer-template.directive.mjs +0 -36
- package/esm2022/drawer/template-directives/header-template.directive.mjs +0 -36
- package/esm2022/drawer/template-directives/item-template.directive.mjs +0 -44
- package/esm2022/drawer/template-directives.mjs +0 -8
- package/esm2022/drawer/types.mjs +0 -5
- package/esm2022/drawer/util.mjs +0 -16
- package/esm2022/drawer.module.mjs +0 -43
- package/esm2022/expansionpanel/animations.mjs +0 -23
- package/esm2022/expansionpanel/events/action-event.mjs +0 -21
- package/esm2022/expansionpanel/expansionpanel-title.directive.mjs +0 -38
- package/esm2022/expansionpanel/expansionpanel.component.mjs +0 -515
- package/esm2022/expansionpanel.module.mjs +0 -38
- package/esm2022/gridlayout.module.mjs +0 -38
- package/esm2022/index.mjs +0 -89
- package/esm2022/layout.module.mjs +0 -89
- package/esm2022/layouts/grid-layout.component.mjs +0 -179
- package/esm2022/layouts/gridlayout-item.component.mjs +0 -82
- package/esm2022/layouts/models/gridlayout-gap-settings.mjs +0 -5
- package/esm2022/layouts/models/gridlayout-row-col-size.mjs +0 -5
- package/esm2022/layouts/models/layout-align-settings.mjs +0 -5
- package/esm2022/layouts/models/layout-horizontal-align.mjs +0 -5
- package/esm2022/layouts/models/layout-vertical-align.mjs +0 -5
- package/esm2022/layouts/models.mjs +0 -10
- package/esm2022/layouts/stack-layout.component.mjs +0 -161
- package/esm2022/layouts/util.mjs +0 -101
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/panelbar/events/collapse-event.mjs +0 -14
- package/esm2022/panelbar/events/expand-event.mjs +0 -14
- package/esm2022/panelbar/events/item-click-event.mjs +0 -17
- package/esm2022/panelbar/events/select-event.mjs +0 -14
- package/esm2022/panelbar/events/state-change-event.mjs +0 -13
- package/esm2022/panelbar/events.mjs +0 -9
- package/esm2022/panelbar/panelbar-content.directive.mjs +0 -36
- package/esm2022/panelbar/panelbar-expand-mode.mjs +0 -29
- package/esm2022/panelbar/panelbar-item-model.mjs +0 -5
- package/esm2022/panelbar/panelbar-item-template.directive.mjs +0 -37
- package/esm2022/panelbar/panelbar-item-title.directive.mjs +0 -42
- package/esm2022/panelbar/panelbar-item.component.mjs +0 -722
- package/esm2022/panelbar/panelbar.component.mjs +0 -705
- package/esm2022/panelbar/panelbar.service.mjs +0 -53
- package/esm2022/panelbar.module.mjs +0 -41
- package/esm2022/progress-kendo-angular-layout.mjs +0 -8
- package/esm2022/splitter/splitter-bar.component.mjs +0 -338
- package/esm2022/splitter/splitter-pane.component.mjs +0 -324
- package/esm2022/splitter/splitter.component.mjs +0 -301
- package/esm2022/splitter/splitter.service.mjs +0 -205
- package/esm2022/splitter/util.mjs +0 -34
- package/esm2022/splitter.module.mjs +0 -38
- package/esm2022/stacklayout.module.mjs +0 -37
- package/esm2022/stepper/events/activate-event.mjs +0 -33
- package/esm2022/stepper/list.component.mjs +0 -185
- package/esm2022/stepper/localization/custom-messages.component.mjs +0 -52
- package/esm2022/stepper/localization/localized-messages.directive.mjs +0 -41
- package/esm2022/stepper/localization/messages.mjs +0 -27
- package/esm2022/stepper/models/constants.mjs +0 -8
- package/esm2022/stepper/models/orientation.mjs +0 -5
- package/esm2022/stepper/models/step-predicate.mjs +0 -5
- package/esm2022/stepper/models/step-type.mjs +0 -5
- package/esm2022/stepper/models/stepper-step.interface.mjs +0 -5
- package/esm2022/stepper/step.component.mjs +0 -396
- package/esm2022/stepper/stepper.component.mjs +0 -423
- package/esm2022/stepper/stepper.service.mjs +0 -186
- package/esm2022/stepper/template-directives/indicator-template.directive.mjs +0 -37
- package/esm2022/stepper/template-directives/label-template.directive.mjs +0 -37
- package/esm2022/stepper/template-directives/step-template.directive.mjs +0 -39
- package/esm2022/stepper/template-directives.mjs +0 -7
- package/esm2022/stepper/types.mjs +0 -5
- package/esm2022/stepper.module.mjs +0 -41
- package/esm2022/tabstrip/constants.mjs +0 -29
- package/esm2022/tabstrip/directives/tab-content.directive.mjs +0 -39
- package/esm2022/tabstrip/directives/tab-title.directive.mjs +0 -37
- package/esm2022/tabstrip/directives/tab.directive.mjs +0 -24
- package/esm2022/tabstrip/events/select-event.mjs +0 -25
- package/esm2022/tabstrip/events/tabclose-event.mjs +0 -23
- package/esm2022/tabstrip/events/tabscroll-event.mjs +0 -23
- package/esm2022/tabstrip/events.mjs +0 -7
- package/esm2022/tabstrip/localization/custom-messages.component.mjs +0 -53
- package/esm2022/tabstrip/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/tabstrip/localization/messages.mjs +0 -39
- package/esm2022/tabstrip/models/button-state-change.mjs +0 -5
- package/esm2022/tabstrip/models/scroll-button-type.mjs +0 -5
- package/esm2022/tabstrip/models/scroll-buttons-visibility.mjs +0 -5
- package/esm2022/tabstrip/models/scrollable-settings.mjs +0 -23
- package/esm2022/tabstrip/models/size.mjs +0 -5
- package/esm2022/tabstrip/models/tab-alignment.mjs +0 -5
- package/esm2022/tabstrip/models/tab-position.mjs +0 -5
- package/esm2022/tabstrip/models/tabstrip-tab.component.mjs +0 -130
- package/esm2022/tabstrip/rendering/tab.component.mjs +0 -182
- package/esm2022/tabstrip/scrollable-button.component.mjs +0 -182
- package/esm2022/tabstrip/tabstrip-scroll.service.mjs +0 -176
- package/esm2022/tabstrip/tabstrip.component.mjs +0 -954
- package/esm2022/tabstrip/tabstrip.service.mjs +0 -155
- package/esm2022/tabstrip/util.mjs +0 -120
- package/esm2022/tabstrip.module.mjs +0 -41
- package/esm2022/tilelayout/constants.mjs +0 -70
- package/esm2022/tilelayout/dragging-service.mjs +0 -421
- package/esm2022/tilelayout/keyboard-navigation.service.mjs +0 -189
- package/esm2022/tilelayout/models/dragging-config.interface.mjs +0 -5
- package/esm2022/tilelayout/models/flowmode.type.mjs +0 -5
- package/esm2022/tilelayout/models/gap.interface.mjs +0 -5
- package/esm2022/tilelayout/models/navigation.interface.mjs +0 -5
- package/esm2022/tilelayout/reorder-event.mjs +0 -43
- package/esm2022/tilelayout/resize-event.mjs +0 -37
- package/esm2022/tilelayout/tilelayout-item-body.component.mjs +0 -45
- package/esm2022/tilelayout/tilelayout-item-header.component.mjs +0 -43
- package/esm2022/tilelayout/tilelayout-item.component.mjs +0 -322
- package/esm2022/tilelayout/tilelayout-resize-handle.directive.mjs +0 -61
- package/esm2022/tilelayout/tilelayout.component.mjs +0 -388
- package/esm2022/tilelayout/util.mjs +0 -138
- package/esm2022/tilelayout.module.mjs +0 -40
- package/esm2022/timeline/events/navigation-direction.mjs +0 -5
- package/esm2022/timeline/localization/custom-messages.component.mjs +0 -43
- package/esm2022/timeline/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/timeline/localization/messages.mjs +0 -33
- package/esm2022/timeline/models/anchor-target.mjs +0 -5
- package/esm2022/timeline/models/default-model-fields.mjs +0 -16
- package/esm2022/timeline/models/events-order.mjs +0 -5
- package/esm2022/timeline/models/model-fields.mjs +0 -5
- package/esm2022/timeline/models/timeline-event.mjs +0 -5
- package/esm2022/timeline/templates/timeline-card-actions.directive.mjs +0 -40
- package/esm2022/timeline/templates/timeline-card-body.directive.mjs +0 -40
- package/esm2022/timeline/templates/timeline-card-header.directive.mjs +0 -41
- package/esm2022/timeline/timeline-card.component.mjs +0 -451
- package/esm2022/timeline/timeline-horizontal.component.mjs +0 -781
- package/esm2022/timeline/timeline-vertical.component.mjs +0 -203
- package/esm2022/timeline/timeline.component.mjs +0 -491
- package/esm2022/timeline/timeline.service.mjs +0 -32
- package/esm2022/timeline/util.mjs +0 -26
- package/esm2022/timeline.module.mjs +0 -41
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Use this template to define custom content for the entire step.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoStepperStepTemplate` directive inside the `<kendo-stepper>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-stepper>
|
|
15
|
-
* <ng-template kendoStepperStepTemplate let-step="step" let-index="index">
|
|
16
|
-
* <div class="custom-step">
|
|
17
|
-
* <span>{{ step.label }}</span>
|
|
18
|
-
* </div>
|
|
19
|
-
* </ng-template>
|
|
20
|
-
* </kendo-stepper>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class StepperStepTemplateDirective {
|
|
24
|
-
templateRef;
|
|
25
|
-
constructor(templateRef) {
|
|
26
|
-
this.templateRef = templateRef;
|
|
27
|
-
}
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
29
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: StepperStepTemplateDirective, isStandalone: true, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
|
|
32
|
-
type: Directive,
|
|
33
|
-
args: [{
|
|
34
|
-
selector: '[kendoStepperStepTemplate]',
|
|
35
|
-
standalone: true
|
|
36
|
-
}]
|
|
37
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
38
|
-
type: Optional
|
|
39
|
-
}] }] });
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { StepperIndicatorTemplateDirective } from './template-directives/indicator-template.directive';
|
|
6
|
-
export { StepperLabelTemplateDirective } from './template-directives/label-template.directive';
|
|
7
|
-
export { StepperStepTemplateDirective } from './template-directives/step-template.directive';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_STEPPER } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./stepper/stepper.component";
|
|
9
|
-
import * as i2 from "./stepper/localization/custom-messages.component";
|
|
10
|
-
import * as i3 from "./stepper/template-directives/indicator-template.directive";
|
|
11
|
-
import * as i4 from "./stepper/template-directives/label-template.directive";
|
|
12
|
-
import * as i5 from "./stepper/template-directives/step-template.directive";
|
|
13
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
14
|
-
/**
|
|
15
|
-
* Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Stepper component.
|
|
16
|
-
*
|
|
17
|
-
* Use this module to add the Stepper component to your NgModule-based Angular application.
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```typescript
|
|
21
|
-
* import { StepperModule } from '@progress/kendo-angular-layout';
|
|
22
|
-
* import { NgModule } from '@angular/core';
|
|
23
|
-
*
|
|
24
|
-
* @NgModule({
|
|
25
|
-
* imports: [StepperModule]
|
|
26
|
-
* })
|
|
27
|
-
* export class AppModule { }
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export class StepperModule {
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
32
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective], exports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective] });
|
|
33
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent] });
|
|
34
|
-
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepperModule, decorators: [{
|
|
36
|
-
type: NgModule,
|
|
37
|
-
args: [{
|
|
38
|
-
exports: [...KENDO_STEPPER],
|
|
39
|
-
imports: [...KENDO_STEPPER]
|
|
40
|
-
}]
|
|
41
|
-
}] });
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const BUTTON_SCROLL_SPEED = 100;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export const SCROLLABLE_CLASS = 'k-tabstrip-scrollable';
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export const HIDDEN_CLASS = 'k-hidden';
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export const DIRECTION_CLASSES = {
|
|
21
|
-
left: 'caret-alt-left',
|
|
22
|
-
right: 'caret-alt-right',
|
|
23
|
-
up: 'caret-alt-up',
|
|
24
|
-
down: 'caret-alt-down'
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
export const DEFAULT_SCROLL_BEHAVIOR = 'smooth';
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the content template of the Kendo UI TabStrip.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag with the `kendoTabContent` directive inside the component tag.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```html
|
|
13
|
-
* <kendo-tabstrip>
|
|
14
|
-
* <kendo-tabstrip-tab title="First Tab">
|
|
15
|
-
* <ng-template kendoTabContent>
|
|
16
|
-
* <div class="tab-content">
|
|
17
|
-
* <h2>Welcome</h2>
|
|
18
|
-
* <p>This is the content of the first tab.</p>
|
|
19
|
-
* </div>
|
|
20
|
-
* </ng-template>
|
|
21
|
-
* </kendo-tabstrip-tab>
|
|
22
|
-
* </kendo-tabstrip>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export class TabContentDirective {
|
|
26
|
-
templateRef;
|
|
27
|
-
constructor(templateRef) {
|
|
28
|
-
this.templateRef = templateRef;
|
|
29
|
-
}
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabContentDirective, isStandalone: true, selector: "[kendoTabContent]", ngImport: i0 });
|
|
32
|
-
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabContentDirective, decorators: [{
|
|
34
|
-
type: Directive,
|
|
35
|
-
args: [{
|
|
36
|
-
selector: '[kendoTabContent]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the title template of the Kendo UI TabStrip.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag with the `kendoTabTitle` directive inside the component tag.
|
|
10
|
-
* The `kendoTabTitle` directive overrides the TabStripTab [`title`]({% slug api_layout_tabstriptabcomponent %}#toc-title) option.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-tabstrip>
|
|
15
|
-
* <kendo-tabstrip-tab>
|
|
16
|
-
* <ng-template kendoTabTitle>
|
|
17
|
-
* <span class="custom-title">My Custom Title</span>
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-tabstrip-tab>
|
|
20
|
-
* </kendo-tabstrip>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class TabTitleDirective {
|
|
24
|
-
templateRef;
|
|
25
|
-
constructor(templateRef) {
|
|
26
|
-
this.templateRef = templateRef;
|
|
27
|
-
}
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
29
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabTitleDirective, isStandalone: true, selector: "[kendoTabTitle]", ngImport: i0 });
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabTitleDirective, decorators: [{
|
|
32
|
-
type: Directive,
|
|
33
|
-
args: [{
|
|
34
|
-
selector: '[kendoTabTitle]',
|
|
35
|
-
standalone: true
|
|
36
|
-
}]
|
|
37
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export class TabTemplateDirective {
|
|
11
|
-
templateRef;
|
|
12
|
-
constructor(templateRef) {
|
|
13
|
-
this.templateRef = templateRef;
|
|
14
|
-
}
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabTemplateDirective, isStandalone: true, selector: "[kendoTabTemplate]", ngImport: i0 });
|
|
17
|
-
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabTemplateDirective, decorators: [{
|
|
19
|
-
type: Directive,
|
|
20
|
-
args: [{
|
|
21
|
-
selector: '[kendoTabTemplate]',
|
|
22
|
-
standalone: true
|
|
23
|
-
}]
|
|
24
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PreventableEvent } from "@progress/kendo-angular-common";
|
|
6
|
-
/**
|
|
7
|
-
* Arguments for the `select` event of the TabStrip.
|
|
8
|
-
* The `select` event fires when tab is selected (clicked).
|
|
9
|
-
*/
|
|
10
|
-
export class SelectEvent extends PreventableEvent {
|
|
11
|
-
index;
|
|
12
|
-
title;
|
|
13
|
-
/**
|
|
14
|
-
* Constructs the event arguments for the `select` event.
|
|
15
|
-
* @param index - The index of the selected tab.
|
|
16
|
-
* @param title - The title of the selected tab.
|
|
17
|
-
*
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
constructor(index, title) {
|
|
21
|
-
super();
|
|
22
|
-
this.index = index;
|
|
23
|
-
this.title = title;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Arguments for the `tabClose` event of the TabStrip.
|
|
7
|
-
* The `tabClose` event fires when a tab is closed (clicked on the close button).
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export class TabCloseEvent {
|
|
11
|
-
index;
|
|
12
|
-
tab;
|
|
13
|
-
/**
|
|
14
|
-
* Constructs the event arguments for the `tabClose` event.
|
|
15
|
-
* @param index - The index of the closed tab.
|
|
16
|
-
* @param tab - The closed tab instance
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
constructor(index, tab) {
|
|
20
|
-
this.index = index;
|
|
21
|
-
this.tab = tab;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PreventableEvent } from "@progress/kendo-angular-common";
|
|
6
|
-
/**
|
|
7
|
-
* Arguments for the `tabScroll` event of the TabStrip.
|
|
8
|
-
* The `tabScroll` event fires when you scroll the tabs.
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
export class TabScrollEvent extends PreventableEvent {
|
|
12
|
-
/**
|
|
13
|
-
* The original DOM event that caused the tab scroll.
|
|
14
|
-
*/
|
|
15
|
-
originalEvent;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
constructor(args) {
|
|
20
|
-
super();
|
|
21
|
-
Object.assign(this, args);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { TabCloseEvent } from "./events/tabclose-event";
|
|
6
|
-
export { TabScrollEvent } from "./events/tabscroll-event";
|
|
7
|
-
export { SelectEvent } from "./events/select-event";
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TabStripMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the custom messages component for the TabStrip.
|
|
12
|
-
* It allows you to override the default messages used in the TabStrip component ([see example]({% slug rtl_layout %})).
|
|
13
|
-
*
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-tabstrip>
|
|
16
|
-
* <kendo-tabstrip-messages
|
|
17
|
-
* closeTitle="Close this tab"
|
|
18
|
-
* previousTabButton="Go to previous tab"
|
|
19
|
-
* </kendo-tabstrip-messages>
|
|
20
|
-
* </kendo-tabstrip>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class TabStripCustomMessagesComponent extends TabStripMessages {
|
|
24
|
-
service;
|
|
25
|
-
constructor(service) {
|
|
26
|
-
super();
|
|
27
|
-
this.service = service;
|
|
28
|
-
}
|
|
29
|
-
get override() {
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TabStripCustomMessagesComponent, isStandalone: true, selector: "kendo-tabstrip-messages", providers: [
|
|
34
|
-
{
|
|
35
|
-
provide: TabStripMessages,
|
|
36
|
-
useExisting: forwardRef(() => TabStripCustomMessagesComponent)
|
|
37
|
-
}
|
|
38
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{
|
|
43
|
-
providers: [
|
|
44
|
-
{
|
|
45
|
-
provide: TabStripMessages,
|
|
46
|
-
useExisting: forwardRef(() => TabStripCustomMessagesComponent)
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
selector: 'kendo-tabstrip-messages',
|
|
50
|
-
template: ``,
|
|
51
|
-
standalone: true
|
|
52
|
-
}]
|
|
53
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TabStripMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class LocalizedTabStripMessagesDirective extends TabStripMessages {
|
|
14
|
-
service;
|
|
15
|
-
constructor(service) {
|
|
16
|
-
super();
|
|
17
|
-
this.service = service;
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedTabStripMessagesDirective, isStandalone: true, selector: "[kendoTabStripLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: TabStripMessages,
|
|
23
|
-
useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: TabStripMessages,
|
|
33
|
-
useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: `[kendoTabStripLocalizedMessages]`,
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Input } from '@angular/core';
|
|
6
|
-
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export class TabStripMessages extends ComponentMessages {
|
|
12
|
-
/**
|
|
13
|
-
* Sets the title for the **Close** button in the TabStrip tab.
|
|
14
|
-
*/
|
|
15
|
-
closeTitle;
|
|
16
|
-
/**
|
|
17
|
-
* Sets the title for the **Previous Tab** button when the TabStrip is scrollable.
|
|
18
|
-
*/
|
|
19
|
-
previousTabButton;
|
|
20
|
-
/**
|
|
21
|
-
* Sets the title for the **Next Tab** button when the TabStrip is scrollable.
|
|
22
|
-
*/
|
|
23
|
-
nextTabButton;
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
25
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabStripMessages, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripMessages, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
31
|
-
selector: 'kendo-tabstrip-messages-base'
|
|
32
|
-
}]
|
|
33
|
-
}], propDecorators: { closeTitle: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], previousTabButton: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], nextTabButton: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BUTTON_SCROLL_SPEED } from "../constants";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
const normalizeSettings = ({ enabled = true, scrollButtons = 'auto', mouseScroll = true, buttonScrollSpeed = BUTTON_SCROLL_SPEED, scrollButtonsPosition = 'split', prevButtonIcon, nextButtonIcon, prevSVGButtonIcon, nextSVGButtonIcon }) => ({
|
|
10
|
-
enabled,
|
|
11
|
-
scrollButtons,
|
|
12
|
-
mouseScroll,
|
|
13
|
-
buttonScrollSpeed,
|
|
14
|
-
scrollButtonsPosition,
|
|
15
|
-
prevButtonIcon,
|
|
16
|
-
nextButtonIcon,
|
|
17
|
-
prevSVGButtonIcon,
|
|
18
|
-
nextSVGButtonIcon
|
|
19
|
-
});
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export const normalizeScrollableSettings = (settings) => normalizeSettings(settings === false ? { enabled: false } : settings);
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, ContentChildren, QueryList } from '@angular/core';
|
|
6
|
-
import { TabContentDirective } from '../directives/tab-content.directive';
|
|
7
|
-
import { TabTitleDirective } from '../directives/tab-title.directive';
|
|
8
|
-
import { TabTemplateDirective } from '../directives/tab.directive';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the Kendo UI TabStrip tab component.
|
|
12
|
-
* Use this component to define individual tabs within a TabStrip.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
16
|
-
* <kendo-tabstrip>
|
|
17
|
-
* <kendo-tabstrip-tab title="Home" [selected]="true">
|
|
18
|
-
* <ng-template kendoTabContent>
|
|
19
|
-
* Home content here
|
|
20
|
-
* </ng-template>
|
|
21
|
-
* </kendo-tabstrip-tab>
|
|
22
|
-
* </kendo-tabstrip>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export class TabStripTabComponent {
|
|
26
|
-
/**
|
|
27
|
-
* Sets the title text for the tab ([see example](slug:tabs_tabstrip#toc-tab-titles)).
|
|
28
|
-
*/
|
|
29
|
-
title;
|
|
30
|
-
/**
|
|
31
|
-
* Disables the tab and prevents user interaction ([see example]({% slug tabs_tabstrip %}#toc-disabled-tabs)).
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
disabled = false;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the CSS classes to apply to the `tab` element.
|
|
38
|
-
* Accepts the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
39
|
-
*/
|
|
40
|
-
cssClass;
|
|
41
|
-
/**
|
|
42
|
-
* Specifies the CSS styles to apply to the `tab` element.
|
|
43
|
-
* Accepts the same values as [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
44
|
-
*/
|
|
45
|
-
cssStyle;
|
|
46
|
-
/**
|
|
47
|
-
* Selects the tab when the TabStrip loads
|
|
48
|
-
* ([see example](slug:tabs_tabstrip#toc-selected-tab)).
|
|
49
|
-
*/
|
|
50
|
-
selected;
|
|
51
|
-
/**
|
|
52
|
-
* Shows a close button inside the tab when set to `true`.
|
|
53
|
-
* This setting overrides the TabStrip `closable` option.
|
|
54
|
-
*/
|
|
55
|
-
closable;
|
|
56
|
-
/**
|
|
57
|
-
* Sets the name of an existing font icon in the Kendo UI theme for the close button.
|
|
58
|
-
* This setting overrides the TabStrip `closeIcon` option.
|
|
59
|
-
*/
|
|
60
|
-
closeIcon;
|
|
61
|
-
/**
|
|
62
|
-
* Sets custom CSS classes for the close button icon.
|
|
63
|
-
* You can define a single class or multiple classes separated by spaces.
|
|
64
|
-
* This setting overrides the TabStrip `closeIcon` option.
|
|
65
|
-
*/
|
|
66
|
-
closeIconClass;
|
|
67
|
-
/**
|
|
68
|
-
* Sets an SVG icon for the close button.
|
|
69
|
-
* You can use an [existing Kendo SVG icon](slug:svgicon_list) or provide a custom one.
|
|
70
|
-
*/
|
|
71
|
-
closeSVGIcon;
|
|
72
|
-
get tabContent() {
|
|
73
|
-
return this._tabContent.first;
|
|
74
|
-
}
|
|
75
|
-
get tabTitle() {
|
|
76
|
-
return this._tabTitleDirective.first;
|
|
77
|
-
}
|
|
78
|
-
get tabTemplate() {
|
|
79
|
-
return this._tabDirective.first;
|
|
80
|
-
}
|
|
81
|
-
_tabDirective = new QueryList();
|
|
82
|
-
_tabContent = new QueryList();
|
|
83
|
-
// guards against nested tabstrip components; `descendants` is not defined by default;
|
|
84
|
-
_tabTitleDirective;
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*
|
|
88
|
-
* Currently only disabled tabs can be focused. Otherwise they will be
|
|
89
|
-
* immediately selected
|
|
90
|
-
*/
|
|
91
|
-
focused = false;
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TabStripTabComponent, isStandalone: true, selector: "kendo-tabstrip-tab", inputs: { title: "title", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", selected: "selected", closable: "closable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon" }, queries: [{ propertyName: "_tabDirective", predicate: TabTemplateDirective }, { propertyName: "_tabContent", predicate: TabContentDirective }, { propertyName: "_tabTitleDirective", predicate: TabTitleDirective }], exportAs: ["kendoTabStripTab"], ngImport: i0, template: ``, isInline: true });
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripTabComponent, decorators: [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
exportAs: 'kendoTabStripTab',
|
|
99
|
-
selector: 'kendo-tabstrip-tab',
|
|
100
|
-
template: ``,
|
|
101
|
-
standalone: true
|
|
102
|
-
}]
|
|
103
|
-
}], propDecorators: { title: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], disabled: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], cssClass: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], cssStyle: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}], selected: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], closable: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], closeIcon: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], closeIconClass: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], closeSVGIcon: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], _tabDirective: [{
|
|
122
|
-
type: ContentChildren,
|
|
123
|
-
args: [TabTemplateDirective]
|
|
124
|
-
}], _tabContent: [{
|
|
125
|
-
type: ContentChildren,
|
|
126
|
-
args: [TabContentDirective]
|
|
127
|
-
}], _tabTitleDirective: [{
|
|
128
|
-
type: ContentChildren,
|
|
129
|
-
args: [TabTitleDirective]
|
|
130
|
-
}] } });
|