@progress/kendo-angular-layout 7.2.0 → 11.0.0-develop.79
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/NOTICE.txt +3 -3
- package/avatar/avatar.component.d.ts +1 -1
- package/avatar/models/fill.d.ts +1 -1
- package/avatar/models/models.d.ts +1 -1
- package/avatar/models/rounded.d.ts +1 -1
- package/avatar/models/shape.d.ts +1 -1
- package/avatar/models/size.d.ts +1 -1
- package/avatar/models/theme-color.d.ts +1 -1
- package/avatar.module.d.ts +1 -1
- package/card/card-actions.component.d.ts +1 -1
- package/card/card-body.component.d.ts +1 -1
- package/card/card-footer.component.d.ts +1 -1
- package/card/card-header.component.d.ts +1 -1
- package/card/card.component.d.ts +1 -1
- package/card/directives/card-media.directive.d.ts +1 -1
- package/card/directives/card-separator.directive.d.ts +1 -1
- package/card/directives/card-subtitle.directive.d.ts +1 -1
- package/card/directives/card-title.directive.d.ts +1 -1
- package/card/models/actions-layout.d.ts +1 -1
- package/card/models/card-action.d.ts +1 -1
- package/card.module.d.ts +1 -1
- package/common/direction.d.ts +1 -1
- package/common/dom-queries.d.ts +1 -1
- package/common/orientation.d.ts +1 -1
- package/common/preventable-event.d.ts +1 -1
- package/common/styling-classes.d.ts +1 -1
- package/common/util.d.ts +1 -1
- package/drawer/animations.d.ts +1 -1
- package/drawer/drawer-container.component.d.ts +1 -1
- package/drawer/drawer-content.component.d.ts +1 -1
- package/drawer/drawer.component.d.ts +1 -1
- package/drawer/drawer.service.d.ts +1 -1
- package/drawer/events/drawer-list-select.event.d.ts +1 -1
- package/drawer/events/select-event.d.ts +1 -1
- package/drawer/item.component.d.ts +1 -1
- package/drawer/list.component.d.ts +1 -1
- package/drawer/models/constants.d.ts +2 -2
- package/drawer/models/drawer-animation.interface.d.ts +1 -1
- package/drawer/models/drawer-item-expand.interface.d.ts +1 -1
- package/drawer/models/drawer-item.interface.d.ts +1 -1
- package/drawer/models/drawer-view-item.interface.d.ts +1 -1
- package/drawer/models/mode.d.ts +1 -1
- package/drawer/models/position.d.ts +1 -1
- package/drawer/template-directives/drawer-template.directive.d.ts +1 -1
- package/drawer/template-directives/footer-template.directive.d.ts +1 -1
- package/drawer/template-directives/header-template.directive.d.ts +1 -1
- package/drawer/template-directives/item-template.directive.d.ts +1 -1
- package/drawer/template-directives.d.ts +1 -1
- package/drawer/types.d.ts +1 -1
- package/drawer/util.d.ts +1 -1
- package/drawer.module.d.ts +1 -1
- package/{esm2015/avatar/avatar.component.js → esm2020/avatar/avatar.component.mjs} +5 -5
- package/{esm2015/avatar/models/size.js → esm2020/avatar/models/fill.mjs} +1 -1
- package/{esm2015/avatar/models/models.js → esm2020/avatar/models/models.mjs} +1 -1
- package/{esm2015/avatar/models/rounded.js → esm2020/avatar/models/rounded.mjs} +1 -1
- package/{esm2015/avatar/models/shape.js → esm2020/avatar/models/shape.mjs} +1 -1
- package/{esm2015/avatar/models/fill.js → esm2020/avatar/models/size.mjs} +1 -1
- package/esm2020/avatar/models/theme-color.mjs +5 -0
- package/{esm2015/avatar.module.js → esm2020/avatar.module.mjs} +5 -5
- package/{esm2015/card/card-actions.component.js → esm2020/card/card-actions.component.mjs} +4 -4
- package/{esm2015/card/card-body.component.js → esm2020/card/card-body.component.mjs} +4 -4
- package/{esm2015/card/card-footer.component.js → esm2020/card/card-footer.component.mjs} +4 -4
- package/{esm2015/card/card-header.component.js → esm2020/card/card-header.component.mjs} +4 -4
- package/{esm2015/card/card.component.js → esm2020/card/card.component.mjs} +4 -4
- package/{esm2015/card/directives/card-media.directive.js → esm2020/card/directives/card-media.directive.mjs} +4 -4
- package/{esm2015/card/directives/card-separator.directive.js → esm2020/card/directives/card-separator.directive.mjs} +4 -4
- package/{esm2015/card/directives/card-subtitle.directive.js → esm2020/card/directives/card-subtitle.directive.mjs} +4 -4
- package/{esm2015/card/directives/card-title.directive.js → esm2020/card/directives/card-title.directive.mjs} +4 -4
- package/esm2020/card/models/actions-layout.mjs +5 -0
- package/{esm2015/card/models/card-action.js → esm2020/card/models/card-action.mjs} +1 -1
- package/{esm2015/card.module.js → esm2020/card.module.mjs} +5 -5
- package/esm2020/common/direction.mjs +5 -0
- package/{esm2015/common/dom-queries.js → esm2020/common/dom-queries.mjs} +1 -1
- package/esm2020/common/orientation.mjs +5 -0
- package/{esm2015/common/preventable-event.js → esm2020/common/preventable-event.mjs} +1 -1
- package/esm2020/common/styling-classes.mjs +5 -0
- package/{esm2015/common/util.js → esm2020/common/util.mjs} +1 -1
- package/{esm2015/drawer/animations.js → esm2020/drawer/animations.mjs} +1 -1
- package/{esm2015/drawer/drawer-container.component.js → esm2020/drawer/drawer-container.component.mjs} +4 -4
- package/{esm2015/drawer/drawer-content.component.js → esm2020/drawer/drawer-content.component.mjs} +4 -4
- package/{esm2015/drawer/drawer.component.js → esm2020/drawer/drawer.component.mjs} +6 -5
- package/{esm2015/drawer/drawer.service.js → esm2020/drawer/drawer.service.mjs} +5 -5
- package/{esm2015/drawer/events/drawer-list-select.event.js → esm2020/drawer/events/drawer-list-select.event.mjs} +1 -1
- package/{esm2015/drawer/events/select-event.js → esm2020/drawer/events/select-event.mjs} +1 -1
- package/{esm2015/drawer/item.component.js → esm2020/drawer/item.component.mjs} +6 -5
- package/{esm2015/drawer/list.component.js → esm2020/drawer/list.component.mjs} +7 -7
- package/{esm2015/drawer/models/constants.js → esm2020/drawer/models/constants.mjs} +1 -1
- package/esm2020/drawer/models/drawer-animation.interface.mjs +5 -0
- package/esm2020/drawer/models/drawer-item-expand.interface.mjs +5 -0
- package/esm2020/drawer/models/drawer-item.interface.mjs +5 -0
- package/esm2020/drawer/models/drawer-view-item.interface.mjs +5 -0
- package/esm2020/drawer/models/mode.mjs +5 -0
- package/esm2020/drawer/models/position.mjs +5 -0
- package/{esm2015/drawer/template-directives/drawer-template.directive.js → esm2020/drawer/template-directives/drawer-template.directive.mjs} +5 -5
- package/{esm2015/drawer/template-directives/footer-template.directive.js → esm2020/drawer/template-directives/footer-template.directive.mjs} +5 -5
- package/{esm2015/drawer/template-directives/header-template.directive.js → esm2020/drawer/template-directives/header-template.directive.mjs} +5 -5
- package/{esm2015/drawer/template-directives/item-template.directive.js → esm2020/drawer/template-directives/item-template.directive.mjs} +5 -5
- package/{esm2015/drawer/template-directives.js → esm2020/drawer/template-directives.mjs} +1 -1
- package/esm2020/drawer/types.mjs +5 -0
- package/{esm2015/drawer/util.js → esm2020/drawer/util.mjs} +1 -1
- package/{esm2015/drawer.module.js → esm2020/drawer.module.mjs} +5 -5
- package/{esm2015/expansionpanel/animations.js → esm2020/expansionpanel/animations.mjs} +1 -1
- package/{esm2015/expansionpanel/events/action-event.js → esm2020/expansionpanel/events/action-event.mjs} +1 -1
- package/{esm2015/expansionpanel/expansionpanel-title.directive.js → esm2020/expansionpanel/expansionpanel-title.directive.mjs} +5 -5
- package/{esm2015/expansionpanel/expansionpanel.component.js → esm2020/expansionpanel/expansionpanel.component.mjs} +6 -5
- package/{esm2015/expansionpanel.module.js → esm2020/expansionpanel.module.mjs} +5 -5
- package/{esm2015/gridlayout.module.js → esm2020/gridlayout.module.mjs} +5 -5
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/layout.module.js → esm2020/layout.module.mjs} +5 -5
- package/{esm2015/layouts/grid-layout.component.js → esm2020/layouts/grid-layout.component.mjs} +7 -7
- package/{esm2015/layouts/gridlayout-item.component.js → esm2020/layouts/gridlayout-item.component.mjs} +5 -5
- package/esm2020/layouts/models/gridlayout-gap-settings.mjs +5 -0
- package/esm2020/layouts/models/gridlayout-row-col-size.mjs +5 -0
- package/esm2020/layouts/models/layout-align-settings.mjs +5 -0
- package/esm2020/layouts/models/layout-horizontal-align.mjs +5 -0
- package/esm2020/layouts/models/layout-vertical-align.mjs +5 -0
- package/{esm2015/layouts/models.js → esm2020/layouts/models.mjs} +1 -1
- package/{esm2015/layouts/stack-layout.component.js → esm2020/layouts/stack-layout.component.mjs} +5 -5
- package/{esm2015/layouts/util.js → esm2020/layouts/util.mjs} +5 -5
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +2 -2
- package/{esm2015/panelbar/events/collapse-event.js → esm2020/panelbar/events/collapse-event.mjs} +1 -1
- package/{esm2015/panelbar/events/expand-event.js → esm2020/panelbar/events/expand-event.mjs} +1 -1
- package/{esm2015/panelbar/events/select-event.js → esm2020/panelbar/events/select-event.mjs} +1 -1
- package/{esm2015/panelbar/events/state-change-event.js → esm2020/panelbar/events/state-change-event.mjs} +1 -1
- package/{esm2015/panelbar/events.js → esm2020/panelbar/events.mjs} +1 -1
- package/{esm2015/panelbar/panelbar-content.directive.js → esm2020/panelbar/panelbar-content.directive.mjs} +5 -5
- package/{esm2015/panelbar/panelbar-expand-mode.js → esm2020/panelbar/panelbar-expand-mode.mjs} +1 -1
- package/esm2020/panelbar/panelbar-item-model.mjs +5 -0
- package/{esm2015/panelbar/panelbar-item-template.directive.js → esm2020/panelbar/panelbar-item-template.directive.mjs} +5 -5
- package/{esm2015/panelbar/panelbar-item-title.directive.js → esm2020/panelbar/panelbar-item-title.directive.mjs} +5 -5
- package/{esm2015/panelbar/panelbar-item.component.js → esm2020/panelbar/panelbar-item.component.mjs} +7 -6
- package/{esm2015/panelbar/panelbar.component.js → esm2020/panelbar/panelbar.component.mjs} +16 -16
- package/{esm2015/panelbar/panelbar.service.js → esm2020/panelbar/panelbar.service.mjs} +4 -4
- package/{esm2015/panelbar.module.js → esm2020/panelbar.module.mjs} +5 -5
- package/{esm2015/kendo-angular-layout.js → esm2020/progress-kendo-angular-layout.mjs} +2 -2
- package/{esm2015/splitter/splitter-bar.component.js → esm2020/splitter/splitter-bar.component.mjs} +8 -6
- package/{esm2015/splitter/splitter-pane.component.js → esm2020/splitter/splitter-pane.component.mjs} +5 -5
- package/{esm2015/splitter/splitter.component.js → esm2020/splitter/splitter.component.mjs} +6 -6
- package/{esm2015/splitter/splitter.service.js → esm2020/splitter/splitter.service.mjs} +7 -7
- package/{esm2015/splitter/util.js → esm2020/splitter/util.mjs} +1 -1
- package/{esm2015/splitter.module.js → esm2020/splitter.module.mjs} +5 -5
- package/{esm2015/stacklayout.module.js → esm2020/stacklayout.module.mjs} +5 -5
- package/{esm2015/stepper/events/activate-event.js → esm2020/stepper/events/activate-event.mjs} +1 -1
- package/{esm2015/stepper/list.component.js → esm2020/stepper/list.component.mjs} +6 -5
- package/{esm2015/stepper/localization/custom-messages.component.js → esm2020/stepper/localization/custom-messages.component.mjs} +5 -4
- package/{esm2015/stepper/localization/localized-messages.directive.js → esm2020/stepper/localization/localized-messages.directive.mjs} +5 -4
- package/{esm2015/stepper/localization/messages.js → esm2020/stepper/localization/messages.mjs} +4 -4
- package/{esm2015/stepper/models/constants.js → esm2020/stepper/models/constants.mjs} +1 -1
- package/esm2020/stepper/models/orientation.mjs +5 -0
- package/esm2020/stepper/models/step-predicate.mjs +5 -0
- package/esm2020/stepper/models/step-type.mjs +5 -0
- package/esm2020/stepper/models/stepper-step.interface.mjs +5 -0
- package/{esm2015/stepper/step.component.js → esm2020/stepper/step.component.mjs} +8 -6
- package/{esm2015/stepper/stepper.component.js → esm2020/stepper/stepper.component.mjs} +7 -7
- package/{esm2015/stepper/stepper.service.js → esm2020/stepper/stepper.service.mjs} +6 -5
- package/{esm2015/stepper/template-directives/indicator-template.directive.js → esm2020/stepper/template-directives/indicator-template.directive.mjs} +5 -5
- package/{esm2015/stepper/template-directives/label-template.directive.js → esm2020/stepper/template-directives/label-template.directive.mjs} +5 -5
- package/{esm2015/stepper/template-directives/step-template.directive.js → esm2020/stepper/template-directives/step-template.directive.mjs} +5 -5
- package/{esm2015/stepper/template-directives.js → esm2020/stepper/template-directives.mjs} +1 -1
- package/esm2020/stepper/types.mjs +5 -0
- package/{esm2015/stepper.module.js → esm2020/stepper.module.mjs} +5 -5
- package/{esm2015/tabstrip/constants.js → esm2020/tabstrip/constants.mjs} +1 -1
- package/{esm2015/tabstrip/directives/tab-content.directive.js → esm2020/tabstrip/directives/tab-content.directive.mjs} +5 -5
- package/{esm2015/tabstrip/directives/tab-title.directive.js → esm2020/tabstrip/directives/tab-title.directive.mjs} +5 -5
- package/{esm2015/tabstrip/events/select-event.js → esm2020/tabstrip/events/select-event.mjs} +1 -1
- package/{esm2015/tabstrip/events/tabclose-event.js → esm2020/tabstrip/events/tabclose-event.mjs} +1 -1
- package/{esm2015/tabstrip/events/tabscroll-event.js → esm2020/tabstrip/events/tabscroll-event.mjs} +1 -1
- package/{esm2015/tabstrip/events.js → esm2020/tabstrip/events.mjs} +1 -1
- package/{esm2015/tabstrip/localization/custom-messages.component.js → esm2020/tabstrip/localization/custom-messages.component.mjs} +5 -4
- package/{esm2015/tabstrip/localization/localized-messages.directive.js → esm2020/tabstrip/localization/localized-messages.directive.mjs} +5 -4
- package/{esm2015/tabstrip/localization/messages.js → esm2020/tabstrip/localization/messages.mjs} +4 -4
- package/esm2020/tabstrip/models/button-state-change.mjs +5 -0
- package/esm2020/tabstrip/models/scroll-button-type.mjs +5 -0
- package/esm2020/tabstrip/models/scroll-buttons-visibility.mjs +5 -0
- package/{esm2015/tabstrip/models/scrollable-settings.js → esm2020/tabstrip/models/scrollable-settings.mjs} +1 -1
- package/esm2020/tabstrip/models/tab-alignment.mjs +5 -0
- package/esm2020/tabstrip/models/tab-position.mjs +5 -0
- package/{esm2015/tabstrip/models/tabstrip-tab.component.js → esm2020/tabstrip/models/tabstrip-tab.component.mjs} +4 -4
- package/{esm2015/tabstrip/rendering/tab.component.js → esm2020/tabstrip/rendering/tab.component.mjs} +6 -4
- package/{esm2015/tabstrip/scrollable-button.component.js → esm2020/tabstrip/scrollable-button.component.mjs} +5 -5
- package/{esm2015/tabstrip/tabstrip-scroll.service.js → esm2020/tabstrip/tabstrip-scroll.service.mjs} +6 -6
- package/{esm2015/tabstrip/tabstrip.component.js → esm2020/tabstrip/tabstrip.component.mjs} +18 -10
- package/{esm2015/tabstrip/tabstrip.service.js → esm2020/tabstrip/tabstrip.service.mjs} +7 -6
- package/{esm2015/tabstrip/util.js → esm2020/tabstrip/util.mjs} +1 -1
- package/{esm2015/tabstrip.module.js → esm2020/tabstrip.module.mjs} +5 -5
- package/{esm2015/tilelayout/constants.js → esm2020/tilelayout/constants.mjs} +1 -1
- package/{esm2015/tilelayout/dragging-service.js → esm2020/tilelayout/dragging-service.mjs} +7 -6
- package/{esm2015/tilelayout/keyboard-navigation.service.js → esm2020/tilelayout/keyboard-navigation.service.mjs} +7 -7
- package/esm2020/tilelayout/models/dragging-config.interface.mjs +5 -0
- package/esm2020/tilelayout/models/flowmode.type.mjs +5 -0
- package/esm2020/tilelayout/models/gap.interface.mjs +5 -0
- package/esm2020/tilelayout/models/navigation.interface.mjs +5 -0
- package/{esm2015/tilelayout/reorder-event.js → esm2020/tilelayout/reorder-event.mjs} +1 -1
- package/{esm2015/tilelayout/resize-event.js → esm2020/tilelayout/resize-event.mjs} +1 -1
- package/{esm2015/tilelayout/tilelayout-item-body.component.js → esm2020/tilelayout/tilelayout-item-body.component.mjs} +4 -4
- package/{esm2015/tilelayout/tilelayout-item-header.component.js → esm2020/tilelayout/tilelayout-item-header.component.mjs} +5 -5
- package/{esm2015/tilelayout/tilelayout-item.component.js → esm2020/tilelayout/tilelayout-item.component.mjs} +12 -10
- package/{esm2015/tilelayout/tilelayout-resize-handle.directive.js → esm2020/tilelayout/tilelayout-resize-handle.directive.mjs} +5 -5
- package/{esm2015/tilelayout/tilelayout.component.js → esm2020/tilelayout/tilelayout.component.mjs} +13 -13
- package/{esm2015/tilelayout/util.js → esm2020/tilelayout/util.mjs} +1 -1
- package/{esm2015/tilelayout.module.js → esm2020/tilelayout.module.mjs} +5 -5
- package/expansionpanel/animations.d.ts +1 -1
- package/expansionpanel/events/action-event.d.ts +1 -1
- package/expansionpanel/expansionpanel-title.directive.d.ts +1 -1
- package/expansionpanel/expansionpanel.component.d.ts +1 -1
- package/expansionpanel.module.d.ts +1 -1
- package/fesm2015/progress-kendo-angular-layout.mjs +9792 -0
- package/{fesm2015/kendo-angular-layout.js → fesm2020/progress-kendo-angular-layout.mjs} +371 -368
- package/gridlayout.module.d.ts +1 -1
- package/{main.d.ts → index.d.ts} +1 -1
- package/layout.module.d.ts +1 -1
- package/layouts/grid-layout.component.d.ts +1 -1
- package/layouts/gridlayout-item.component.d.ts +1 -1
- package/layouts/models/gridlayout-gap-settings.d.ts +1 -1
- package/layouts/models/gridlayout-row-col-size.d.ts +1 -1
- package/layouts/models/layout-align-settings.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/models.d.ts +1 -1
- package/layouts/stack-layout.component.d.ts +1 -1
- package/layouts/util.d.ts +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +30 -57
- package/panelbar/events/collapse-event.d.ts +1 -1
- package/panelbar/events/expand-event.d.ts +1 -1
- package/panelbar/events/select-event.d.ts +1 -1
- package/panelbar/events/state-change-event.d.ts +1 -1
- package/panelbar/events.d.ts +1 -1
- package/panelbar/panelbar-content.directive.d.ts +1 -1
- package/panelbar/panelbar-expand-mode.d.ts +1 -1
- package/panelbar/panelbar-item-model.d.ts +1 -1
- package/panelbar/panelbar-item-template.directive.d.ts +1 -1
- package/panelbar/panelbar-item-title.directive.d.ts +1 -1
- package/panelbar/panelbar-item.component.d.ts +1 -1
- package/panelbar/panelbar.component.d.ts +1 -1
- package/panelbar/panelbar.service.d.ts +1 -1
- package/panelbar.module.d.ts +1 -1
- package/{kendo-angular-layout.d.ts → progress-kendo-angular-layout.d.ts} +2 -2
- package/schematics/ngAdd/index.js +1 -5
- package/splitter/splitter-bar.component.d.ts +1 -1
- package/splitter/splitter-pane.component.d.ts +1 -1
- package/splitter/splitter.component.d.ts +2 -2
- package/splitter/splitter.service.d.ts +1 -1
- package/splitter/util.d.ts +1 -1
- package/splitter.module.d.ts +1 -1
- package/stacklayout.module.d.ts +1 -1
- package/stepper/events/activate-event.d.ts +1 -1
- package/stepper/list.component.d.ts +1 -1
- package/stepper/localization/custom-messages.component.d.ts +1 -1
- package/stepper/localization/localized-messages.directive.d.ts +1 -1
- package/stepper/localization/messages.d.ts +1 -1
- package/stepper/models/constants.d.ts +2 -2
- 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/models/stepper-step.interface.d.ts +1 -1
- package/stepper/step.component.d.ts +1 -1
- package/stepper/stepper.component.d.ts +1 -1
- package/stepper/stepper.service.d.ts +1 -1
- package/stepper/template-directives/indicator-template.directive.d.ts +1 -1
- package/stepper/template-directives/label-template.directive.d.ts +1 -1
- package/stepper/template-directives/step-template.directive.d.ts +1 -1
- package/stepper/template-directives.d.ts +1 -1
- package/stepper/types.d.ts +1 -1
- package/stepper.module.d.ts +1 -1
- package/tabstrip/constants.d.ts +1 -1
- package/tabstrip/directives/tab-content.directive.d.ts +1 -1
- package/tabstrip/directives/tab-title.directive.d.ts +1 -1
- package/tabstrip/events/select-event.d.ts +1 -1
- package/tabstrip/events/tabclose-event.d.ts +1 -1
- package/tabstrip/events/tabscroll-event.d.ts +1 -1
- package/tabstrip/events.d.ts +1 -1
- package/tabstrip/localization/custom-messages.component.d.ts +1 -1
- package/tabstrip/localization/localized-messages.directive.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/scrollable-settings.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-scroll.service.d.ts +1 -1
- package/tabstrip/tabstrip.component.d.ts +1 -1
- package/tabstrip/tabstrip.service.d.ts +1 -1
- package/tabstrip/util.d.ts +1 -1
- package/tabstrip.module.d.ts +1 -1
- package/tilelayout/constants.d.ts +4 -4
- package/tilelayout/dragging-service.d.ts +1 -1
- package/tilelayout/keyboard-navigation.service.d.ts +1 -1
- package/tilelayout/models/dragging-config.interface.d.ts +1 -1
- package/tilelayout/models/flowmode.type.d.ts +1 -1
- package/tilelayout/models/gap.interface.d.ts +1 -1
- package/tilelayout/models/navigation.interface.d.ts +1 -1
- package/tilelayout/reorder-event.d.ts +1 -1
- package/tilelayout/resize-event.d.ts +1 -1
- package/tilelayout/tilelayout-item-body.component.d.ts +1 -1
- package/tilelayout/tilelayout-item-header.component.d.ts +1 -1
- 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/tilelayout/util.d.ts +1 -1
- package/tilelayout.module.d.ts +1 -1
- package/bundles/kendo-angular-layout.umd.js +0 -5
- package/esm2015/avatar/models/theme-color.js +0 -5
- package/esm2015/card/models/actions-layout.js +0 -5
- package/esm2015/common/direction.js +0 -5
- package/esm2015/common/orientation.js +0 -5
- package/esm2015/common/styling-classes.js +0 -5
- package/esm2015/drawer/models/drawer-animation.interface.js +0 -5
- package/esm2015/drawer/models/drawer-item-expand.interface.js +0 -5
- package/esm2015/drawer/models/drawer-item.interface.js +0 -5
- package/esm2015/drawer/models/drawer-view-item.interface.js +0 -5
- package/esm2015/drawer/models/mode.js +0 -5
- package/esm2015/drawer/models/position.js +0 -5
- package/esm2015/drawer/types.js +0 -5
- package/esm2015/layouts/models/gridlayout-gap-settings.js +0 -5
- package/esm2015/layouts/models/gridlayout-row-col-size.js +0 -5
- package/esm2015/layouts/models/layout-align-settings.js +0 -5
- package/esm2015/layouts/models/layout-horizontal-align.js +0 -5
- package/esm2015/layouts/models/layout-vertical-align.js +0 -5
- package/esm2015/panelbar/panelbar-item-model.js +0 -5
- package/esm2015/stepper/models/orientation.js +0 -5
- package/esm2015/stepper/models/step-predicate.js +0 -5
- package/esm2015/stepper/models/step-type.js +0 -5
- package/esm2015/stepper/models/stepper-step.interface.js +0 -5
- package/esm2015/stepper/types.js +0 -5
- package/esm2015/tabstrip/models/button-state-change.js +0 -5
- package/esm2015/tabstrip/models/scroll-button-type.js +0 -5
- package/esm2015/tabstrip/models/scroll-buttons-visibility.js +0 -5
- package/esm2015/tabstrip/models/tab-alignment.js +0 -5
- package/esm2015/tabstrip/models/tab-position.js +0 -5
- package/esm2015/tilelayout/models/dragging-config.interface.js +0 -5
- package/esm2015/tilelayout/models/flowmode.type.js +0 -5
- package/esm2015/tilelayout/models/gap.interface.js +0 -5
- package/esm2015/tilelayout/models/navigation.interface.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Component, HostBinding, Input, Output, EventEmitter } from '@angular/core';
|
|
5
|
+
import { Component, ElementRef, HostBinding, Input, Renderer2, NgZone, Output, EventEmitter } from '@angular/core';
|
|
6
6
|
import { Subscription } from 'rxjs';
|
|
7
7
|
import { DIRECTION_CLASSES, HIDDEN_CLASS } from './constants';
|
|
8
8
|
import { isTablistHorizontal } from './util';
|
|
@@ -73,11 +73,11 @@ export class TabStripScrollableButtonComponent {
|
|
|
73
73
|
return scrollEvent;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
77
|
-
TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
76
|
+
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
+
TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-button": "this.btnClasses", "class.k-button-md": "this.btnClasses", "class.k-icon-button": "this.btnClasses", "class.k-rounded-md": "this.btnClasses", "class.k-button-flat": "this.btnClasses", "class.k-button-flat-base": "this.btnClasses", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
|
|
78
78
|
<span class="k-icon k-button-icon" [ngClass]="iconClass"></span>
|
|
79
79
|
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
|
|
81
81
|
type: Component,
|
|
82
82
|
args: [{
|
|
83
83
|
template: `
|
package/{esm2015/tabstrip/tabstrip-scroll.service.js → esm2020/tabstrip/tabstrip-scroll.service.mjs}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { DEFAULT_SCROLL_BEHAVIOR } from './constants';
|
|
6
|
-
import { Injectable } from '@angular/core';
|
|
6
|
+
import { Injectable, NgZone } from '@angular/core';
|
|
7
7
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
8
8
|
import { Subject } from 'rxjs';
|
|
9
9
|
import { getActiveTab, isTablistHorizontal, mouseScrollEnabled } from './util';
|
|
@@ -69,7 +69,7 @@ export class ScrollService {
|
|
|
69
69
|
if (!this.tabsOverflow) {
|
|
70
70
|
return;
|
|
71
71
|
}
|
|
72
|
-
|
|
72
|
+
const { index: activeIndex } = getActiveTab(this.owner.tabs);
|
|
73
73
|
if (activeIndex === -1) {
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
@@ -172,8 +172,8 @@ export class ScrollService {
|
|
|
172
172
|
this.scrollButtonActiveStateChange.next({ buttonType, active });
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
|
-
ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
176
|
-
ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
175
|
+
ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
176
|
+
ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollService });
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollService, decorators: [{
|
|
178
178
|
type: Injectable
|
|
179
179
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';
|
|
5
|
+
import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren, Renderer2, NgZone } from '@angular/core';
|
|
6
6
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
7
7
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
@@ -16,7 +16,9 @@ import { isFocusable } from '../common/dom-queries';
|
|
|
16
16
|
import { getTabByIndex, isTablistHorizontal, tabStripHasScrollButtons, mouseScrollEnabled, resetTabFocus } from './util';
|
|
17
17
|
import { normalizeScrollableSettings } from './models/scrollable-settings';
|
|
18
18
|
import { TabScrollEvent } from './events/tabscroll-event';
|
|
19
|
+
import { TabStripScrollableButtonComponent } from './scrollable-button.component';
|
|
19
20
|
import { take } from 'rxjs/operators';
|
|
21
|
+
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
20
22
|
import * as i0 from "@angular/core";
|
|
21
23
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
22
24
|
import * as i2 from "./tabstrip.service";
|
|
@@ -148,6 +150,9 @@ export class TabStripComponent {
|
|
|
148
150
|
return this._scrollableSettings.enabled;
|
|
149
151
|
}
|
|
150
152
|
ngAfterViewInit() {
|
|
153
|
+
if (!isDocumentAvailable()) {
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
151
156
|
this.ngZone.runOutsideAngular(() => {
|
|
152
157
|
if (this.scrollService.tabsOverflow) {
|
|
153
158
|
this.toggleScrollButtons(true);
|
|
@@ -162,7 +167,10 @@ export class TabStripComponent {
|
|
|
162
167
|
this.initDomEvents();
|
|
163
168
|
}
|
|
164
169
|
ngOnChanges(changes) {
|
|
165
|
-
|
|
170
|
+
if (!isDocumentAvailable()) {
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
const positionChange = changes['tabPosition'];
|
|
166
174
|
if (positionChange) {
|
|
167
175
|
const tabsAtBottomChanged = positionChange.previousValue === 'bottom' || positionChange.currentValue === 'bottom';
|
|
168
176
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => {
|
|
@@ -350,8 +358,8 @@ export class TabStripComponent {
|
|
|
350
358
|
});
|
|
351
359
|
}
|
|
352
360
|
}
|
|
353
|
-
TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
354
|
-
TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
361
|
+
TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TabStripService }, { token: i3.ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
362
|
+
TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClass", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
|
|
355
363
|
TabStripService,
|
|
356
364
|
ScrollService,
|
|
357
365
|
LocalizationService,
|
|
@@ -363,7 +371,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
363
371
|
<ng-container kendoTabStripLocalizedMessages
|
|
364
372
|
i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."
|
|
365
373
|
closeTitle="Close"
|
|
366
|
-
|
|
374
|
+
|
|
367
375
|
i18n-previousTabButton="kendo.tabstrip.previousTabButton|The title for the **Previous Tab** button when the Tabstrip is scrollable."
|
|
368
376
|
previousTabButton="Previous Tab"
|
|
369
377
|
|
|
@@ -386,7 +394,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
386
394
|
</ng-container>
|
|
387
395
|
<ng-template #heading>
|
|
388
396
|
<div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">
|
|
389
|
-
<span
|
|
397
|
+
<span
|
|
390
398
|
role="button"
|
|
391
399
|
*ngIf="hasScrollButtons"
|
|
392
400
|
#prevScrollButton
|
|
@@ -464,7 +472,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
464
472
|
])
|
|
465
473
|
])
|
|
466
474
|
] });
|
|
467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripComponent, decorators: [{
|
|
468
476
|
type: Component,
|
|
469
477
|
args: [{
|
|
470
478
|
animations: [
|
|
@@ -491,7 +499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
491
499
|
<ng-container kendoTabStripLocalizedMessages
|
|
492
500
|
i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."
|
|
493
501
|
closeTitle="Close"
|
|
494
|
-
|
|
502
|
+
|
|
495
503
|
i18n-previousTabButton="kendo.tabstrip.previousTabButton|The title for the **Previous Tab** button when the Tabstrip is scrollable."
|
|
496
504
|
previousTabButton="Previous Tab"
|
|
497
505
|
|
|
@@ -514,7 +522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
514
522
|
</ng-container>
|
|
515
523
|
<ng-template #heading>
|
|
516
524
|
<div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">
|
|
517
|
-
<span
|
|
525
|
+
<span
|
|
518
526
|
role="button"
|
|
519
527
|
*ngIf="hasScrollButtons"
|
|
520
528
|
#prevScrollButton
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { Injectable, NgZone } from '@angular/core';
|
|
6
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
7
|
import { Keys } from '@progress/kendo-angular-common';
|
|
7
8
|
import { isArrowKey, isHorizontalArrowKey, isNavigationKey, isVerticalArrowKey } from '../common/util';
|
|
8
9
|
import { SelectEvent } from './events';
|
|
@@ -55,7 +56,7 @@ export class TabStripService {
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
onNavigate(keyCode) {
|
|
58
|
-
|
|
59
|
+
const { tab: activeTab, index: activeIndex } = getActiveTab(this.owner.tabs);
|
|
59
60
|
if (!NgZone.isInAngularZone()) {
|
|
60
61
|
this.ngZone.run(() => {
|
|
61
62
|
if (activeIndex < 0) {
|
|
@@ -69,7 +70,7 @@ export class TabStripService {
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
onDelete() {
|
|
72
|
-
|
|
73
|
+
const { tab: activeTab, index: activeTabIndex } = getActiveTab(this.owner.tabs);
|
|
73
74
|
if (isTabClosable(activeTab, this.owner.closable) && !activeTab.disabled) {
|
|
74
75
|
this.ngZone.run(() => {
|
|
75
76
|
this.owner.tabClose.emit({ tab: activeTab, index: activeTabIndex });
|
|
@@ -143,8 +144,8 @@ export class TabStripService {
|
|
|
143
144
|
return selectedIndex + 1;
|
|
144
145
|
}
|
|
145
146
|
}
|
|
146
|
-
TabStripService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
147
|
-
TabStripService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
147
|
+
TabStripService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
148
|
+
TabStripService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripService });
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripService, decorators: [{
|
|
149
150
|
type: Injectable
|
|
150
151
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }]; } });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { isPresent } from "../common/util";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { TabComponent } from './tabstrip/rendering/tab.component';
|
|
@@ -39,8 +39,8 @@ const declarations = [
|
|
|
39
39
|
*/
|
|
40
40
|
export class TabStripModule {
|
|
41
41
|
}
|
|
42
|
-
TabStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
42
|
+
TabStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
+
TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, declarations: [TabStripComponent,
|
|
44
44
|
TabStripTabComponent,
|
|
45
45
|
TabContentDirective,
|
|
46
46
|
TabTitleDirective,
|
|
@@ -53,8 +53,8 @@ TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
53
53
|
TabComponent,
|
|
54
54
|
TabStripCustomMessagesComponent,
|
|
55
55
|
LocalizedTabStripMessagesDirective] });
|
|
56
|
-
TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule]] });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, decorators: [{
|
|
58
58
|
type: NgModule,
|
|
59
59
|
args: [{
|
|
60
60
|
declarations: [declarations],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/**
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Injectable } from '@angular/core';
|
|
5
|
+
import { Injectable, NgZone, Renderer2 } from '@angular/core';
|
|
6
6
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
7
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
8
|
import { calculateCellFromPosition, getDropTarget, isRowItemPresent, normalizeValue, propsChanged, setElementStyles } from './util';
|
|
8
9
|
import { closestInScope, isFocusable } from '../common/dom-queries';
|
|
9
10
|
import { DRAGGED_ZINDEX, HINT_BORDERS_HEIGHT, OVERLAP_THRESHOLD, REVERSE_OVERLAP_THRESHOLD } from './constants';
|
|
@@ -204,7 +205,7 @@ export class TileLayoutDraggingService {
|
|
|
204
205
|
reorderItems(event) {
|
|
205
206
|
const targets = getDropTarget(event);
|
|
206
207
|
const closestTile = targets.find(t => t !== this.draggedItemWrapper);
|
|
207
|
-
|
|
208
|
+
const tileOrder = closestTile ? +closestTile.style.order : +this.draggedItemWrapper.style.order;
|
|
208
209
|
if (this.tileLayoutSettings.autoFlow !== 'none') {
|
|
209
210
|
const deltaX = event.clientX - this.lastDragCursorOffset.x;
|
|
210
211
|
const deltaY = event.clientY - this.lastDragCursorOffset.y;
|
|
@@ -391,8 +392,8 @@ export class TileLayoutDraggingService {
|
|
|
391
392
|
return hintHeight;
|
|
392
393
|
}
|
|
393
394
|
}
|
|
394
|
-
TileLayoutDraggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
395
|
-
TileLayoutDraggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
395
|
+
TileLayoutDraggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
396
|
+
TileLayoutDraggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutDraggingService });
|
|
397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
|
|
397
398
|
type: Injectable
|
|
398
399
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
/* eslint-disable no-unused-expressions */
|
|
6
|
-
import { Injectable } from '@angular/core';
|
|
6
|
+
import { Injectable, NgZone, Renderer2 } from '@angular/core';
|
|
7
7
|
import { Keys } from '@progress/kendo-angular-common';
|
|
8
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
9
|
import { BehaviorSubject } from 'rxjs';
|
|
9
10
|
import { focusableSelector } from '../common/util';
|
|
10
11
|
import { getCurrentCol, shouldReorder, shouldResize } from './util';
|
|
@@ -53,12 +54,11 @@ export class TileLayoutKeyboardNavigationService {
|
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
56
|
onFocusOut(event, elem, focusableItems) {
|
|
56
|
-
var _a;
|
|
57
57
|
const isTargetFocusable = focusableItems.includes(event.target);
|
|
58
58
|
const isRelatedTargetFocusable = focusableItems.includes(event.relatedTarget);
|
|
59
59
|
if (isTargetFocusable && !isRelatedTargetFocusable) {
|
|
60
60
|
this.changeTabIndex('-1', elem, focusableItems);
|
|
61
|
-
|
|
61
|
+
event.relatedTarget?.focus();
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
onClick(event, elem, focusableItems) {
|
|
@@ -141,8 +141,8 @@ export class TileLayoutKeyboardNavigationService {
|
|
|
141
141
|
return items.find(item => item.order === focusedTile.order + offset);
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
|
-
TileLayoutKeyboardNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
145
|
-
TileLayoutKeyboardNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
144
|
+
TileLayoutKeyboardNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutKeyboardNavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
145
|
+
TileLayoutKeyboardNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutKeyboardNavigationService });
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutKeyboardNavigationService, decorators: [{
|
|
147
147
|
type: Injectable
|
|
148
148
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2022 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2022 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2022 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2022 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { Component, HostBinding } from '@angular/core';
|
|
@@ -13,11 +13,11 @@ export class TileLayoutItemBodyComponent {
|
|
|
13
13
|
this.minHeight = 0;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
TileLayoutItemBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17
|
-
TileLayoutItemBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
16
|
+
TileLayoutItemBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
TileLayoutItemBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TileLayoutItemBodyComponent, selector: "kendo-tilelayout-item-body", host: { properties: { "class.k-tilelayout-item-body": "this.hostClass", "class.k-card-body": "this.hostClass", "style.min-height": "this.minHeight" } }, ngImport: i0, template: `
|
|
18
18
|
<ng-content></ng-content>
|
|
19
19
|
`, isInline: true });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'kendo-tilelayout-item-body',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Component, HostBinding, Input } from '@angular/core';
|
|
5
|
+
import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* Holds the content of the header section of the TileLayoutItem component.
|
|
@@ -29,11 +29,11 @@ export class TileLayoutItemHeaderComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
TileLayoutItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
33
|
-
TileLayoutItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
32
|
+
TileLayoutItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
TileLayoutItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: { reorderable: "reorderable" }, host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
|
|
34
34
|
<ng-content></ng-content>
|
|
35
35
|
`, isInline: true });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{
|
|
39
39
|
selector: 'kendo-tilelayout-item-header',
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Component, ContentChildren, HostBinding, Input } from '@angular/core';
|
|
5
|
+
import { Component, ContentChildren, ElementRef, HostBinding, Input, NgZone, QueryList, Renderer2 } from '@angular/core';
|
|
6
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
7
|
import { Subscription } from 'rxjs';
|
|
8
|
+
import { TileLayoutDraggingService } from './dragging-service';
|
|
9
|
+
import { TileLayoutKeyboardNavigationService } from './keyboard-navigation.service';
|
|
7
10
|
import { isPresent } from './../common/util';
|
|
8
11
|
import { RESIZE_DIRECTIONS, RTL_RESIZE_DIRECTIONS } from './constants';
|
|
9
12
|
import { TileLayoutItemHeaderComponent } from './tilelayout-item-header.component';
|
|
@@ -124,9 +127,8 @@ export class TileLayoutItemComponent {
|
|
|
124
127
|
const elem = this.elem.nativeElement;
|
|
125
128
|
const keyboardNavigation = this.keyboardNavigationService;
|
|
126
129
|
this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
|
|
127
|
-
var _a;
|
|
128
130
|
this.toggleCursorClass(reorderable && this.reorderable);
|
|
129
|
-
if (
|
|
131
|
+
if (this.headers?.first) {
|
|
130
132
|
this.headers.first.reorderable = reorderable && this.reorderable;
|
|
131
133
|
}
|
|
132
134
|
}));
|
|
@@ -150,10 +152,10 @@ export class TileLayoutItemComponent {
|
|
|
150
152
|
}));
|
|
151
153
|
}
|
|
152
154
|
ngOnChanges(changes) {
|
|
153
|
-
if (changes
|
|
154
|
-
this.toggleCursorClass(changes
|
|
155
|
+
if (changes['reorderable'] && !changes['reorderable'].firstChange) {
|
|
156
|
+
this.toggleCursorClass(changes['reorderable'].currentValue && this.draggingService.reorderable.getValue());
|
|
155
157
|
}
|
|
156
|
-
if (changes
|
|
158
|
+
if (changes['resizable']) {
|
|
157
159
|
this.resizeDirections = this.resizable && this.draggingService.resizable.getValue() ?
|
|
158
160
|
this.rtl ? RTL_RESIZE_DIRECTIONS : RESIZE_DIRECTIONS : undefined;
|
|
159
161
|
}
|
|
@@ -177,8 +179,8 @@ export class TileLayoutItemComponent {
|
|
|
177
179
|
}
|
|
178
180
|
}
|
|
179
181
|
}
|
|
180
|
-
TileLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
181
|
-
TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
182
|
+
TileLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i3.TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
183
|
+
TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: { title: "title", rowSpan: "rowSpan", colSpan: "colSpan", order: "order", col: "col", row: "row", reorderable: "reorderable", resizable: "resizable" }, host: { properties: { "class.k-tilelayout-item": "this.itemClass", "class.k-card": "this.itemClass", "attr.role": "this.hostRole", "attr.aria-dropeffect": "this.hostDropEffect", "attr.tabindex": "this.hostTabindex", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.aria-grabbed": "this.hostGrabbed", "attr.aria-labelledby": "this.hostLabelledBy", "style.grid-column-end": "this.colEnd", "style.grid-row-end": "this.rowEnd", "style.grid-column-start": "this.colStart", "style.grid-row-start": "this.rowStart" } }, queries: [{ propertyName: "headers", predicate: TileLayoutItemHeaderComponent }], usesOnChanges: true, ngImport: i0, template: `
|
|
182
184
|
<kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">
|
|
183
185
|
<h5 [id]="titleId" class="k-card-title">{{ title }}</h5>
|
|
184
186
|
</kendo-tilelayout-item-header>
|
|
@@ -193,7 +195,7 @@ TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
193
195
|
</div>
|
|
194
196
|
</ng-container>
|
|
195
197
|
`, isInline: true, components: [{ type: i4.TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: ["reorderable"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
|
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
|
|
197
199
|
type: Component,
|
|
198
200
|
args: [{
|
|
199
201
|
selector: 'kendo-tilelayout-item',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Directive, Input } from '@angular/core';
|
|
5
|
+
import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
|
|
6
6
|
import { RESIZE_HANDLE_DIMENSIONS } from './constants';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
@@ -42,9 +42,9 @@ export class TileLayoutResizeHandleDirective {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
TileLayoutResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
46
|
-
TileLayoutResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
45
|
+
TileLayoutResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutResizeHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
46
|
+
TileLayoutResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: { resizeDirection: "resizeDirection", rtl: "rtl" }, ngImport: i0 });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutResizeHandleDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{
|
|
50
50
|
selector: '[kendoTileLayoutResizeHandle]'
|
package/{esm2015/tilelayout/tilelayout.component.js → esm2020/tilelayout/tilelayout.component.mjs}
RENAMED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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 { Component, HostBinding, Input, Output, EventEmitter, ContentChildren, ViewChild } from '@angular/core';
|
|
5
|
+
import { Component, HostBinding, Input, Output, EventEmitter, ContentChildren, QueryList, ElementRef, Renderer2, NgZone, ViewChild } from '@angular/core';
|
|
6
6
|
import { TileLayoutDraggingService } from './dragging-service';
|
|
7
7
|
import { Subscription } from 'rxjs';
|
|
8
8
|
import { Draggable } from '@progress/kendo-draggable';
|
|
@@ -165,26 +165,26 @@ export class TileLayoutComponent {
|
|
|
165
165
|
this.setItemsOrder();
|
|
166
166
|
}
|
|
167
167
|
ngOnChanges(changes) {
|
|
168
|
-
if (changes
|
|
168
|
+
if (changes['columns'] || changes['columnWidth']) {
|
|
169
169
|
this.applyColStyling();
|
|
170
170
|
}
|
|
171
|
-
if (changes
|
|
171
|
+
if (changes['rowHeight']) {
|
|
172
172
|
this.applyRowStyling();
|
|
173
173
|
}
|
|
174
174
|
if (isChanged('reorderable', changes)) {
|
|
175
|
-
this.draggingService.reorderable.next(changes
|
|
175
|
+
this.draggingService.reorderable.next(changes['reorderable'].currentValue);
|
|
176
176
|
}
|
|
177
177
|
if (isChanged('resizable', changes)) {
|
|
178
|
-
this.draggingService.resizable.next(changes
|
|
178
|
+
this.draggingService.resizable.next(changes['resizable'].currentValue);
|
|
179
179
|
}
|
|
180
|
-
if (changes
|
|
180
|
+
if (changes['gap'] || changes['autoFlow'] || changes['columns']) {
|
|
181
181
|
this.draggingService.tileLayoutSettings = this.draggingServiceConfig();
|
|
182
|
-
if (changes
|
|
183
|
-
this.applyAutoFlow(autoFlowClasses[changes
|
|
182
|
+
if (changes['autoFlow']) {
|
|
183
|
+
this.applyAutoFlow(autoFlowClasses[changes['autoFlow'].previousValue] || '', autoFlowClasses[changes['autoFlow'].currentValue]);
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
186
|
if (isChanged('navigable', changes)) {
|
|
187
|
-
this.navigationService.navigable.next(changes
|
|
187
|
+
this.navigationService.navigable.next(changes['navigable'].currentValue);
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
ngOnDestroy() {
|
|
@@ -247,8 +247,8 @@ export class TileLayoutComponent {
|
|
|
247
247
|
});
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
|
-
TileLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
251
|
-
TileLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
250
|
+
TileLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i3.TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
251
|
+
TileLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TileLayoutComponent, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-widget": "this.hostClass", "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
|
|
252
252
|
LocalizationService,
|
|
253
253
|
TileLayoutDraggingService,
|
|
254
254
|
TileLayoutKeyboardNavigationService,
|
|
@@ -267,7 +267,7 @@ TileLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
267
267
|
[style.gridRowStart]="currentRowStart"
|
|
268
268
|
[style.zIndex]="'1'"></div>
|
|
269
269
|
`, isInline: true });
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TileLayoutComponent, decorators: [{
|
|
271
271
|
type: Component,
|
|
272
272
|
args: [{
|
|
273
273
|
selector: 'kendo-tilelayout',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2022 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
5
|
import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
|