@progress/kendo-angular-layout 21.4.1-develop.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.
Files changed (182) hide show
  1. package/avatar/l10n/messages.d.ts +1 -1
  2. package/fesm2022/progress-kendo-angular-layout.mjs +290 -290
  3. package/package.json +12 -20
  4. package/stepper/localization/messages.d.ts +1 -1
  5. package/tabstrip/localization/messages.d.ts +1 -1
  6. package/timeline/localization/messages.d.ts +1 -1
  7. package/esm2022/avatar/avatar.component.mjs +0 -406
  8. package/esm2022/avatar/l10n/custom-messages.component.mjs +0 -53
  9. package/esm2022/avatar/l10n/localized-messages.directive.mjs +0 -40
  10. package/esm2022/avatar/l10n/messages.mjs +0 -27
  11. package/esm2022/avatar/models/fill.mjs +0 -5
  12. package/esm2022/avatar/models/models.mjs +0 -9
  13. package/esm2022/avatar/models/rounded.mjs +0 -5
  14. package/esm2022/avatar/models/shape.mjs +0 -5
  15. package/esm2022/avatar/models/size.mjs +0 -5
  16. package/esm2022/avatar/models/theme-color.mjs +0 -5
  17. package/esm2022/avatar.module.mjs +0 -38
  18. package/esm2022/card/card-actions.component.mjs +0 -177
  19. package/esm2022/card/card-body.component.mjs +0 -37
  20. package/esm2022/card/card-footer.component.mjs +0 -37
  21. package/esm2022/card/card-header.component.mjs +0 -38
  22. package/esm2022/card/card.component.mjs +0 -118
  23. package/esm2022/card/directives/card-media.directive.mjs +0 -33
  24. package/esm2022/card/directives/card-separator.directive.mjs +0 -61
  25. package/esm2022/card/directives/card-subtitle.directive.mjs +0 -31
  26. package/esm2022/card/directives/card-title.directive.mjs +0 -31
  27. package/esm2022/card/models/actions-layout.mjs +0 -5
  28. package/esm2022/card/models/card-action.mjs +0 -21
  29. package/esm2022/card.module.mjs +0 -45
  30. package/esm2022/common/direction.mjs +0 -5
  31. package/esm2022/common/dom-queries.mjs +0 -47
  32. package/esm2022/common/orientation.mjs +0 -5
  33. package/esm2022/common/preventable-event.mjs +0 -31
  34. package/esm2022/common/styling-classes.mjs +0 -5
  35. package/esm2022/common/util.mjs +0 -85
  36. package/esm2022/directives.mjs +0 -174
  37. package/esm2022/drawer/animations.mjs +0 -146
  38. package/esm2022/drawer/drawer-container.component.mjs +0 -135
  39. package/esm2022/drawer/drawer-content.component.mjs +0 -39
  40. package/esm2022/drawer/drawer.component.mjs +0 -471
  41. package/esm2022/drawer/drawer.service.mjs +0 -105
  42. package/esm2022/drawer/events/drawer-list-select.event.mjs +0 -29
  43. package/esm2022/drawer/events/select-event.mjs +0 -33
  44. package/esm2022/drawer/item.component.mjs +0 -210
  45. package/esm2022/drawer/list.component.mjs +0 -165
  46. package/esm2022/drawer/models/constants.mjs +0 -8
  47. package/esm2022/drawer/models/drawer-animation.interface.mjs +0 -5
  48. package/esm2022/drawer/models/drawer-item-expand.interface.mjs +0 -5
  49. package/esm2022/drawer/models/drawer-item.interface.mjs +0 -5
  50. package/esm2022/drawer/models/drawer-view-item.interface.mjs +0 -5
  51. package/esm2022/drawer/models/mode.mjs +0 -5
  52. package/esm2022/drawer/models/position.mjs +0 -5
  53. package/esm2022/drawer/template-directives/drawer-template.directive.mjs +0 -43
  54. package/esm2022/drawer/template-directives/footer-template.directive.mjs +0 -36
  55. package/esm2022/drawer/template-directives/header-template.directive.mjs +0 -36
  56. package/esm2022/drawer/template-directives/item-template.directive.mjs +0 -44
  57. package/esm2022/drawer/template-directives.mjs +0 -8
  58. package/esm2022/drawer/types.mjs +0 -5
  59. package/esm2022/drawer/util.mjs +0 -16
  60. package/esm2022/drawer.module.mjs +0 -43
  61. package/esm2022/expansionpanel/animations.mjs +0 -23
  62. package/esm2022/expansionpanel/events/action-event.mjs +0 -21
  63. package/esm2022/expansionpanel/expansionpanel-title.directive.mjs +0 -38
  64. package/esm2022/expansionpanel/expansionpanel.component.mjs +0 -515
  65. package/esm2022/expansionpanel.module.mjs +0 -38
  66. package/esm2022/gridlayout.module.mjs +0 -38
  67. package/esm2022/index.mjs +0 -89
  68. package/esm2022/layout.module.mjs +0 -89
  69. package/esm2022/layouts/grid-layout.component.mjs +0 -179
  70. package/esm2022/layouts/gridlayout-item.component.mjs +0 -82
  71. package/esm2022/layouts/models/gridlayout-gap-settings.mjs +0 -5
  72. package/esm2022/layouts/models/gridlayout-row-col-size.mjs +0 -5
  73. package/esm2022/layouts/models/layout-align-settings.mjs +0 -5
  74. package/esm2022/layouts/models/layout-horizontal-align.mjs +0 -5
  75. package/esm2022/layouts/models/layout-vertical-align.mjs +0 -5
  76. package/esm2022/layouts/models.mjs +0 -10
  77. package/esm2022/layouts/stack-layout.component.mjs +0 -161
  78. package/esm2022/layouts/util.mjs +0 -101
  79. package/esm2022/package-metadata.mjs +0 -16
  80. package/esm2022/panelbar/events/collapse-event.mjs +0 -14
  81. package/esm2022/panelbar/events/expand-event.mjs +0 -14
  82. package/esm2022/panelbar/events/item-click-event.mjs +0 -17
  83. package/esm2022/panelbar/events/select-event.mjs +0 -14
  84. package/esm2022/panelbar/events/state-change-event.mjs +0 -13
  85. package/esm2022/panelbar/events.mjs +0 -9
  86. package/esm2022/panelbar/panelbar-content.directive.mjs +0 -36
  87. package/esm2022/panelbar/panelbar-expand-mode.mjs +0 -29
  88. package/esm2022/panelbar/panelbar-item-model.mjs +0 -5
  89. package/esm2022/panelbar/panelbar-item-template.directive.mjs +0 -37
  90. package/esm2022/panelbar/panelbar-item-title.directive.mjs +0 -42
  91. package/esm2022/panelbar/panelbar-item.component.mjs +0 -722
  92. package/esm2022/panelbar/panelbar.component.mjs +0 -705
  93. package/esm2022/panelbar/panelbar.service.mjs +0 -53
  94. package/esm2022/panelbar.module.mjs +0 -41
  95. package/esm2022/progress-kendo-angular-layout.mjs +0 -8
  96. package/esm2022/splitter/splitter-bar.component.mjs +0 -338
  97. package/esm2022/splitter/splitter-pane.component.mjs +0 -324
  98. package/esm2022/splitter/splitter.component.mjs +0 -301
  99. package/esm2022/splitter/splitter.service.mjs +0 -205
  100. package/esm2022/splitter/util.mjs +0 -34
  101. package/esm2022/splitter.module.mjs +0 -38
  102. package/esm2022/stacklayout.module.mjs +0 -37
  103. package/esm2022/stepper/events/activate-event.mjs +0 -33
  104. package/esm2022/stepper/list.component.mjs +0 -185
  105. package/esm2022/stepper/localization/custom-messages.component.mjs +0 -52
  106. package/esm2022/stepper/localization/localized-messages.directive.mjs +0 -41
  107. package/esm2022/stepper/localization/messages.mjs +0 -27
  108. package/esm2022/stepper/models/constants.mjs +0 -8
  109. package/esm2022/stepper/models/orientation.mjs +0 -5
  110. package/esm2022/stepper/models/step-predicate.mjs +0 -5
  111. package/esm2022/stepper/models/step-type.mjs +0 -5
  112. package/esm2022/stepper/models/stepper-step.interface.mjs +0 -5
  113. package/esm2022/stepper/step.component.mjs +0 -396
  114. package/esm2022/stepper/stepper.component.mjs +0 -423
  115. package/esm2022/stepper/stepper.service.mjs +0 -186
  116. package/esm2022/stepper/template-directives/indicator-template.directive.mjs +0 -37
  117. package/esm2022/stepper/template-directives/label-template.directive.mjs +0 -37
  118. package/esm2022/stepper/template-directives/step-template.directive.mjs +0 -39
  119. package/esm2022/stepper/template-directives.mjs +0 -7
  120. package/esm2022/stepper/types.mjs +0 -5
  121. package/esm2022/stepper.module.mjs +0 -41
  122. package/esm2022/tabstrip/constants.mjs +0 -29
  123. package/esm2022/tabstrip/directives/tab-content.directive.mjs +0 -39
  124. package/esm2022/tabstrip/directives/tab-title.directive.mjs +0 -37
  125. package/esm2022/tabstrip/directives/tab.directive.mjs +0 -24
  126. package/esm2022/tabstrip/events/select-event.mjs +0 -25
  127. package/esm2022/tabstrip/events/tabclose-event.mjs +0 -23
  128. package/esm2022/tabstrip/events/tabscroll-event.mjs +0 -23
  129. package/esm2022/tabstrip/events.mjs +0 -7
  130. package/esm2022/tabstrip/localization/custom-messages.component.mjs +0 -53
  131. package/esm2022/tabstrip/localization/localized-messages.directive.mjs +0 -39
  132. package/esm2022/tabstrip/localization/messages.mjs +0 -39
  133. package/esm2022/tabstrip/models/button-state-change.mjs +0 -5
  134. package/esm2022/tabstrip/models/scroll-button-type.mjs +0 -5
  135. package/esm2022/tabstrip/models/scroll-buttons-visibility.mjs +0 -5
  136. package/esm2022/tabstrip/models/scrollable-settings.mjs +0 -23
  137. package/esm2022/tabstrip/models/size.mjs +0 -5
  138. package/esm2022/tabstrip/models/tab-alignment.mjs +0 -5
  139. package/esm2022/tabstrip/models/tab-position.mjs +0 -5
  140. package/esm2022/tabstrip/models/tabstrip-tab.component.mjs +0 -130
  141. package/esm2022/tabstrip/rendering/tab.component.mjs +0 -182
  142. package/esm2022/tabstrip/scrollable-button.component.mjs +0 -182
  143. package/esm2022/tabstrip/tabstrip-scroll.service.mjs +0 -176
  144. package/esm2022/tabstrip/tabstrip.component.mjs +0 -954
  145. package/esm2022/tabstrip/tabstrip.service.mjs +0 -155
  146. package/esm2022/tabstrip/util.mjs +0 -120
  147. package/esm2022/tabstrip.module.mjs +0 -41
  148. package/esm2022/tilelayout/constants.mjs +0 -70
  149. package/esm2022/tilelayout/dragging-service.mjs +0 -421
  150. package/esm2022/tilelayout/keyboard-navigation.service.mjs +0 -189
  151. package/esm2022/tilelayout/models/dragging-config.interface.mjs +0 -5
  152. package/esm2022/tilelayout/models/flowmode.type.mjs +0 -5
  153. package/esm2022/tilelayout/models/gap.interface.mjs +0 -5
  154. package/esm2022/tilelayout/models/navigation.interface.mjs +0 -5
  155. package/esm2022/tilelayout/reorder-event.mjs +0 -43
  156. package/esm2022/tilelayout/resize-event.mjs +0 -37
  157. package/esm2022/tilelayout/tilelayout-item-body.component.mjs +0 -45
  158. package/esm2022/tilelayout/tilelayout-item-header.component.mjs +0 -43
  159. package/esm2022/tilelayout/tilelayout-item.component.mjs +0 -322
  160. package/esm2022/tilelayout/tilelayout-resize-handle.directive.mjs +0 -61
  161. package/esm2022/tilelayout/tilelayout.component.mjs +0 -388
  162. package/esm2022/tilelayout/util.mjs +0 -138
  163. package/esm2022/tilelayout.module.mjs +0 -40
  164. package/esm2022/timeline/events/navigation-direction.mjs +0 -5
  165. package/esm2022/timeline/localization/custom-messages.component.mjs +0 -43
  166. package/esm2022/timeline/localization/localized-messages.directive.mjs +0 -39
  167. package/esm2022/timeline/localization/messages.mjs +0 -33
  168. package/esm2022/timeline/models/anchor-target.mjs +0 -5
  169. package/esm2022/timeline/models/default-model-fields.mjs +0 -16
  170. package/esm2022/timeline/models/events-order.mjs +0 -5
  171. package/esm2022/timeline/models/model-fields.mjs +0 -5
  172. package/esm2022/timeline/models/timeline-event.mjs +0 -5
  173. package/esm2022/timeline/templates/timeline-card-actions.directive.mjs +0 -40
  174. package/esm2022/timeline/templates/timeline-card-body.directive.mjs +0 -40
  175. package/esm2022/timeline/templates/timeline-card-header.directive.mjs +0 -41
  176. package/esm2022/timeline/timeline-card.component.mjs +0 -451
  177. package/esm2022/timeline/timeline-horizontal.component.mjs +0 -781
  178. package/esm2022/timeline/timeline-vertical.component.mjs +0 -203
  179. package/esm2022/timeline/timeline.component.mjs +0 -491
  180. package/esm2022/timeline/timeline.service.mjs +0 -32
  181. package/esm2022/timeline/util.mjs +0 -26
  182. 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
- }] } });