@progress/kendo-angular-pivotgrid 17.0.0-develop.8 → 17.0.0
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/README.md +37 -15
- package/configurator/chip-menu/chip-menu-filter.component.d.ts +1 -1
- package/configurator/chip-menu/chip-menu-item-base.d.ts +1 -1
- package/configurator/chip-menu/chip-menu-item.component.d.ts +1 -1
- package/configurator/chip-menu/chip-menu-item.directive.d.ts +1 -1
- package/configurator/chip-menu/chip-menu-reorder.component.d.ts +1 -1
- package/configurator/chip-menu/chip-menu-sort.component.d.ts +1 -1
- package/configurator/chip-menu/chip-menu.component.d.ts +1 -1
- package/configurator/chip-menu/filtering/filter-menu-container.component.d.ts +1 -1
- package/configurator/chip-menu/filtering/filter-menu-dropdownlist.directive.d.ts +1 -1
- package/configurator/chip-menu/filtering/string-filter-menu.component.d.ts +3 -3
- package/configurator/configurator.component.d.ts +1 -1
- package/configurator/draggable.directive.d.ts +4 -5
- package/configurator/drop-target.directive.d.ts +1 -1
- package/data-binding/base-binding-directive.d.ts +1 -1
- package/data-binding/local-binding.directive.d.ts +1 -1
- package/data-binding/olap-binding.directive.d.ts +1 -1
- package/{esm2020 → esm2022}/configurator/chip-kb-nav.directive.mjs +8 -5
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-container.component.mjs +8 -5
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-filter.component.mjs +25 -19
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-item-base.mjs +9 -6
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-item-content-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-item.component.mjs +65 -40
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-item.directive.mjs +35 -28
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-reorder.component.mjs +27 -19
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-sort.component.mjs +10 -6
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu.component.mjs +22 -10
- package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu.service.mjs +12 -10
- package/{esm2020 → esm2022}/configurator/chip-menu/filtering/filter-menu-container.component.mjs +21 -8
- package/{esm2020 → esm2022}/configurator/chip-menu/filtering/filter-menu-dropdownlist.directive.mjs +11 -9
- package/{esm2020 → esm2022}/configurator/chip-menu/filtering/menu-tabbing.service.mjs +7 -6
- package/{esm2020 → esm2022}/configurator/chip-menu/filtering/string-filter-menu.component.mjs +25 -15
- package/{esm2020 → esm2022}/configurator/chip-menu/single-popup.service.mjs +21 -10
- package/{esm2020 → esm2022}/configurator/configurator.component.mjs +58 -39
- package/{esm2020 → esm2022}/configurator/configurator.service.mjs +12 -5
- package/{esm2020 → esm2022}/configurator/draggable.directive.mjs +22 -15
- package/{esm2020 → esm2022}/configurator/drop-cue.service.mjs +4 -3
- package/{esm2020 → esm2022}/configurator/drop-target.directive.mjs +15 -4
- package/{esm2020 → esm2022}/data-binding/base-binding-directive.mjs +43 -35
- package/{esm2020 → esm2022}/data-binding/local-binding.directive.mjs +17 -5
- package/{esm2020 → esm2022}/data-binding/olap-binding.directive.mjs +16 -4
- package/{esm2020 → esm2022}/data-binding/pivotgrid-data.service.mjs +25 -14
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
- package/esm2022/localization/messages.mjs +284 -0
- package/{esm2020 → esm2022}/localization/pivot-localization.service.mjs +4 -3
- package/{esm2020 → esm2022}/models/configuration-change-event.mjs +20 -0
- package/{esm2020 → esm2022}/models/configurator-settings.mjs +5 -0
- package/{esm2020 → esm2022}/models/expanded-change-event.mjs +12 -0
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/pivotgrid.component.mjs +98 -73
- package/{esm2020 → esm2022}/pivotgrid.module.mjs +13 -14
- package/{esm2020 → esm2022}/rendering/pivotgrid-cell.directive.mjs +30 -19
- package/{esm2020 → esm2022}/rendering/pivotgrid-table.component.mjs +66 -48
- package/{esm2020 → esm2022}/rendering/templates/pivotgrid-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rendering/templates/pivotgrid-column-header-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rendering/templates/pivotgrid-row-header-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rendering/templates/pivotgrid-value-cell-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/virtual/scroll.service.mjs +5 -6
- package/{esm2020 → esm2022}/virtual/scrollable-container.mjs +57 -43
- package/{fesm2020 → fesm2022}/progress-kendo-angular-pivotgrid.mjs +1067 -560
- package/localization/messages.d.ts +1 -1
- package/models/configurator-chipmenu-reorder-target.d.ts +1 -1
- package/models/configurator-orientation.d.ts +1 -1
- package/models/configurator-position.d.ts +1 -1
- package/models/drop-section.d.ts +1 -1
- package/models/drop-target.d.ts +1 -1
- package/models/expanded-state-action.d.ts +2 -2
- package/models/virtualization-settings.d.ts +1 -1
- package/package.json +22 -28
- package/pivotgrid.component.d.ts +1 -1
- package/pivotgrid.module.d.ts +1 -2
- package/rendering/pivotgrid-cell.directive.d.ts +1 -1
- package/rendering/pivotgrid-table.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +3 -3
- package/esm2020/localization/messages.mjs +0 -87
- package/fesm2015/progress-kendo-angular-pivotgrid.mjs +0 -4928
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/models/configurator-chipmenu-reorder-target.mjs +0 -0
- /package/{esm2020 → esm2022}/models/configurator-orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/models/configurator-position.mjs +0 -0
- /package/{esm2020 → esm2022}/models/data-row-item.mjs +0 -0
- /package/{esm2020 → esm2022}/models/drop-section.mjs +0 -0
- /package/{esm2020 → esm2022}/models/drop-target.mjs +0 -0
- /package/{esm2020 → esm2022}/models/expanded-state-action.mjs +0 -0
- /package/{esm2020 → esm2022}/models/loader-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/models/virtualization-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-pivotgrid.mjs +0 -0
- /package/{esm2020 → esm2022}/util.mjs +0 -0
package/README.md
CHANGED
@@ -2,30 +2,52 @@
|
|
2
2
|
<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
|
3
3
|
</a>
|
4
4
|
|
5
|
-
##
|
5
|
+
## Kendo UI for Angular PivotGrid Component
|
6
6
|
|
7
|
-
Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
|
8
|
-
|
9
|
-
> **Important**
|
10
7
|
> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
|
11
|
-
> * You
|
12
|
-
> *
|
13
|
-
|
8
|
+
> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
|
9
|
+
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
|
10
|
+
|
11
|
+
The Kendo UI for Angular PivotGrid displays multidimensional data in a cross-tabular format and comes with a set of ready-to-use features covering local and remote data binding directives, built-in expanding and collapsing of row and column axes, and dynamic calculation of the respective aggregates.
|
12
|
+
|
13
|
+
## What's Included in the Angular PivotGrid Package
|
14
|
+
|
15
|
+
The [Angular PivotGrid](https://www.telerik.com/kendo-angular-ui/components/pivotgrid) package includes the Kendo UI for Angular PivotGrid:
|
16
|
+
|
17
|
+
* [Angular PivotGrid Component](https://www.telerik.com/kendo-angular-ui/components/pivotgrid)
|
18
|
+
|
19
|
+
## Key Features
|
20
|
+
|
21
|
+
Among the many features which the Kendo UI for Angular PivotGrid delivers are:
|
22
|
+
|
23
|
+
* [Data Binding](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/data-binding/basics)—The PivotGrid features automatic data-binding directives for local and OLAP data.
|
24
|
+
* [Aggregates](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/aggregates)—PivotGrid aggregates summarize data across different dimensions, offering insights into trends, patterns, and relationships within the dataset.
|
25
|
+
* [Configurator](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/configurator)—The PivotGrid configurator offers a user-friendly interface that empowers end users to modify column and row dimensions, adjust measure fields, and seamlessly apply sorting and filtering criteria to the dataset.
|
26
|
+
* [Filtering](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/filtering)—The PivotGrid provides built-in filtering directives that enable you to display only those data records which meet specified criteria.
|
27
|
+
* [Sorting](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/sorting)—The PivotGrid supports a number of sorting options including the ability to sort single and multiple columns, define an initial sort state for its data records, and more.
|
28
|
+
* [Templates](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/templates)—The PivotGrid offers templates for customizing the content of all cells or to format the data displayed in the cells.
|
29
|
+
* [Virtualization](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/virtualization)—The PivotGrid offers configurable row and column virtualization of its data table to enable performance optimizations when displaying large data sets.
|
30
|
+
* [Chart Integration](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/integration-with-chart)—The PivotGrid provides the ability to visualize the data within the component in a chart via integration with the [Kendo UI for Angular Charts](https://www.telerik.com/kendo-angular-ui/components/charts) component.
|
31
|
+
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/globalization)—By using the available globalization options in Kendo UI for Angular, you can translate the PivotGrid messages by adapting them to specific culture locales. Additionally, the PivotGrid supports rendering in a right-to-left (RTL) direction.
|
32
|
+
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/accessibility)—The PivotGrid is accessible for screen readers and support WAI-ARIA attributes.
|
33
|
+
* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/keyboard-navigation)—The PivotGrid components support a number of keyboard shortcuts which allow users to accomplish various commands.
|
34
|
+
|
35
|
+
## Support Options
|
36
|
+
|
37
|
+
For any issues you might encounter while working with the Kendo UI for Angular PivotGrid, you have the following support channels available:
|
38
|
+
|
39
|
+
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
|
40
|
+
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
|
41
|
+
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
|
14
42
|
|
15
43
|
## Resources
|
16
44
|
|
17
|
-
* [
|
45
|
+
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
|
46
|
+
* [Getting Started with the Kendo UI for Angular PivotGrid](https://www.telerik.com/kendo-angular-ui/components/pivotgrid/installation/getting-started)
|
18
47
|
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
19
48
|
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
|
20
49
|
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
21
50
|
|
22
|
-
## Questions and Feedback
|
23
|
-
|
24
|
-
* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
|
25
|
-
* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
|
26
|
-
* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
|
27
|
-
* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
|
28
|
-
|
29
51
|
*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
30
52
|
|
31
53
|
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
|
@@ -43,5 +43,5 @@ export declare class ChipMenuFilterComponent extends ChipMenuItemBase {
|
|
43
43
|
*/
|
44
44
|
messageFor(localizationToken: string): string;
|
45
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuFilterComponent, never>;
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuFilterComponent, "kendo-pivot-chipmenu-filter", never, { "chip": "chip"; "expanded": "expanded"; "isLast": "isLast"; }, { "expand": "expand"; "collapse": "collapse"; }, never, never, true, never>;
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuFilterComponent, "kendo-pivot-chipmenu-filter", never, { "chip": { "alias": "chip"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; }, never, never, true, never>;
|
47
47
|
}
|
@@ -18,5 +18,5 @@ export declare class ChipMenuItemBase implements OnInit {
|
|
18
18
|
ngOnInit(): void;
|
19
19
|
close(): void;
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuItemBase, never>;
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuItemBase, "kendo-pivot-chip-menu-item-base", never, { "service": "service"; }, {}, never, never, false, never>;
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuItemBase, "kendo-pivot-chip-menu-item-base", never, { "service": { "alias": "service"; "required": false; }; }, {}, never, never, false, never>;
|
22
22
|
}
|
@@ -56,5 +56,5 @@ export declare class ChipMenuItemComponent implements OnChanges {
|
|
56
56
|
onClick(e: any): void;
|
57
57
|
private updateContentState;
|
58
58
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuItemComponent, never>;
|
59
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuItemComponent, "kendo-pivot-chipmenu-item", never, { "icon": "icon"; "svgIcon": "svgIcon"; "text": "text"; "selected": "selected"; "expanded": "expanded"; "disabled": "disabled"; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuItemComponent, "kendo-pivot-chipmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
|
60
60
|
}
|
@@ -28,5 +28,5 @@ export declare class ChipMenuItemDirective {
|
|
28
28
|
private onTab;
|
29
29
|
private getLastColumnMenuItem;
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuItemDirective, never>;
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ChipMenuItemDirective, "[kendoPivotChipMenuItem]", never, { "menuItemComponent": "kendoPivotChipMenuItem"; }, {}, never, never, true, never>;
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ChipMenuItemDirective, "[kendoPivotChipMenuItem]", never, { "menuItemComponent": { "alias": "kendoPivotChipMenuItem"; "required": false; }; }, {}, never, never, true, never>;
|
32
32
|
}
|
@@ -40,5 +40,5 @@ export declare class ChipMenuReorderComponent extends ChipMenuItemBase {
|
|
40
40
|
messageFor(localizationToken: string): string;
|
41
41
|
move(e: any, target: ChipMenuReorderTarget): void;
|
42
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuReorderComponent, never>;
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuReorderComponent, "kendo-pivot-chipmenu-reorder", never, { "chip": "chip"; }, {}, never, never, true, never>;
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuReorderComponent, "kendo-pivot-chipmenu-reorder", never, { "chip": { "alias": "chip"; "required": false; }; }, {}, never, never, true, never>;
|
44
44
|
}
|
@@ -32,5 +32,5 @@ export declare class ChipMenuSortComponent extends ChipMenuItemBase {
|
|
32
32
|
toggleSort(dir: 'asc' | 'desc'): void;
|
33
33
|
private get descriptor();
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuSortComponent, never>;
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuSortComponent, "kendo-pivot-chipmenu-sort", never, { "chip": "chip"; }, {}, never, never, true, never>;
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuSortComponent, "kendo-pivot-chipmenu-sort", never, { "chip": { "alias": "chip"; "required": false; }; }, {}, never, never, true, never>;
|
36
36
|
}
|
@@ -37,5 +37,5 @@ export declare class ChipMenuComponent implements OnDestroy {
|
|
37
37
|
close(): void;
|
38
38
|
get chipMenuTitle(): string;
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuComponent, never>;
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuComponent, "kendo-pivot-chip-menu", never, { "chip": "chip"; "tabIndex": "tabIndex"; "isMeasureField": "isMeasureField"; "anchor": "anchor"; }, {}, never, never, true, never>;
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuComponent, "kendo-pivot-chip-menu", never, { "chip": { "alias": "chip"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "isMeasureField": { "alias": "isMeasureField"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; }, {}, never, never, true, never>;
|
41
41
|
}
|
@@ -42,5 +42,5 @@ export declare class FilterMenuContainerComponent implements OnDestroy {
|
|
42
42
|
*/
|
43
43
|
messageFor(localizationToken: string): string;
|
44
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterMenuContainerComponent, never>;
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterMenuContainerComponent, "kendo-pivot-filter-menu-container", never, { "chip": "chip"; "isLast": "isLast"; "isExpanded": "isExpanded"; "menuTabbingService": "menuTabbingService"; "actionsClass": "actionsClass"; }, { "close": "close"; }, never, never, true, never>;
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterMenuContainerComponent, "kendo-pivot-filter-menu-container", never, { "chip": { "alias": "chip"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
|
46
46
|
}
|
@@ -15,5 +15,5 @@ export declare class FilterMenuDropDownListDirective {
|
|
15
15
|
ngOnDestroy(): void;
|
16
16
|
private keydownHandler;
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterMenuDropDownListDirective, never>;
|
18
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FilterMenuDropDownListDirective, "[kendoFilterMenuDropDown]", never, { "filterMenuDropDownLabel": "filterMenuDropDownLabel"; }, {}, never, never, true, never>;
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FilterMenuDropDownListDirective, "[kendoFilterMenuDropDown]", never, { "filterMenuDropDownLabel": { "alias": "filterMenuDropDownLabel"; "required": false; }; }, {}, never, never, true, never>;
|
19
19
|
}
|
@@ -9,8 +9,8 @@ import { PivotLocalizationService } from '../../../localization/pivot-localizati
|
|
9
9
|
import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
|
10
10
|
import { ConfiguratorService } from '../../configurator.service';
|
11
11
|
import * as i0 from "@angular/core";
|
12
|
-
|
13
|
-
|
12
|
+
type ChangeCallbackFn<T> = (value: T) => void;
|
13
|
+
type TouchCallbackFn = () => void;
|
14
14
|
/**
|
15
15
|
* @hidden
|
16
16
|
*/
|
@@ -48,6 +48,6 @@ export declare class StringFilterMenuComponent implements OnInit, OnDestroy, Con
|
|
48
48
|
ngOnInit(): void;
|
49
49
|
ngOnDestroy(): void;
|
50
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<StringFilterMenuComponent, never>;
|
51
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StringFilterMenuComponent, "kendo-pivot-string-filter-menu", never, { "chip": "chip"; "menuTabbingService": "menuTabbingService"; }, {}, never, never, true, never>;
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StringFilterMenuComponent, "kendo-pivot-string-filter-menu", never, { "chip": { "alias": "chip"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; }, {}, never, never, true, never>;
|
52
52
|
}
|
53
53
|
export {};
|
@@ -123,5 +123,5 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
|
|
123
123
|
*/
|
124
124
|
private moveChip;
|
125
125
|
static ɵfac: i0.ɵɵFactoryDeclaration<PivotGridConfiguratorComponent, never>;
|
126
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PivotGridConfiguratorComponent, "kendo-pivotgrid-configurator", never, { "orientation": "orientation"; "sort": "sort"; "filter": "filter"; "navigation": "navigation"; }, { "close": "close"; }, never, never, true, never>;
|
126
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PivotGridConfiguratorComponent, "kendo-pivotgrid-configurator", never, { "orientation": { "alias": "orientation"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
|
127
127
|
}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
5
|
-
import { ElementRef, OnInit, NgZone, OnDestroy, Renderer2
|
5
|
+
import { ElementRef, OnInit, NgZone, OnDestroy, Renderer2 } from '@angular/core';
|
6
6
|
import { DraggableDirective } from '@progress/kendo-angular-common';
|
7
7
|
import { PivotGridAxis } from '@progress/kendo-pivotgrid-common';
|
8
8
|
import { ConfiguratorService } from './configurator.service';
|
@@ -18,7 +18,6 @@ export declare class DraggableChipDirective implements OnInit, OnDestroy {
|
|
18
18
|
private service;
|
19
19
|
private cue;
|
20
20
|
private renderer;
|
21
|
-
private cdr;
|
22
21
|
get pointerEvents(): any;
|
23
22
|
touchActions: string;
|
24
23
|
item: PivotGridAxis;
|
@@ -27,9 +26,9 @@ export declare class DraggableChipDirective implements OnInit, OnDestroy {
|
|
27
26
|
private drag;
|
28
27
|
private invalidTarget;
|
29
28
|
private subs;
|
30
|
-
constructor(draggable: DraggableDirective, element: ElementRef, zone: NgZone, service: ConfiguratorService, cue: DropCueService, renderer: Renderer2
|
29
|
+
constructor(draggable: DraggableDirective, element: ElementRef, zone: NgZone, service: ConfiguratorService, cue: DropCueService, renderer: Renderer2);
|
31
30
|
ngOnInit(): void;
|
32
31
|
ngOnDestroy(): void;
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableChipDirective, [{ optional: true; }, null, null, null, null, null
|
34
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableChipDirective, "[kendoChipDraggable]", never, { "item": "item"; }, {}, never, never, true, never>;
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableChipDirective, [{ optional: true; }, null, null, null, null, null]>;
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableChipDirective, "[kendoChipDraggable]", never, { "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
|
35
34
|
}
|
@@ -34,5 +34,5 @@ export declare class DropTargetDirective implements OnInit, OnDestroy {
|
|
34
34
|
private getCueContainer;
|
35
35
|
private getNextChip;
|
36
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropTargetDirective, never>;
|
37
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropTargetDirective, "[kendoDropTarget]", never, { "item": "item"; "axes": "axes"; }, {}, never, never, true, never>;
|
37
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropTargetDirective, "[kendoDropTarget]", never, { "item": { "alias": "item"; "required": false; }; "axes": { "alias": "axes"; "required": false; }; }, {}, never, never, true, never>;
|
38
38
|
}
|
@@ -67,5 +67,5 @@ export declare abstract class PivotBaseBindingDirective implements OnInit, OnDes
|
|
67
67
|
protected updateConfiguratorFields(): void;
|
68
68
|
private updateHeaders;
|
69
69
|
static ɵfac: i0.ɵɵFactoryDeclaration<PivotBaseBindingDirective, never>;
|
70
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotBaseBindingDirective, "kendo-base-binding-directive", never, { "columnAxes": "columnAxes"; "rowAxes": "rowAxes"; "measureAxes": "measureAxes"; "sort": "sort"; "filter": "filter"; }, { "expandChange": "expandChange"; "configurationChange": "configurationChange"; "dataLoaded": "dataLoaded"; }, never, never, false, never>;
|
70
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotBaseBindingDirective, "kendo-base-binding-directive", never, { "columnAxes": { "alias": "columnAxes"; "required": false; }; "rowAxes": { "alias": "rowAxes"; "required": false; }; "measureAxes": { "alias": "measureAxes"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; }, { "expandChange": "expandChange"; "configurationChange": "configurationChange"; "dataLoaded": "dataLoaded"; }, never, never, false, never>;
|
71
71
|
}
|
@@ -38,5 +38,5 @@ export declare class PivotLocalBindingDirective extends PivotBaseBindingDirectiv
|
|
38
38
|
private createAxisSettings;
|
39
39
|
private getRootAxes;
|
40
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<PivotLocalBindingDirective, never>;
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotLocalBindingDirective, "[kendoPivotLocalBinding]", ["kendoPivotLocalBinding"], { "data": "kendoPivotLocalBinding"; "dimensions": "dimensions"; "measures": "measures"; }, {}, never, never, true, never>;
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotLocalBindingDirective, "[kendoPivotLocalBinding]", ["kendoPivotLocalBinding"], { "data": { "alias": "kendoPivotLocalBinding"; "required": false; }; "dimensions": { "alias": "dimensions"; "required": false; }; "measures": { "alias": "measures"; "required": false; }; }, {}, never, never, true, never>;
|
42
42
|
}
|
@@ -38,5 +38,5 @@ export declare class PivotOLAPBindingDirective extends PivotBaseBindingDirective
|
|
38
38
|
private loadKPIs;
|
39
39
|
private loadAvailableFields;
|
40
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<PivotOLAPBindingDirective, never>;
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotOLAPBindingDirective, "[kendoPivotOLAPBinding]", ["kendoPivotOLAPBinding"], { "url": "url"; "cube": "cube"; "catalog": "catalog"; }, {}, never, never, true, never>;
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PivotOLAPBindingDirective, "[kendoPivotOLAPBinding]", ["kendoPivotOLAPBinding"], { "url": { "alias": "url"; "required": false; }; "cube": { "alias": "cube"; "required": false; }; "catalog": { "alias": "catalog"; "required": false; }; }, {}, never, never, true, never>;
|
42
42
|
}
|
@@ -12,12 +12,15 @@ import * as i1 from "@progress/kendo-angular-buttons";
|
|
12
12
|
* @hidden
|
13
13
|
*/
|
14
14
|
export class ChipKeyboardNavigationDirective {
|
15
|
+
host;
|
16
|
+
renderer;
|
17
|
+
ngZone;
|
18
|
+
keydownSub = new Subscription();
|
19
|
+
reorder = new EventEmitter();
|
15
20
|
constructor(host, renderer, ngZone) {
|
16
21
|
this.host = host;
|
17
22
|
this.renderer = renderer;
|
18
23
|
this.ngZone = ngZone;
|
19
|
-
this.keydownSub = new Subscription();
|
20
|
-
this.reorder = new EventEmitter();
|
21
24
|
}
|
22
25
|
ngOnInit() {
|
23
26
|
const chipElement = this.host.element.nativeElement;
|
@@ -51,10 +54,10 @@ export class ChipKeyboardNavigationDirective {
|
|
51
54
|
ngOnDestroy() {
|
52
55
|
this.keydownSub.unsubscribe();
|
53
56
|
}
|
57
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipKeyboardNavigationDirective, deps: [{ token: i1.ChipComponent }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
58
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ChipKeyboardNavigationDirective, isStandalone: true, selector: "[kendoChipKeyboardNavigation]", outputs: { reorder: "reorder" }, ngImport: i0 });
|
54
59
|
}
|
55
|
-
|
56
|
-
ChipKeyboardNavigationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ChipKeyboardNavigationDirective, isStandalone: true, selector: "[kendoChipKeyboardNavigation]", outputs: { reorder: "reorder" }, ngImport: i0 });
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipKeyboardNavigationDirective, decorators: [{
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipKeyboardNavigationDirective, decorators: [{
|
58
61
|
type: Directive,
|
59
62
|
args: [{
|
60
63
|
selector: '[kendoChipKeyboardNavigation]',
|
@@ -12,10 +12,13 @@ import * as i1 from "./chip-menu.service";
|
|
12
12
|
* @hidden
|
13
13
|
*/
|
14
14
|
export class ChipMenuContainerComponent {
|
15
|
+
service;
|
16
|
+
ngZone;
|
17
|
+
chipMenuItems;
|
18
|
+
hostClass = true;
|
15
19
|
constructor(service, ngZone) {
|
16
20
|
this.service = service;
|
17
21
|
this.ngZone = ngZone;
|
18
|
-
this.hostClass = true;
|
19
22
|
}
|
20
23
|
ngAfterViewInit() {
|
21
24
|
if (!this.chipMenuItems.length) {
|
@@ -25,12 +28,12 @@ export class ChipMenuContainerComponent {
|
|
25
28
|
this.chipMenuItems.last.isLast = true;
|
26
29
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.service.menuTabbingService.firstFocusable.focus());
|
27
30
|
}
|
28
|
-
}
|
29
|
-
|
30
|
-
ChipMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipMenuContainerComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-container", host: { properties: { "class.k-grid-columnmenu-popup": "this.hostClass" } }, queries: [{ propertyName: "chipMenuItems", predicate: ChipMenuItemDirective, descendants: true }], ngImport: i0, template: `
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuContainerComponent, deps: [{ token: i1.ChipMenuService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipMenuContainerComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-container", host: { properties: { "class.k-grid-columnmenu-popup": "this.hostClass" } }, queries: [{ propertyName: "chipMenuItems", predicate: ChipMenuItemDirective, descendants: true }], ngImport: i0, template: `
|
31
33
|
<ng-content></ng-content>
|
32
34
|
`, isInline: true });
|
33
|
-
|
35
|
+
}
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuContainerComponent, decorators: [{
|
34
37
|
type: Component,
|
35
38
|
args: [{
|
36
39
|
selector: 'kendo-pivot-chipmenu-container',
|
@@ -16,25 +16,31 @@ import * as i1 from "../../localization/pivot-localization.service";
|
|
16
16
|
* Represents the component for setting field filters in the PivotGrid.
|
17
17
|
*/
|
18
18
|
export class ChipMenuFilterComponent extends ChipMenuItemBase {
|
19
|
+
localization;
|
20
|
+
hostElement;
|
21
|
+
/**
|
22
|
+
* Fires when the content is expanded.
|
23
|
+
*/
|
24
|
+
expand = new EventEmitter();
|
25
|
+
/**
|
26
|
+
* Fires when the content is collapsed.
|
27
|
+
*/
|
28
|
+
collapse = new EventEmitter();
|
29
|
+
/**
|
30
|
+
* Holds current field information.
|
31
|
+
*/
|
32
|
+
chip;
|
33
|
+
/**
|
34
|
+
* Specifies if the content is expanded.
|
35
|
+
*/
|
36
|
+
expanded = false;
|
37
|
+
isLast = false;
|
38
|
+
actionsClass = 'k-columnmenu-actions';
|
39
|
+
filterSVGIcon = filterIcon;
|
19
40
|
constructor(localization, hostElement) {
|
20
41
|
super();
|
21
42
|
this.localization = localization;
|
22
43
|
this.hostElement = hostElement;
|
23
|
-
/**
|
24
|
-
* Fires when the content is expanded.
|
25
|
-
*/
|
26
|
-
this.expand = new EventEmitter();
|
27
|
-
/**
|
28
|
-
* Fires when the content is collapsed.
|
29
|
-
*/
|
30
|
-
this.collapse = new EventEmitter();
|
31
|
-
/**
|
32
|
-
* Specifies if the content is expanded.
|
33
|
-
*/
|
34
|
-
this.expanded = false;
|
35
|
-
this.isLast = false;
|
36
|
-
this.actionsClass = 'k-columnmenu-actions';
|
37
|
-
this.filterSVGIcon = filterIcon;
|
38
44
|
}
|
39
45
|
ngAfterViewInit() {
|
40
46
|
if (this.isLast) {
|
@@ -63,9 +69,8 @@ export class ChipMenuFilterComponent extends ChipMenuItemBase {
|
|
63
69
|
messageFor(localizationToken) {
|
64
70
|
return this.localization.get(localizationToken);
|
65
71
|
}
|
66
|
-
}
|
67
|
-
|
68
|
-
ChipMenuFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipMenuFilterComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-filter", inputs: { chip: "chip", expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuFilterComponent, deps: [{ token: i1.PivotLocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
73
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipMenuFilterComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-filter", inputs: { chip: "chip", expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
|
69
74
|
<kendo-pivot-chipmenu-item
|
70
75
|
classs="k-widget k-expander"
|
71
76
|
[text]="messageFor('fieldMenuFilterItemLabel')"
|
@@ -87,7 +92,8 @@ ChipMenuFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
87
92
|
</ng-template>
|
88
93
|
</kendo-pivot-chipmenu-item>
|
89
94
|
`, isInline: true, dependencies: [{ kind: "component", type: ChipMenuItemComponent, selector: "kendo-pivot-chipmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "expanded", "disabled"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ChipMenuItemContentTemplateDirective, selector: "[kendoPivotChipMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-pivot-filter-menu-container", inputs: ["chip", "isLast", "isExpanded", "menuTabbingService", "actionsClass"], outputs: ["close"] }] });
|
90
|
-
|
95
|
+
}
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuFilterComponent, decorators: [{
|
91
97
|
type: Component,
|
92
98
|
args: [{
|
93
99
|
selector: 'kendo-pivot-chipmenu-filter',
|
@@ -9,9 +9,12 @@ import * as i0 from "@angular/core";
|
|
9
9
|
* @hidden
|
10
10
|
*/
|
11
11
|
export class ChipMenuItemBase {
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
/**
|
13
|
+
* Represents the ChipMenuService class.
|
14
|
+
* Requires a mandatory input.
|
15
|
+
*/
|
16
|
+
service;
|
17
|
+
hostClass = true;
|
15
18
|
ngOnInit() {
|
16
19
|
if (isDevMode() && !this.service) {
|
17
20
|
throw new Error('The service input of the host chip menu components (e.g. ChipMenuSortComponent) is mandatory.');
|
@@ -20,10 +23,10 @@ export class ChipMenuItemBase {
|
|
20
23
|
close() {
|
21
24
|
this.service.close();
|
22
25
|
}
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipMenuItemBase, selector: "kendo-pivot-chip-menu-item-base", inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
|
23
28
|
}
|
24
|
-
|
25
|
-
ChipMenuItemBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipMenuItemBase, selector: "kendo-pivot-chip-menu-item-base", inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipMenuItemBase, decorators: [{
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemBase, decorators: [{
|
27
30
|
type: Component,
|
28
31
|
args: [{
|
29
32
|
selector: 'kendo-pivot-chip-menu-item-base',
|
package/{esm2020 → esm2022}/configurator/chip-menu/chip-menu-item-content-template.directive.mjs
RENAMED
@@ -11,13 +11,14 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* Provides an option for specifying the content of a chip menu item..
|
12
12
|
*/
|
13
13
|
export class ChipMenuItemContentTemplateDirective {
|
14
|
+
templateRef;
|
14
15
|
constructor(templateRef) {
|
15
16
|
this.templateRef = templateRef;
|
16
17
|
}
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
19
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ChipMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoPivotChipMenuItemContentTemplate]", ngImport: i0 });
|
17
20
|
}
|
18
|
-
|
19
|
-
ChipMenuItemContentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ChipMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoPivotChipMenuItemContentTemplate]", ngImport: i0 });
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChipMenuItemContentTemplateDirective, decorators: [{
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemContentTemplateDirective, decorators: [{
|
21
22
|
type: Directive,
|
22
23
|
args: [{
|
23
24
|
selector: '[kendoPivotChipMenuItemContentTemplate]',
|
@@ -14,24 +14,49 @@ import * as i0 from "@angular/core";
|
|
14
14
|
*
|
15
15
|
*/
|
16
16
|
export class ChipMenuItemComponent {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
17
|
+
/**
|
18
|
+
* Fires when the item is clicked.
|
19
|
+
*/
|
20
|
+
itemClick = new EventEmitter();
|
21
|
+
/**
|
22
|
+
* Fires when the content is expanded.
|
23
|
+
*/
|
24
|
+
expand = new EventEmitter();
|
25
|
+
/**
|
26
|
+
* Fires when the content is collapsed.
|
27
|
+
*/
|
28
|
+
collapse = new EventEmitter();
|
29
|
+
/**
|
30
|
+
* Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons)
|
31
|
+
* that will be rendered for the item.
|
32
|
+
*/
|
33
|
+
icon;
|
34
|
+
/**
|
35
|
+
* Defines an SVGIcon to be rendered for the column menu items.
|
36
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
37
|
+
*/
|
38
|
+
svgIcon;
|
39
|
+
/**
|
40
|
+
* Specifies the item text.
|
41
|
+
*/
|
42
|
+
text;
|
43
|
+
/**
|
44
|
+
* Specifies if the item is selected.
|
45
|
+
*/
|
46
|
+
selected;
|
47
|
+
/**
|
48
|
+
* Specifies if the item is expanded.
|
49
|
+
*/
|
50
|
+
expanded;
|
51
|
+
/**
|
52
|
+
* Specified if the item is disabled
|
53
|
+
*/
|
54
|
+
disabled;
|
55
|
+
contentTemplate;
|
32
56
|
get iconClass() {
|
33
57
|
return `k-i-${this.icon}`;
|
34
58
|
}
|
59
|
+
contentState = 'collapsed';
|
35
60
|
ngOnChanges(changes) {
|
36
61
|
if (changes.expanded) {
|
37
62
|
this.updateContentState();
|
@@ -53,9 +78,8 @@ export class ChipMenuItemComponent {
|
|
53
78
|
updateContentState() {
|
54
79
|
this.contentState = this.expanded ? 'expanded' : 'collapsed';
|
55
80
|
}
|
56
|
-
}
|
57
|
-
|
58
|
-
ChipMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChipMenuItemComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", expanded: "expanded", disabled: "disabled" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ChipMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
82
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipMenuItemComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", expanded: "expanded", disabled: "disabled" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ChipMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
59
83
|
<div
|
60
84
|
class="k-columnmenu-item"
|
61
85
|
(click)="onClick($event)"
|
@@ -77,29 +101,30 @@ ChipMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
77
101
|
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
|
78
102
|
<div>
|
79
103
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
104
|
+
trigger('state', [
|
105
|
+
state('collapsed', style({ display: 'none' })),
|
106
|
+
state('expanded', style({ display: 'block' })),
|
107
|
+
transition('collapsed => expanded', [
|
108
|
+
style({
|
109
|
+
height: '0px',
|
110
|
+
display: 'block'
|
111
|
+
}),
|
112
|
+
animate('100ms ease-in', style({
|
113
|
+
height: '*'
|
114
|
+
}))
|
115
|
+
]),
|
116
|
+
transition('expanded => collapsed', [
|
117
|
+
style({
|
118
|
+
height: '*'
|
119
|
+
}),
|
120
|
+
animate('100ms ease-in', style({
|
121
|
+
height: '0px'
|
122
|
+
}))
|
123
|
+
])
|
99
124
|
])
|
100
|
-
])
|
101
|
-
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
125
|
+
] });
|
126
|
+
}
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipMenuItemComponent, decorators: [{
|
103
128
|
type: Component,
|
104
129
|
args: [{
|
105
130
|
animations: [
|