@progress/kendo-angular-layout 17.0.0-develop.9 → 17.0.1-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/avatar.component.d.ts +1 -1
- package/avatar/l10n/messages.d.ts +1 -1
- package/avatar/models/fill.d.ts +1 -1
- package/avatar/models/rounded.d.ts +1 -1
- package/avatar/models/shape.d.ts +2 -2
- package/avatar/models/size.d.ts +1 -1
- package/avatar/models/theme-color.d.ts +1 -1
- package/card/card-actions.component.d.ts +1 -1
- package/card/card.component.d.ts +1 -1
- package/card/directives/card-separator.directive.d.ts +1 -1
- package/card/models/actions-layout.d.ts +1 -1
- package/common/direction.d.ts +1 -1
- package/common/orientation.d.ts +1 -1
- package/drawer/drawer.component.d.ts +1 -1
- package/drawer/item.component.d.ts +1 -1
- package/drawer/list.component.d.ts +1 -1
- package/drawer/models/drawer-item-expand.interface.d.ts +1 -1
- package/drawer/models/mode.d.ts +1 -1
- package/drawer/models/position.d.ts +1 -1
- package/{esm2020 → esm2022}/avatar/avatar.component.mjs +61 -25
- package/{esm2020 → esm2022}/avatar/l10n/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/avatar/l10n/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/avatar/l10n/messages.mjs +7 -3
- package/{esm2020 → esm2022}/avatar.module.mjs +4 -4
- package/{esm2020 → esm2022}/card/card-actions.component.mjs +37 -31
- package/{esm2020 → esm2022}/card/card-body.component.mjs +5 -7
- package/{esm2020 → esm2022}/card/card-footer.component.mjs +5 -7
- package/{esm2020 → esm2022}/card/card-header.component.mjs +5 -7
- package/{esm2020 → esm2022}/card/card.component.mjs +40 -34
- package/{esm2020 → esm2022}/card/directives/card-media.directive.mjs +4 -6
- package/{esm2020 → esm2022}/card/directives/card-separator.directive.mjs +16 -14
- package/{esm2020 → esm2022}/card/directives/card-subtitle.directive.mjs +4 -6
- package/{esm2020 → esm2022}/card/directives/card-title.directive.mjs +4 -6
- package/{esm2020 → esm2022}/card/models/card-action.mjs +12 -0
- package/{esm2020 → esm2022}/card.module.mjs +4 -4
- package/{esm2020 → esm2022}/common/preventable-event.mjs +7 -7
- package/{esm2020 → esm2022}/drawer/drawer-container.component.mjs +28 -18
- package/{esm2020 → esm2022}/drawer/drawer-content.component.mjs +6 -7
- package/{esm2020 → esm2022}/drawer/drawer.component.mjs +132 -106
- package/{esm2020 → esm2022}/drawer/drawer.service.mjs +10 -10
- package/{esm2020 → esm2022}/drawer/events/drawer-list-select.event.mjs +12 -0
- package/{esm2020 → esm2022}/drawer/events/select-event.mjs +16 -0
- package/{esm2020 → esm2022}/drawer/item.component.mjs +22 -11
- package/{esm2020 → esm2022}/drawer/list.component.mjs +14 -6
- package/{esm2020 → esm2022}/drawer/template-directives/drawer-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/drawer/template-directives/footer-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/drawer/template-directives/header-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/drawer/template-directives/item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/drawer.module.mjs +4 -4
- package/{esm2020 → esm2022}/expansionpanel/events/action-event.mjs +4 -0
- package/{esm2020 → esm2022}/expansionpanel/expansionpanel-title.directive.mjs +4 -3
- package/{esm2020 → esm2022}/expansionpanel/expansionpanel.component.mjs +103 -81
- package/{esm2020 → esm2022}/expansionpanel.module.mjs +4 -4
- package/{esm2020 → esm2022}/gridlayout.module.mjs +4 -4
- package/{esm2020 → esm2022}/layout.module.mjs +4 -4
- package/{esm2020 → esm2022}/layouts/grid-layout.component.mjs +57 -26
- package/{esm2020 → esm2022}/layouts/gridlayout-item.component.mjs +26 -4
- package/{esm2020 → esm2022}/layouts/stack-layout.component.mjs +40 -35
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/panelbar/events/collapse-event.mjs +4 -0
- package/{esm2020 → esm2022}/panelbar/events/expand-event.mjs +4 -0
- package/{esm2020 → esm2022}/panelbar/events/item-click-event.mjs +8 -0
- package/{esm2020 → esm2022}/panelbar/events/select-event.mjs +4 -0
- package/{esm2020 → esm2022}/panelbar/events/state-change-event.mjs +4 -0
- package/{esm2020 → esm2022}/panelbar/panelbar-content.directive.mjs +4 -3
- package/{esm2020 → esm2022}/panelbar/panelbar-item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/panelbar/panelbar-item-title.directive.mjs +4 -3
- package/{esm2020 → esm2022}/panelbar/panelbar-item.component.mjs +101 -66
- package/{esm2020 → esm2022}/panelbar/panelbar.component.mjs +109 -98
- package/{esm2020 → esm2022}/panelbar/panelbar.service.mjs +23 -13
- package/{esm2020 → esm2022}/panelbar.module.mjs +4 -4
- package/{esm2020 → esm2022}/splitter/splitter-bar.component.mjs +68 -28
- package/esm2022/splitter/splitter-pane.component.mjs +267 -0
- package/{esm2020 → esm2022}/splitter/splitter.component.mjs +98 -40
- package/{esm2020 → esm2022}/splitter/splitter.service.mjs +69 -28
- package/{esm2020 → esm2022}/splitter.module.mjs +4 -4
- package/{esm2020 → esm2022}/stacklayout.module.mjs +4 -4
- package/{esm2020 → esm2022}/stepper/events/activate-event.mjs +16 -0
- package/{esm2020 → esm2022}/stepper/list.component.mjs +23 -5
- package/{esm2020 → esm2022}/stepper/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/stepper/localization/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/stepper/localization/messages.mjs +7 -3
- package/{esm2020 → esm2022}/stepper/step.component.mjs +25 -8
- package/{esm2020 → esm2022}/stepper/stepper.component.mjs +111 -70
- package/{esm2020 → esm2022}/stepper/stepper.service.mjs +30 -9
- package/{esm2020 → esm2022}/stepper/template-directives/indicator-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/stepper/template-directives/label-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/stepper/template-directives/step-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/stepper.module.mjs +4 -4
- package/{esm2020 → esm2022}/tabstrip/directives/tab-content.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tabstrip/directives/tab-title.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tabstrip/directives/tab.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tabstrip/events/select-event.mjs +2 -0
- package/{esm2020 → esm2022}/tabstrip/events/tabclose-event.mjs +2 -0
- package/{esm2020 → esm2022}/tabstrip/events/tabscroll-event.mjs +4 -0
- package/{esm2020 → esm2022}/tabstrip/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/tabstrip/localization/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/tabstrip/localization/messages.mjs +15 -3
- package/esm2022/tabstrip/models/tabstrip-tab.component.mjs +117 -0
- package/{esm2020 → esm2022}/tabstrip/rendering/tab.component.mjs +16 -9
- package/{esm2020 → esm2022}/tabstrip/scrollable-button.component.mjs +33 -27
- package/{esm2020 → esm2022}/tabstrip/tabstrip-scroll.service.mjs +11 -9
- package/{esm2020 → esm2022}/tabstrip/tabstrip.component.mjs +145 -111
- package/{esm2020 → esm2022}/tabstrip/tabstrip.service.mjs +6 -3
- package/{esm2020 → esm2022}/tabstrip.module.mjs +4 -4
- package/{esm2020 → esm2022}/tilelayout/dragging-service.mjs +39 -24
- package/{esm2020 → esm2022}/tilelayout/keyboard-navigation.service.mjs +9 -4
- package/{esm2020 → esm2022}/tilelayout/reorder-event.mjs +8 -0
- package/{esm2020 → esm2022}/tilelayout/resize-event.mjs +6 -0
- package/{esm2020 → esm2022}/tilelayout/tilelayout-item-body.component.mjs +6 -8
- package/esm2022/tilelayout/tilelayout-item-header.component.mjs +33 -0
- package/{esm2020 → esm2022}/tilelayout/tilelayout-item.component.mjs +85 -58
- package/{esm2020 → esm2022}/tilelayout/tilelayout-resize-handle.directive.mjs +7 -3
- package/{esm2020 → esm2022}/tilelayout/tilelayout.component.mjs +103 -93
- package/{esm2020 → esm2022}/tilelayout.module.mjs +4 -4
- package/{esm2020 → esm2022}/timeline/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/timeline/localization/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/timeline/localization/messages.mjs +11 -3
- package/{esm2020 → esm2022}/timeline/templates/timeline-card-actions.directive.mjs +4 -3
- package/{esm2020 → esm2022}/timeline/templates/timeline-card-body.directive.mjs +4 -3
- package/{esm2020 → esm2022}/timeline/templates/timeline-card-header.directive.mjs +4 -3
- package/{esm2020 → esm2022}/timeline/timeline-card.component.mjs +48 -33
- package/{esm2020 → esm2022}/timeline/timeline-horizontal.component.mjs +85 -55
- package/{esm2020 → esm2022}/timeline/timeline-vertical.component.mjs +20 -6
- package/{esm2020 → esm2022}/timeline/timeline.component.mjs +108 -68
- package/{esm2020 → esm2022}/timeline/timeline.service.mjs +4 -3
- package/{esm2020 → esm2022}/timeline.module.mjs +4 -4
- package/expansionpanel/events/action-event.d.ts +1 -1
- package/expansionpanel/expansionpanel.component.d.ts +1 -1
- package/{fesm2020 → fesm2022}/progress-kendo-angular-layout.mjs +2672 -1777
- package/layouts/grid-layout.component.d.ts +1 -1
- package/layouts/gridlayout-item.component.d.ts +1 -1
- package/layouts/models/layout-horizontal-align.d.ts +1 -1
- package/layouts/models/layout-vertical-align.d.ts +1 -1
- package/layouts/stack-layout.component.d.ts +1 -1
- package/package.json +16 -22
- package/panelbar/panelbar-item.component.d.ts +1 -1
- package/panelbar/panelbar.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +1 -1
- package/splitter/splitter-bar.component.d.ts +13 -1
- package/splitter/splitter-pane.component.d.ts +26 -6
- package/splitter/splitter.component.d.ts +12 -4
- package/splitter/splitter.service.d.ts +7 -2
- package/stepper/list.component.d.ts +1 -1
- package/stepper/localization/messages.d.ts +1 -1
- package/stepper/models/orientation.d.ts +1 -1
- package/stepper/models/step-predicate.d.ts +1 -1
- package/stepper/models/step-type.d.ts +1 -1
- package/stepper/step.component.d.ts +1 -1
- package/stepper/stepper.component.d.ts +1 -1
- package/tabstrip/localization/messages.d.ts +1 -1
- package/tabstrip/models/button-state-change.d.ts +1 -1
- package/tabstrip/models/scroll-button-type.d.ts +1 -1
- package/tabstrip/models/scroll-buttons-visibility.d.ts +1 -1
- package/tabstrip/models/tab-alignment.d.ts +1 -1
- package/tabstrip/models/tab-position.d.ts +1 -1
- package/tabstrip/models/tabstrip-tab.component.d.ts +1 -1
- package/tabstrip/rendering/tab.component.d.ts +1 -1
- package/tabstrip/scrollable-button.component.d.ts +1 -1
- package/tabstrip/tabstrip.component.d.ts +1 -1
- package/tilelayout/models/flowmode.type.d.ts +1 -1
- package/tilelayout/tilelayout-item-header.component.d.ts +1 -9
- package/tilelayout/tilelayout-item.component.d.ts +1 -1
- package/tilelayout/tilelayout-resize-handle.directive.d.ts +1 -1
- package/tilelayout/tilelayout.component.d.ts +1 -1
- package/timeline/events/navigation-direction.d.ts +1 -1
- package/timeline/localization/messages.d.ts +1 -1
- package/timeline/models/anchor-target.d.ts +1 -1
- package/timeline/timeline-card.component.d.ts +1 -1
- package/timeline/timeline-horizontal.component.d.ts +2 -2
- package/timeline/timeline-vertical.component.d.ts +1 -1
- package/timeline/timeline.component.d.ts +1 -1
- package/esm2020/splitter/splitter-pane.component.mjs +0 -222
- package/esm2020/tabstrip/models/tabstrip-tab.component.mjs +0 -78
- package/esm2020/tilelayout/tilelayout-item-header.component.mjs +0 -53
- package/fesm2015/progress-kendo-angular-layout.mjs +0 -12385
- /package/{esm2020 → esm2022}/avatar/models/fill.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/models/models.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/models/rounded.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/models/shape.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/card/models/actions-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/common/direction.mjs +0 -0
- /package/{esm2020 → esm2022}/common/dom-queries.mjs +0 -0
- /package/{esm2020 → esm2022}/common/orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/common/styling-classes.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/animations.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/drawer-animation.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/drawer-item-expand.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/drawer-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/drawer-view-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/mode.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/models/position.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/template-directives.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/types.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/util.mjs +0 -0
- /package/{esm2020 → esm2022}/expansionpanel/animations.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models/gridlayout-gap-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models/gridlayout-row-col-size.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models/layout-align-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models/layout-horizontal-align.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models/layout-vertical-align.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/models.mjs +0 -0
- /package/{esm2020 → esm2022}/layouts/util.mjs +0 -0
- /package/{esm2020 → esm2022}/panelbar/events.mjs +0 -0
- /package/{esm2020 → esm2022}/panelbar/panelbar-expand-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/panelbar/panelbar-item-model.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/splitter/util.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/models/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/models/orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/models/step-predicate.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/models/step-type.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/models/stepper-step.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/template-directives.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/types.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/events.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/button-state-change.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/scroll-button-type.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/scroll-buttons-visibility.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/scrollable-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/tab-alignment.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/models/tab-position.mjs +0 -0
- /package/{esm2020 → esm2022}/tabstrip/util.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/models/dragging-config.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/models/flowmode.type.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/models/gap.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/models/navigation.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/tilelayout/util.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/events/navigation-direction.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/models/anchor-target.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/models/default-model-fields.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/models/model-fields.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/models/timeline-event.mjs +0 -0
- /package/{esm2020 → esm2022}/timeline/util.mjs +0 -0
|
@@ -13,13 +13,12 @@ export const defaultIsItemExpanded = (_item) => false;
|
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
export class DrawerService {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
16
|
+
owner;
|
|
17
|
+
selectedIndices = [];
|
|
18
|
+
viewData;
|
|
19
|
+
focusIndex = 0;
|
|
20
|
+
originalItems = [];
|
|
21
|
+
idxCounter = 0;
|
|
23
22
|
init() {
|
|
24
23
|
this.resetViewData();
|
|
25
24
|
this.originalItems = this.owner.items || [];
|
|
@@ -82,6 +81,7 @@ export class DrawerService {
|
|
|
82
81
|
return isPresent(i.parentId) && (i.parentId === item.id);
|
|
83
82
|
});
|
|
84
83
|
}
|
|
84
|
+
isItemExpanded = defaultIsItemExpanded;
|
|
85
85
|
onSelect(selectedIdx) {
|
|
86
86
|
this.selectedIndices = [selectedIdx];
|
|
87
87
|
const drawer = this.owner;
|
|
@@ -97,9 +97,9 @@ export class DrawerService {
|
|
|
97
97
|
resetSelection() {
|
|
98
98
|
this.selectedIndices = [];
|
|
99
99
|
}
|
|
100
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
101
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService });
|
|
100
102
|
}
|
|
101
|
-
|
|
102
|
-
DrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerService });
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerService, decorators: [{
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService, decorators: [{
|
|
104
104
|
type: Injectable
|
|
105
105
|
}] });
|
|
@@ -7,6 +7,18 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
|
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
9
|
export class DrawerListSelectEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The index of the selected item in the `items` collection.
|
|
12
|
+
*/
|
|
13
|
+
index;
|
|
14
|
+
/**
|
|
15
|
+
* The selected Drawer item.
|
|
16
|
+
*/
|
|
17
|
+
item;
|
|
18
|
+
/**
|
|
19
|
+
* The DOM event that triggered the selection.
|
|
20
|
+
*/
|
|
21
|
+
originalEvent;
|
|
10
22
|
/**
|
|
11
23
|
* @hidden
|
|
12
24
|
*/
|
|
@@ -7,6 +7,22 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
|
7
7
|
* Arguments for the `select` event of the Drawer.
|
|
8
8
|
*/
|
|
9
9
|
export class DrawerSelectEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The index of the selected item in the `items` collection.
|
|
12
|
+
*/
|
|
13
|
+
index;
|
|
14
|
+
/**
|
|
15
|
+
* The selected Drawer item.
|
|
16
|
+
*/
|
|
17
|
+
item;
|
|
18
|
+
/**
|
|
19
|
+
* The DOM event that triggered the selection.
|
|
20
|
+
*/
|
|
21
|
+
originalEvent;
|
|
22
|
+
/**
|
|
23
|
+
* The Drawer that triggered the event.
|
|
24
|
+
*/
|
|
25
|
+
sender;
|
|
10
26
|
/**
|
|
11
27
|
* @hidden
|
|
12
28
|
*/
|
|
@@ -15,13 +15,17 @@ import * as i1 from "./drawer.service";
|
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
|
17
17
|
export class DrawerItemComponent {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
drawerService;
|
|
19
|
+
element;
|
|
20
|
+
renderer;
|
|
21
|
+
viewItem;
|
|
22
|
+
index;
|
|
23
|
+
itemTemplate;
|
|
24
|
+
mini;
|
|
25
|
+
expanded;
|
|
26
|
+
disabled;
|
|
27
|
+
cssClass;
|
|
28
|
+
cssStyle;
|
|
25
29
|
get disabledClass() {
|
|
26
30
|
return this.item.disabled;
|
|
27
31
|
}
|
|
@@ -31,6 +35,13 @@ export class DrawerItemComponent {
|
|
|
31
35
|
get label() {
|
|
32
36
|
return this.item.text ? this.item.text : null;
|
|
33
37
|
}
|
|
38
|
+
arrowUpIcon = chevronUpIcon;
|
|
39
|
+
arrowDownIcon = chevronDownIcon;
|
|
40
|
+
constructor(drawerService, element, renderer) {
|
|
41
|
+
this.drawerService = drawerService;
|
|
42
|
+
this.element = element;
|
|
43
|
+
this.renderer = renderer;
|
|
44
|
+
}
|
|
34
45
|
ngAfterViewInit() {
|
|
35
46
|
const elem = this.element.nativeElement;
|
|
36
47
|
const link = nestedLink(elem, DRAWER_LINK_SELECTOR);
|
|
@@ -57,9 +68,8 @@ export class DrawerItemComponent {
|
|
|
57
68
|
get item() {
|
|
58
69
|
return this.viewItem.item;
|
|
59
70
|
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
|
|
63
73
|
<ng-template *ngIf="itemTemplate; else defaultTemplate"
|
|
64
74
|
[ngTemplateOutlet]="itemTemplate"
|
|
65
75
|
[ngTemplateOutletContext]="{
|
|
@@ -103,7 +113,8 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
103
113
|
</ng-container>
|
|
104
114
|
</ng-template>
|
|
105
115
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
106
|
-
|
|
116
|
+
}
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemComponent, decorators: [{
|
|
107
118
|
type: Component,
|
|
108
119
|
args: [{
|
|
109
120
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -18,14 +18,22 @@ import * as i1 from "./drawer.service";
|
|
|
18
18
|
* @hidden
|
|
19
19
|
*/
|
|
20
20
|
export class DrawerListComponent {
|
|
21
|
+
drawerService;
|
|
22
|
+
renderer;
|
|
23
|
+
ngZone;
|
|
24
|
+
element;
|
|
25
|
+
itemTemplate;
|
|
26
|
+
mini;
|
|
27
|
+
expanded;
|
|
28
|
+
view = [];
|
|
29
|
+
select = new EventEmitter();
|
|
30
|
+
items;
|
|
31
|
+
subscriptions = new Subscription();
|
|
21
32
|
constructor(drawerService, renderer, ngZone, element) {
|
|
22
33
|
this.drawerService = drawerService;
|
|
23
34
|
this.renderer = renderer;
|
|
24
35
|
this.ngZone = ngZone;
|
|
25
36
|
this.element = element;
|
|
26
|
-
this.view = [];
|
|
27
|
-
this.select = new EventEmitter();
|
|
28
|
-
this.subscriptions = new Subscription();
|
|
29
37
|
}
|
|
30
38
|
ngOnInit() {
|
|
31
39
|
this.initDomEvents();
|
|
@@ -101,10 +109,10 @@ export class DrawerListComponent {
|
|
|
101
109
|
return itemIndex(item, DRAWER_ITEM_INDEX);
|
|
102
110
|
}
|
|
103
111
|
}
|
|
112
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n role=\"menuitem\"\n [viewItem]=\"v\"\n [index]=\"idx\"\n [mini]=\"mini\"\n [expanded]=\"expanded\"\n [itemTemplate]=\"itemTemplate\"\n [attr.data-kendo-drawer-index]=\"v.index\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\"\n [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n </li>\n\n <li *ngIf=\"v.item.separator\"\n role=\"separator\"\n class=\"k-drawer-item k-drawer-separator\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
104
114
|
}
|
|
105
|
-
|
|
106
|
-
DrawerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n role=\"menuitem\"\n [viewItem]=\"v\"\n [index]=\"idx\"\n [mini]=\"mini\"\n [expanded]=\"expanded\"\n [itemTemplate]=\"itemTemplate\"\n [attr.data-kendo-drawer-index]=\"v.index\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\"\n [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n </li>\n\n <li *ngIf=\"v.item.separator\"\n role=\"separator\"\n class=\"k-drawer-item k-drawer-separator\"\n [ngClass]=\"v.item.cssClass\"\n [ngStyle]=\"v.item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerListComponent, decorators: [{
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerListComponent, decorators: [{
|
|
108
116
|
type: Component,
|
|
109
117
|
args: [{
|
|
110
118
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -12,13 +12,14 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
* for example, `kendoDrawerHeaderTemplate` and `kendoDrawerItemTemplate`.
|
|
13
13
|
*/
|
|
14
14
|
export class DrawerTemplateDirective {
|
|
15
|
+
templateRef;
|
|
15
16
|
constructor(templateRef) {
|
|
16
17
|
this.templateRef = templateRef;
|
|
17
18
|
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
|
|
18
21
|
}
|
|
19
|
-
|
|
20
|
-
DrawerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
|
|
22
23
|
type: Directive,
|
|
23
24
|
args: [{
|
|
24
25
|
selector: '[kendoDrawerTemplate]',
|
|
@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* with the `kendoDrawerFooterTemplate` directive inside the `<kendo-drawer>` tag.
|
|
11
11
|
*/
|
|
12
12
|
export class DrawerFooterTemplateDirective {
|
|
13
|
+
templateRef;
|
|
13
14
|
constructor(templateRef) {
|
|
14
15
|
this.templateRef = templateRef;
|
|
15
16
|
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
|
|
16
19
|
}
|
|
17
|
-
|
|
18
|
-
DrawerFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
|
|
20
21
|
type: Directive,
|
|
21
22
|
args: [{
|
|
22
23
|
selector: '[kendoDrawerFooterTemplate]',
|
|
@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* with the `kendoDrawerHeaderTemplate` directive inside the `<kendo-drawer>` tag.
|
|
11
11
|
*/
|
|
12
12
|
export class DrawerHeaderTemplateDirective {
|
|
13
|
+
templateRef;
|
|
13
14
|
constructor(templateRef) {
|
|
14
15
|
this.templateRef = templateRef;
|
|
15
16
|
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
|
|
16
19
|
}
|
|
17
|
-
|
|
18
|
-
DrawerHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
|
|
20
21
|
type: Directive,
|
|
21
22
|
args: [{
|
|
22
23
|
selector: '[kendoDrawerHeaderTemplate]',
|
|
@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* with the `kendoDrawerItemTemplate` directive inside the `<kendo-drawer>` tag.
|
|
11
11
|
*/
|
|
12
12
|
export class DrawerItemTemplateDirective {
|
|
13
|
+
templateRef;
|
|
13
14
|
constructor(templateRef) {
|
|
14
15
|
this.templateRef = templateRef;
|
|
15
16
|
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
|
|
16
19
|
}
|
|
17
|
-
|
|
18
|
-
DrawerItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
|
|
20
21
|
type: Directive,
|
|
21
22
|
args: [{
|
|
22
23
|
selector: '[kendoDrawerItemTemplate]',
|
|
@@ -18,11 +18,11 @@ import * as i7 from "./drawer/template-directives/item-template.directive";
|
|
|
18
18
|
* definition for the Drawer component.
|
|
19
19
|
*/
|
|
20
20
|
export class DrawerModule {
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
22
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective], exports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective] });
|
|
23
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent] });
|
|
21
24
|
}
|
|
22
|
-
|
|
23
|
-
DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective], exports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective] });
|
|
24
|
-
DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, decorators: [{
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, decorators: [{
|
|
26
26
|
type: NgModule,
|
|
27
27
|
args: [{
|
|
28
28
|
exports: [...KENDO_DRAWER],
|
|
@@ -7,6 +7,10 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
|
|
|
7
7
|
* Arguments for the `action` event of the ExpansionPanel.
|
|
8
8
|
*/
|
|
9
9
|
export class ExpansionPanelActionEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The action that will take place upon interaction with the ExpansionPanel.
|
|
12
|
+
*/
|
|
13
|
+
action;
|
|
10
14
|
/**
|
|
11
15
|
* @hidden
|
|
12
16
|
*/
|
|
@@ -11,13 +11,14 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* ([see example]({% slug title_expansionpanel %}#toc-title-template)).
|
|
12
12
|
*/
|
|
13
13
|
export class ExpansionPanelTitleDirective {
|
|
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: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
|
|
17
20
|
}
|
|
18
|
-
|
|
19
|
-
ExpansionPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
|
|
21
22
|
type: Directive,
|
|
22
23
|
args: [{
|
|
23
24
|
selector: '[kendoExpansionPanelTitleDirective]',
|
|
@@ -15,7 +15,7 @@ import { validatePackage } from '@progress/kendo-licensing';
|
|
|
15
15
|
import { packageMetadata } from '../package-metadata';
|
|
16
16
|
import { ExpansionPanelActionEvent } from './events/action-event';
|
|
17
17
|
import { take } from 'rxjs/operators';
|
|
18
|
-
import {
|
|
18
|
+
import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
|
|
19
19
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
20
20
|
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
21
21
|
import * as i0 from "@angular/core";
|
|
@@ -40,74 +40,28 @@ const CONTENT_HIDDEN_CLASS = 'k-hidden';
|
|
|
40
40
|
* ```
|
|
41
41
|
*/
|
|
42
42
|
export class ExpansionPanelComponent {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
this.disabled = false;
|
|
66
|
-
/**
|
|
67
|
-
* Specifies the animation settings of the ExpansionPanel
|
|
68
|
-
* ([see example]({% slug animations_expansionpanel %})).
|
|
69
|
-
*
|
|
70
|
-
* The possible values are:
|
|
71
|
-
* * Boolean
|
|
72
|
-
* * (Default) `true` Numeric values represent duration. Default duration is 200ms.
|
|
73
|
-
* * false
|
|
74
|
-
* * Number
|
|
75
|
-
*/
|
|
76
|
-
this.animation = true;
|
|
77
|
-
/**
|
|
78
|
-
* Fires when the `expanded` property of the component is updated.
|
|
79
|
-
* Used to provide a two-way binding for the `expanded` property
|
|
80
|
-
* ([see example](slug:events_expansionpanel)).
|
|
81
|
-
*/
|
|
82
|
-
this.expandedChange = new EventEmitter();
|
|
83
|
-
/**
|
|
84
|
-
* Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
|
|
85
|
-
* ([see example](slug:events_expansionpanel)).
|
|
86
|
-
*/
|
|
87
|
-
this.action = new EventEmitter();
|
|
88
|
-
/**
|
|
89
|
-
* Fires when the ExpansionPanel is expanded. If there is animation it will fire when the animation is complete
|
|
90
|
-
* ([see example](slug:events_expansionpanel)).
|
|
91
|
-
*/
|
|
92
|
-
this.expand = new EventEmitter();
|
|
93
|
-
/**
|
|
94
|
-
* Fires when the ExpansionPanel is collapsed. If there is animation it will fire when the animation is complete
|
|
95
|
-
* ([see example](slug:events_expansionpanel)).
|
|
96
|
-
*/
|
|
97
|
-
this.collapse = new EventEmitter();
|
|
98
|
-
this.hostClass = true;
|
|
99
|
-
/**
|
|
100
|
-
* @hidden
|
|
101
|
-
*/
|
|
102
|
-
this.focused = false;
|
|
103
|
-
this.animationEnd = new EventEmitter();
|
|
104
|
-
this.subscriptions = new Subscription();
|
|
105
|
-
this._expanded = false;
|
|
106
|
-
this._svgExpandIcon = caretAltDownIcon;
|
|
107
|
-
this._svgCollapseIcon = caretAltUpIcon;
|
|
108
|
-
validatePackage(packageMetadata);
|
|
109
|
-
this.direction = localizationService.rtl ? 'rtl' : 'ltr';
|
|
110
|
-
}
|
|
43
|
+
renderer;
|
|
44
|
+
hostElement;
|
|
45
|
+
ngZone;
|
|
46
|
+
localizationService;
|
|
47
|
+
builder;
|
|
48
|
+
/**
|
|
49
|
+
* Specifies the primary text in the header of the ExpansionPanel
|
|
50
|
+
* ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
|
|
51
|
+
*/
|
|
52
|
+
title = '';
|
|
53
|
+
/**
|
|
54
|
+
* Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon
|
|
55
|
+
* ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
|
|
56
|
+
*/
|
|
57
|
+
subtitle = '';
|
|
58
|
+
/**
|
|
59
|
+
* Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
|
|
60
|
+
* ([see example]({% slug disabled_expansionpanel %})).
|
|
61
|
+
*
|
|
62
|
+
* @default false
|
|
63
|
+
*/
|
|
64
|
+
disabled = false;
|
|
111
65
|
/**
|
|
112
66
|
* Specifies whether the ExpansionPanel is expanded. The property supports two-way binding.
|
|
113
67
|
* ([see example]({% slug interaction_expansionpanel %}#toc-setting-the-initial-state)).
|
|
@@ -155,9 +109,77 @@ export class ExpansionPanelComponent {
|
|
|
155
109
|
get svgCollapseIcon() {
|
|
156
110
|
return this._svgCollapseIcon;
|
|
157
111
|
}
|
|
112
|
+
/**
|
|
113
|
+
* Sets a custom icon via css class(es), for the collapsed state of the component
|
|
114
|
+
* ([see example]({% slug icons_expansionpanel %}#toc-icons)).
|
|
115
|
+
*/
|
|
116
|
+
expandIcon;
|
|
117
|
+
/**
|
|
118
|
+
* Sets a custom icon via css class(es), for the expanded state of the component
|
|
119
|
+
* ([see example]({% slug icons_expansionpanel %}#toc-icons)).
|
|
120
|
+
*/
|
|
121
|
+
collapseIcon;
|
|
122
|
+
/**
|
|
123
|
+
* Specifies the animation settings of the ExpansionPanel
|
|
124
|
+
* ([see example]({% slug animations_expansionpanel %})).
|
|
125
|
+
*
|
|
126
|
+
* The possible values are:
|
|
127
|
+
* * Boolean
|
|
128
|
+
* * (Default) `true` Numeric values represent duration. Default duration is 200ms.
|
|
129
|
+
* * false
|
|
130
|
+
* * Number
|
|
131
|
+
*/
|
|
132
|
+
animation = true;
|
|
133
|
+
/**
|
|
134
|
+
* Fires when the `expanded` property of the component is updated.
|
|
135
|
+
* Used to provide a two-way binding for the `expanded` property
|
|
136
|
+
* ([see example](slug:events_expansionpanel)).
|
|
137
|
+
*/
|
|
138
|
+
expandedChange = new EventEmitter();
|
|
139
|
+
/**
|
|
140
|
+
* Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
|
|
141
|
+
* ([see example](slug:events_expansionpanel)).
|
|
142
|
+
*/
|
|
143
|
+
action = new EventEmitter();
|
|
144
|
+
/**
|
|
145
|
+
* Fires when the ExpansionPanel is expanded. If there is animation it will fire when the animation is complete
|
|
146
|
+
* ([see example](slug:events_expansionpanel)).
|
|
147
|
+
*/
|
|
148
|
+
expand = new EventEmitter();
|
|
149
|
+
/**
|
|
150
|
+
* Fires when the ExpansionPanel is collapsed. If there is animation it will fire when the animation is complete
|
|
151
|
+
* ([see example](slug:events_expansionpanel)).
|
|
152
|
+
*/
|
|
153
|
+
collapse = new EventEmitter();
|
|
154
|
+
/**
|
|
155
|
+
* @hidden
|
|
156
|
+
*/
|
|
157
|
+
titleTemplate;
|
|
158
|
+
content;
|
|
159
|
+
header;
|
|
160
|
+
hostClass = true;
|
|
158
161
|
get expandedClass() {
|
|
159
162
|
return this.expanded && !this.disabled;
|
|
160
163
|
}
|
|
164
|
+
direction;
|
|
165
|
+
/**
|
|
166
|
+
* @hidden
|
|
167
|
+
*/
|
|
168
|
+
focused = false;
|
|
169
|
+
animationEnd = new EventEmitter();
|
|
170
|
+
subscriptions = new Subscription();
|
|
171
|
+
_expanded = false;
|
|
172
|
+
_svgExpandIcon = chevronDownIcon;
|
|
173
|
+
_svgCollapseIcon = chevronUpIcon;
|
|
174
|
+
constructor(renderer, hostElement, ngZone, localizationService, builder) {
|
|
175
|
+
this.renderer = renderer;
|
|
176
|
+
this.hostElement = hostElement;
|
|
177
|
+
this.ngZone = ngZone;
|
|
178
|
+
this.localizationService = localizationService;
|
|
179
|
+
this.builder = builder;
|
|
180
|
+
validatePackage(packageMetadata);
|
|
181
|
+
this.direction = localizationService.rtl ? 'rtl' : 'ltr';
|
|
182
|
+
}
|
|
161
183
|
ngOnInit() {
|
|
162
184
|
this.renderer.removeAttribute(this.hostElement.nativeElement, 'title');
|
|
163
185
|
this.subscriptions = this.localizationService.changes.subscribe(({ rtl }) => { this.direction = rtl ? 'rtl' : 'ltr'; });
|
|
@@ -240,10 +262,10 @@ export class ExpansionPanelComponent {
|
|
|
240
262
|
*/
|
|
241
263
|
get expanderIndicatorClasses() {
|
|
242
264
|
if (this.expanded) {
|
|
243
|
-
return !this.collapseIcon ? `
|
|
265
|
+
return !this.collapseIcon ? `chevron-up` : '';
|
|
244
266
|
}
|
|
245
267
|
else {
|
|
246
|
-
return !this.expandIcon ? `
|
|
268
|
+
return !this.expandIcon ? `chevron-down` : '';
|
|
247
269
|
}
|
|
248
270
|
}
|
|
249
271
|
/**
|
|
@@ -338,15 +360,14 @@ export class ExpansionPanelComponent {
|
|
|
338
360
|
removeContentHiddenClass() {
|
|
339
361
|
this.renderer.removeClass(this.content.nativeElement, CONTENT_HIDDEN_CLASS);
|
|
340
362
|
}
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
}
|
|
349
|
-
], queries: [{ propertyName: "titleTemplate", first: true, predicate: ExpansionPanelTitleDirective, descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true, static: true }], exportAs: ["kendoExpansionPanel"], ngImport: i0, template: `
|
|
363
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
364
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, isStandalone: true, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", svgExpandIcon: "svgExpandIcon", svgCollapseIcon: "svgCollapseIcon", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "attr.dir": "this.direction" } }, providers: [
|
|
365
|
+
LocalizationService,
|
|
366
|
+
{
|
|
367
|
+
provide: L10N_PREFIX,
|
|
368
|
+
useValue: 'kendo.expansionpanel'
|
|
369
|
+
}
|
|
370
|
+
], queries: [{ propertyName: "titleTemplate", first: true, predicate: ExpansionPanelTitleDirective, descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true, static: true }], exportAs: ["kendoExpansionPanel"], ngImport: i0, template: `
|
|
350
371
|
<div
|
|
351
372
|
#header
|
|
352
373
|
[class.k-expander-header]="true"
|
|
@@ -384,7 +405,8 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
384
405
|
</div>
|
|
385
406
|
</div>
|
|
386
407
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
387
|
-
|
|
408
|
+
}
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
388
410
|
type: Component,
|
|
389
411
|
args: [{
|
|
390
412
|
exportAs: 'kendoExpansionPanel',
|
|
@@ -13,11 +13,11 @@ import * as i2 from "./expansionpanel/expansionpanel-title.directive";
|
|
|
13
13
|
* definition for the ExpansionPanel component.
|
|
14
14
|
*/
|
|
15
15
|
export class ExpansionPanelModule {
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective], exports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective] });
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent] });
|
|
16
19
|
}
|
|
17
|
-
|
|
18
|
-
ExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective], exports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective] });
|
|
19
|
-
ExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent] });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, decorators: [{
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
exports: [...KENDO_EXPANSIONPANEL],
|
|
@@ -13,11 +13,11 @@ import * as i2 from "./layouts/gridlayout-item.component";
|
|
|
13
13
|
* definition for the GridLayout component.
|
|
14
14
|
*/
|
|
15
15
|
export class GridLayoutModule {
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, imports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent], exports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent] });
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule });
|
|
16
19
|
}
|
|
17
|
-
|
|
18
|
-
GridLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, imports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent], exports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent] });
|
|
19
|
-
GridLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, imports: [KENDO_GRIDLAYOUT] });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, decorators: [{
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
exports: [...KENDO_GRIDLAYOUT],
|
|
@@ -87,11 +87,11 @@ import * as i49 from "./timeline/templates/timeline-card-header.directive";
|
|
|
87
87
|
* ```
|
|
88
88
|
*/
|
|
89
89
|
export class LayoutModule {
|
|
90
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
91
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective] });
|
|
92
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i12.DrawerComponent, i19.ExpansionPanelComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i28.SplitterComponent, i31.StepperComponent, i36.TabStripComponent, i41.TileLayoutComponent, i45.TimelineComponent] });
|
|
90
93
|
}
|
|
91
|
-
|
|
92
|
-
LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective] });
|
|
93
|
-
LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i19.ExpansionPanelComponent, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i36.TabStripComponent, i37.TabStripTabComponent, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent] });
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, decorators: [{
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, decorators: [{
|
|
95
95
|
type: NgModule,
|
|
96
96
|
args: [{
|
|
97
97
|
exports: [...KENDO_LAYOUT],
|