npm - @ng-nest/ui - Versions diffs - 14.0.11 → 15.0.0 - Mend

@ng-nest/ui 14.0.11 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (723) hide show

package/README.md +1 -1
package/affix/affix.component.d.ts +1 -1
package/affix/affix.property.d.ts +1 -1
package/alert/alert.component.d.ts +1 -1
package/alert/alert.property.d.ts +1 -1
package/anchor/anchor.component.d.ts +1 -1
package/anchor/anchor.property.d.ts +1 -1
package/api/api.component.d.ts +1 -1
package/auto-complete/auto-complete-portal.component.d.ts +1 -1
package/auto-complete/auto-complete.component.d.ts +1 -1
package/auto-complete/auto-complete.property.d.ts +1 -1
package/avatar/avatar-group.component.d.ts +1 -1
package/avatar/avatar.component.d.ts +1 -1
package/avatar/avatar.property.d.ts +2 -2
package/back-top/back-top.component.d.ts +1 -1
package/back-top/back-top.property.d.ts +1 -1
package/badge/badge.component.d.ts +1 -1
package/badge/badge.property.d.ts +1 -1
package/base-form/base-form.component.d.ts +1 -1
package/base-form/base-form.property.d.ts +1 -1
package/border/border.component.d.ts +1 -1
package/button/button.component.d.ts +2 -1
package/button/button.property.d.ts +2 -2
package/button/buttons.component.d.ts +1 -1
package/calendar/calendar.component.d.ts +1 -1
package/calendar/calendar.property.d.ts +1 -1
package/card/card.component.d.ts +1 -1
package/card/card.property.d.ts +1 -1
package/carousel/carousel-panel.component.d.ts +1 -1
package/carousel/carousel.component.d.ts +1 -1
package/carousel/carousel.property.d.ts +2 -2
package/cascade/cascade-portal.component.d.ts +1 -1
package/cascade/cascade.component.d.ts +1 -1
package/cascade/cascade.property.d.ts +1 -1
package/checkbox/checkbox.component.d.ts +1 -1
package/checkbox/checkbox.property.d.ts +1 -1
package/collapse/collapse-panel.component.d.ts +1 -1
package/collapse/collapse.component.d.ts +1 -1
package/collapse/collapse.property.d.ts +2 -2
package/color/color.component.d.ts +1 -1
package/color/color.property.d.ts +1 -1
package/color-picker/color-picker-portal.component.d.ts +1 -1
package/color-picker/color-picker.component.d.ts +1 -1
package/color-picker/color-picker.property.d.ts +1 -1
package/comment/comment-reply.component.d.ts +1 -1
package/comment/comment.component.d.ts +1 -1
package/comment/comment.property.d.ts +2 -2
package/container/aside.component.d.ts +1 -1
package/container/container.component.d.ts +1 -1
package/container/container.property.d.ts +4 -4
package/container/footer.component.d.ts +1 -1
package/container/header.component.d.ts +1 -1
package/container/main.component.d.ts +1 -1
package/crumb/crumb.component.d.ts +1 -1
package/crumb/crumb.property.d.ts +1 -1
package/date-picker/date-picker-portal.component.d.ts +1 -1
package/date-picker/date-picker.component.d.ts +1 -1
package/date-picker/date-picker.property.d.ts +5 -5
package/date-picker/date-range-portal.component.d.ts +1 -1
package/date-picker/date-range.component.d.ts +1 -1
package/date-picker/picker-date.component.d.ts +1 -1
package/date-picker/picker-month.component.d.ts +1 -1
package/date-picker/picker-year.component.d.ts +1 -1
package/description/description-item.component.d.ts +1 -1
package/description/description.component.d.ts +1 -1
package/description/description.property.d.ts +2 -2
package/dialog/dialog-container.component.d.ts +1 -1
package/dialog/dialog-portal.component.d.ts +1 -1
package/dialog/dialog-portal.directives.d.ts +6 -6
package/dialog/dialog.component.d.ts +1 -1
package/dialog/dialog.property.d.ts +2 -2
package/doc/doc.component.d.ts +1 -1
package/drawer/drawer-container.component.d.ts +1 -1
package/drawer/drawer-portal.component.d.ts +1 -1
package/drawer/drawer-portal.directives.d.ts +3 -3
package/drawer/drawer.component.d.ts +1 -1
package/drawer/drawer.property.d.ts +2 -2
package/dropdown/dropdown-portal.component.d.ts +1 -1
package/dropdown/dropdown.component.d.ts +1 -1
package/dropdown/dropdown.property.d.ts +1 -1
package/empty/empty.component.d.ts +1 -1
package/empty/empty.property.d.ts +1 -1
package/esm2020/affix/affix.component.mjs +3 -3
package/esm2020/affix/affix.module.mjs +4 -4
package/esm2020/affix/affix.property.mjs +3 -3
package/esm2020/alert/alert.component.mjs +3 -3
package/esm2020/alert/alert.module.mjs +4 -4
package/esm2020/alert/alert.property.mjs +3 -3
package/esm2020/anchor/anchor.component.mjs +6 -5
package/esm2020/anchor/anchor.module.mjs +4 -4
package/esm2020/anchor/anchor.property.mjs +3 -3
package/esm2020/api/api.component.mjs +3 -3
package/esm2020/api/api.module.mjs +4 -4
package/esm2020/auto-complete/auto-complete-portal.component.mjs +3 -3
package/esm2020/auto-complete/auto-complete.component.mjs +3 -3
package/esm2020/auto-complete/auto-complete.module.mjs +4 -4
package/esm2020/auto-complete/auto-complete.property.mjs +3 -3
package/esm2020/avatar/avatar-group.component.mjs +3 -3
package/esm2020/avatar/avatar.component.mjs +3 -3
package/esm2020/avatar/avatar.module.mjs +4 -4
package/esm2020/avatar/avatar.property.mjs +6 -6
package/esm2020/back-top/back-top.component.mjs +3 -3
package/esm2020/back-top/back-top.module.mjs +4 -4
package/esm2020/back-top/back-top.property.mjs +3 -3
package/esm2020/badge/badge.component.mjs +3 -3
package/esm2020/badge/badge.module.mjs +4 -4
package/esm2020/badge/badge.property.mjs +3 -3
package/esm2020/base-form/base-form.component.mjs +3 -3
package/esm2020/base-form/base-form.module.mjs +4 -4
package/esm2020/base-form/base-form.property.mjs +3 -3
package/esm2020/border/border.component.mjs +3 -3
package/esm2020/border/border.module.mjs +4 -4
package/esm2020/button/button.component.mjs +14 -5
package/esm2020/button/button.module.mjs +4 -4
package/esm2020/button/button.property.mjs +6 -6
package/esm2020/button/buttons.component.mjs +3 -3
package/esm2020/calendar/calendar.component.mjs +3 -3
package/esm2020/calendar/calendar.module.mjs +4 -4
package/esm2020/calendar/calendar.property.mjs +3 -3
package/esm2020/card/card.component.mjs +3 -3
package/esm2020/card/card.module.mjs +4 -4
package/esm2020/card/card.property.mjs +3 -3
package/esm2020/carousel/carousel-panel.component.mjs +3 -3
package/esm2020/carousel/carousel.component.mjs +3 -3
package/esm2020/carousel/carousel.module.mjs +4 -4
package/esm2020/carousel/carousel.property.mjs +6 -6
package/esm2020/cascade/cascade-portal.component.mjs +3 -3
package/esm2020/cascade/cascade.component.mjs +3 -3
package/esm2020/cascade/cascade.module.mjs +4 -4
package/esm2020/cascade/cascade.property.mjs +3 -3
package/esm2020/checkbox/checkbox.component.mjs +3 -3
package/esm2020/checkbox/checkbox.module.mjs +4 -4
package/esm2020/checkbox/checkbox.property.mjs +3 -3
package/esm2020/collapse/collapse-panel.component.mjs +3 -3
package/esm2020/collapse/collapse.component.mjs +3 -3
package/esm2020/collapse/collapse.module.mjs +4 -4
package/esm2020/collapse/collapse.property.mjs +6 -6
package/esm2020/color/color.component.mjs +3 -3
package/esm2020/color/color.module.mjs +4 -4
package/esm2020/color/color.property.mjs +3 -3
package/esm2020/color-picker/color-picker-portal.component.mjs +5 -5
package/esm2020/color-picker/color-picker.component.mjs +3 -3
package/esm2020/color-picker/color-picker.module.mjs +4 -4
package/esm2020/color-picker/color-picker.property.mjs +3 -3
package/esm2020/comment/comment-reply.component.mjs +3 -3
package/esm2020/comment/comment.component.mjs +3 -3
package/esm2020/comment/comment.module.mjs +4 -4
package/esm2020/comment/comment.property.mjs +6 -6
package/esm2020/container/aside.component.mjs +3 -3
package/esm2020/container/container.component.mjs +3 -3
package/esm2020/container/container.module.mjs +4 -4
package/esm2020/container/container.property.mjs +12 -12
package/esm2020/container/footer.component.mjs +3 -3
package/esm2020/container/header.component.mjs +3 -3
package/esm2020/container/main.component.mjs +3 -3
package/esm2020/core/config/config.service.mjs +3 -3
package/esm2020/core/services/http.service.mjs +3 -3
package/esm2020/core/services/preloading-strategy.service.mjs +3 -3
package/esm2020/core/services/storage.service.mjs +3 -3
package/esm2020/core/theme/theme.service.mjs +3 -3
package/esm2020/crumb/crumb.component.mjs +3 -3
package/esm2020/crumb/crumb.module.mjs +4 -4
package/esm2020/crumb/crumb.property.mjs +3 -3
package/esm2020/date-picker/date-picker-portal.component.mjs +3 -3
package/esm2020/date-picker/date-picker.component.mjs +3 -3
package/esm2020/date-picker/date-picker.module.mjs +4 -4
package/esm2020/date-picker/date-picker.property.mjs +15 -15
package/esm2020/date-picker/date-range-portal.component.mjs +3 -3
package/esm2020/date-picker/date-range.component.mjs +3 -3
package/esm2020/date-picker/picker-date.component.mjs +3 -3
package/esm2020/date-picker/picker-month.component.mjs +3 -3
package/esm2020/date-picker/picker-year.component.mjs +3 -3
package/esm2020/description/description-item.component.mjs +3 -3
package/esm2020/description/description.component.mjs +3 -3
package/esm2020/description/description.module.mjs +4 -4
package/esm2020/description/description.property.mjs +6 -6
package/esm2020/dialog/dialog-container.component.mjs +5 -5
package/esm2020/dialog/dialog-portal.component.mjs +3 -3
package/esm2020/dialog/dialog-portal.directives.mjs +18 -18
package/esm2020/dialog/dialog.component.mjs +3 -3
package/esm2020/dialog/dialog.module.mjs +4 -4
package/esm2020/dialog/dialog.property.mjs +6 -6
package/esm2020/dialog/dialog.service.mjs +3 -3
package/esm2020/doc/doc.component.mjs +3 -3
package/esm2020/doc/doc.module.mjs +4 -4
package/esm2020/drawer/drawer-container.component.mjs +5 -5
package/esm2020/drawer/drawer-portal.component.mjs +3 -3
package/esm2020/drawer/drawer-portal.directives.mjs +9 -9
package/esm2020/drawer/drawer.component.mjs +3 -3
package/esm2020/drawer/drawer.module.mjs +4 -4
package/esm2020/drawer/drawer.property.mjs +6 -6
package/esm2020/drawer/drawer.service.mjs +3 -3
package/esm2020/dropdown/dropdown-portal.component.mjs +3 -3
package/esm2020/dropdown/dropdown.component.mjs +3 -3
package/esm2020/dropdown/dropdown.module.mjs +4 -4
package/esm2020/dropdown/dropdown.property.mjs +3 -3
package/esm2020/empty/empty.component.mjs +3 -3
package/esm2020/empty/empty.module.mjs +4 -4
package/esm2020/empty/empty.property.mjs +3 -3
package/esm2020/examples/examples.component.mjs +4 -4
package/esm2020/examples/examples.module.mjs +4 -4
package/esm2020/find/find.component.mjs +3 -3
package/esm2020/find/find.module.mjs +4 -4
package/esm2020/find/find.property.mjs +3 -3
package/esm2020/form/control.component.mjs +3 -3
package/esm2020/form/form.component.mjs +3 -3
package/esm2020/form/form.module.mjs +4 -4
package/esm2020/form/form.property.mjs +6 -6
package/esm2020/highlight/highlight.component.mjs +3 -3
package/esm2020/highlight/highlight.module.mjs +4 -4
package/esm2020/highlight/highlight.property.mjs +3 -3
package/esm2020/i18n/i18n.directive.mjs +3 -3
package/esm2020/i18n/i18n.module.mjs +4 -4
package/esm2020/i18n/i18n.pipe.mjs +3 -3
package/esm2020/i18n/i18n.service.mjs +3 -3
package/esm2020/icon/icon.component.mjs +3 -3
package/esm2020/icon/icon.module.mjs +4 -4
package/esm2020/icon/icon.property.mjs +3 -3
package/esm2020/icon/icon.service.mjs +3 -3
package/esm2020/image/image-group.component.mjs +3 -3
package/esm2020/image/image-preview.component.mjs +3 -3
package/esm2020/image/image.component.mjs +3 -3
package/esm2020/image/image.module.mjs +4 -4
package/esm2020/image/image.property.mjs +6 -6
package/esm2020/inner/inner.component.mjs +3 -3
package/esm2020/inner/inner.module.mjs +4 -4
package/esm2020/inner/inner.property.mjs +3 -3
package/esm2020/input/input-group.component.mjs +3 -3
package/esm2020/input/input.component.mjs +3 -3
package/esm2020/input/input.module.mjs +4 -4
package/esm2020/input/input.property.mjs +6 -6
package/esm2020/input-number/input-number.component.mjs +3 -3
package/esm2020/input-number/input-number.module.mjs +4 -4
package/esm2020/input-number/input-number.property.mjs +3 -3
package/esm2020/keyword/keyword.directive.mjs +3 -3
package/esm2020/keyword/keyword.module.mjs +4 -4
package/esm2020/keyword/keyword.property.mjs +3 -3
package/esm2020/layout/col.component.mjs +3 -3
package/esm2020/layout/layout.module.mjs +4 -4
package/esm2020/layout/layout.property.mjs +6 -6
package/esm2020/layout/row.component.mjs +3 -3
package/esm2020/link/link.component.mjs +3 -3
package/esm2020/link/link.module.mjs +4 -4
package/esm2020/link/link.property.mjs +3 -3
package/esm2020/list/list-drop-group.directive.mjs +3 -3
package/esm2020/list/list-option.component.mjs +3 -3
package/esm2020/list/list.component.mjs +3 -3
package/esm2020/list/list.module.mjs +4 -4
package/esm2020/list/list.property.mjs +6 -6
package/esm2020/loading/loading.component.mjs +4 -4
package/esm2020/loading/loading.module.mjs +4 -4
package/esm2020/loading/loading.property.mjs +3 -3
package/esm2020/menu/menu-node.component.mjs +3 -3
package/esm2020/menu/menu.component.mjs +4 -4
package/esm2020/menu/menu.module.mjs +4 -4
package/esm2020/menu/menu.property.mjs +6 -6
package/esm2020/message/message.component.mjs +3 -3
package/esm2020/message/message.module.mjs +4 -4
package/esm2020/message/message.service.mjs +3 -3
package/esm2020/message-box/message-box.component.mjs +3 -3
package/esm2020/message-box/message-box.module.mjs +4 -4
package/esm2020/message-box/message-box.service.mjs +3 -3
package/esm2020/notification/notification.component.mjs +3 -3
package/esm2020/notification/notification.module.mjs +4 -4
package/esm2020/notification/notification.service.mjs +3 -3
package/esm2020/outlet/outlet.directive.mjs +3 -3
package/esm2020/outlet/outlet.module.mjs +4 -4
package/esm2020/page-header/page-header.component.mjs +3 -3
package/esm2020/page-header/page-header.module.mjs +4 -4
package/esm2020/page-header/page-header.property.mjs +3 -3
package/esm2020/pagination/pagination.component.mjs +3 -3
package/esm2020/pagination/pagination.module.mjs +4 -4
package/esm2020/pagination/pagination.property.mjs +3 -3
package/esm2020/pattern/pattern.component.mjs +3 -3
package/esm2020/pattern/pattern.module.mjs +4 -4
package/esm2020/popconfirm/popconfirm.component.mjs +3 -3
package/esm2020/popconfirm/popconfirm.module.mjs +4 -4
package/esm2020/popconfirm/popconfirm.property.mjs +3 -3
package/esm2020/popover/popover-portal.component.mjs +3 -3
package/esm2020/popover/popover.directive.mjs +3 -3
package/esm2020/popover/popover.module.mjs +4 -4
package/esm2020/popover/popover.property.mjs +3 -3
package/esm2020/portal/portal.module.mjs +4 -4
package/esm2020/portal/portal.service.mjs +3 -3
package/esm2020/progress/progress.component.mjs +4 -4
package/esm2020/progress/progress.module.mjs +4 -4
package/esm2020/progress/progress.property.mjs +3 -3
package/esm2020/radio/radio.component.mjs +4 -4
package/esm2020/radio/radio.module.mjs +4 -4
package/esm2020/radio/radio.property.mjs +3 -3
package/esm2020/rate/rate.component.mjs +3 -3
package/esm2020/rate/rate.module.mjs +4 -4
package/esm2020/rate/rate.property.mjs +3 -3
package/esm2020/resizable/resizable.directive.mjs +3 -3
package/esm2020/resizable/resizable.module.mjs +4 -4
package/esm2020/resizable/resizable.property.mjs +3 -3
package/esm2020/result/result.component.mjs +3 -3
package/esm2020/result/result.module.mjs +4 -4
package/esm2020/result/result.property.mjs +3 -3
package/esm2020/ripple/ripple.directive.mjs +3 -3
package/esm2020/ripple/ripple.module.mjs +4 -4
package/esm2020/ripple/ripple.property.mjs +3 -3
package/esm2020/select/select-portal.component.mjs +3 -3
package/esm2020/select/select.component.mjs +3 -3
package/esm2020/select/select.module.mjs +4 -4
package/esm2020/select/select.property.mjs +3 -3
package/esm2020/skeleton/skeleton.component.mjs +4 -4
package/esm2020/skeleton/skeleton.module.mjs +4 -4
package/esm2020/skeleton/skeleton.property.mjs +3 -3
package/esm2020/slider/slider.component.mjs +11 -7
package/esm2020/slider/slider.module.mjs +4 -4
package/esm2020/slider/slider.property.mjs +9 -4
package/esm2020/slider-select/slider-select.component.mjs +4 -4
package/esm2020/slider-select/slider-select.module.mjs +4 -4
package/esm2020/slider-select/slider-select.property.mjs +3 -3
package/esm2020/statistic/countdown.component.mjs +3 -3
package/esm2020/statistic/statistic.component.mjs +3 -3
package/esm2020/statistic/statistic.module.mjs +4 -4
package/esm2020/statistic/statistic.property.mjs +6 -6
package/esm2020/steps/steps.component.mjs +3 -3
package/esm2020/steps/steps.module.mjs +4 -4
package/esm2020/steps/steps.property.mjs +3 -3
package/esm2020/switch/switch.component.mjs +3 -3
package/esm2020/switch/switch.module.mjs +4 -4
package/esm2020/switch/switch.property.mjs +3 -3
package/esm2020/table/drag.directive.mjs +3 -3
package/esm2020/table/table-body.component.mjs +3 -3
package/esm2020/table/table-foot.component.mjs +3 -3
package/esm2020/table/table-head.component.mjs +3 -3
package/esm2020/table/table.component.mjs +6 -6
package/esm2020/table/table.module.mjs +4 -4
package/esm2020/table/table.property.mjs +12 -12
package/esm2020/tabs/tab-content.component.mjs +3 -3
package/esm2020/tabs/tab-link.directive.mjs +8 -8
package/esm2020/tabs/tab.component.mjs +3 -3
package/esm2020/tabs/tabs.component.mjs +9 -11
package/esm2020/tabs/tabs.module.mjs +4 -4
package/esm2020/tabs/tabs.property.mjs +6 -6
package/esm2020/tag/tag.component.mjs +3 -3
package/esm2020/tag/tag.module.mjs +4 -4
package/esm2020/tag/tag.property.mjs +3 -3
package/esm2020/text-retract/text-retract.component.mjs +3 -3
package/esm2020/text-retract/text-retract.module.mjs +4 -4
package/esm2020/text-retract/text-retract.property.mjs +3 -3
package/esm2020/textarea/textarea.component.mjs +3 -3
package/esm2020/textarea/textarea.module.mjs +4 -4
package/esm2020/textarea/textarea.property.mjs +3 -3
package/esm2020/theme/theme.component.mjs +5 -5
package/esm2020/theme/theme.module.mjs +4 -4
package/esm2020/theme/theme.property.mjs +3 -3
package/esm2020/time-ago/time-ago.module.mjs +4 -4
package/esm2020/time-ago/time-ago.pipe.mjs +3 -3
package/esm2020/time-picker/time-picker-frame.component.mjs +7 -7
package/esm2020/time-picker/time-picker-portal.component.mjs +3 -3
package/esm2020/time-picker/time-picker.component.mjs +3 -3
package/esm2020/time-picker/time-picker.module.mjs +4 -4
package/esm2020/time-picker/time-picker.property.mjs +3 -3
package/esm2020/time-range/time-range.module.mjs +4 -4
package/esm2020/time-range/time-range.pipe.mjs +3 -3
package/esm2020/timeline/timeline.component.mjs +3 -3
package/esm2020/timeline/timeline.module.mjs +4 -4
package/esm2020/timeline/timeline.property.mjs +3 -3
package/esm2020/tooltip/tooltip-portal.component.mjs +3 -3
package/esm2020/tooltip/tooltip.directive.mjs +3 -3
package/esm2020/tooltip/tooltip.module.mjs +4 -4
package/esm2020/tooltip/tooltip.property.mjs +3 -3
package/esm2020/transfer/transfer.component.mjs +5 -5
package/esm2020/transfer/transfer.module.mjs +4 -4
package/esm2020/transfer/transfer.property.mjs +3 -3
package/esm2020/tree/tree-node.component.mjs +3 -3
package/esm2020/tree/tree.component.mjs +3 -3
package/esm2020/tree/tree.module.mjs +4 -4
package/esm2020/tree/tree.property.mjs +6 -6
package/esm2020/tree-file/tree-file.component.mjs +4 -4
package/esm2020/tree-file/tree-file.module.mjs +4 -4
package/esm2020/tree-file/tree-file.property.mjs +3 -3
package/esm2020/tree-select/tree-select-portal.component.mjs +3 -3
package/esm2020/tree-select/tree-select.component.mjs +3 -3
package/esm2020/tree-select/tree-select.module.mjs +4 -4
package/esm2020/tree-select/tree-select.property.mjs +3 -3
package/esm2020/typography/typography.component.mjs +3 -3
package/esm2020/typography/typography.module.mjs +4 -4
package/esm2020/typography/typography.property.mjs +3 -3
package/esm2020/upload/upload-portal.component.mjs +7 -7
package/esm2020/upload/upload.component.mjs +3 -3
package/esm2020/upload/upload.module.mjs +4 -4
package/esm2020/upload/upload.property.mjs +3 -3
package/examples/examples.component.d.ts +1 -1
package/fesm2015/ng-nest-ui-affix.mjs +10 -10
package/fesm2015/ng-nest-ui-alert.mjs +10 -10
package/fesm2015/ng-nest-ui-anchor.mjs +12 -11
package/fesm2015/ng-nest-ui-anchor.mjs.map +1 -1
package/fesm2015/ng-nest-ui-api.mjs +7 -7
package/fesm2015/ng-nest-ui-auto-complete.mjs +13 -13
package/fesm2015/ng-nest-ui-avatar.mjs +16 -16
package/fesm2015/ng-nest-ui-back-top.mjs +10 -10
package/fesm2015/ng-nest-ui-badge.mjs +10 -10
package/fesm2015/ng-nest-ui-base-form.mjs +10 -10
package/fesm2015/ng-nest-ui-border.mjs +7 -7
package/fesm2015/ng-nest-ui-button.mjs +26 -17
package/fesm2015/ng-nest-ui-button.mjs.map +1 -1
package/fesm2015/ng-nest-ui-calendar.mjs +10 -10
package/fesm2015/ng-nest-ui-card.mjs +10 -10
package/fesm2015/ng-nest-ui-carousel.mjs +16 -16
package/fesm2015/ng-nest-ui-cascade.mjs +13 -13
package/fesm2015/ng-nest-ui-checkbox.mjs +10 -10
package/fesm2015/ng-nest-ui-collapse.mjs +16 -16
package/fesm2015/ng-nest-ui-color-picker.mjs +14 -14
package/fesm2015/ng-nest-ui-color-picker.mjs.map +1 -1
package/fesm2015/ng-nest-ui-color.mjs +10 -10
package/fesm2015/ng-nest-ui-comment.mjs +16 -16
package/fesm2015/ng-nest-ui-container.mjs +31 -31
package/fesm2015/ng-nest-ui-core.mjs +15 -15
package/fesm2015/ng-nest-ui-crumb.mjs +10 -10
package/fesm2015/ng-nest-ui-date-picker.mjs +40 -40
package/fesm2015/ng-nest-ui-description.mjs +16 -16
package/fesm2015/ng-nest-ui-dialog.mjs +42 -42
package/fesm2015/ng-nest-ui-dialog.mjs.map +1 -1
package/fesm2015/ng-nest-ui-doc.mjs +7 -7
package/fesm2015/ng-nest-ui-drawer.mjs +33 -33
package/fesm2015/ng-nest-ui-drawer.mjs.map +1 -1
package/fesm2015/ng-nest-ui-dropdown.mjs +13 -13
package/fesm2015/ng-nest-ui-empty.mjs +10 -10
package/fesm2015/ng-nest-ui-examples.mjs +8 -8
package/fesm2015/ng-nest-ui-examples.mjs.map +1 -1
package/fesm2015/ng-nest-ui-find.mjs +10 -10
package/fesm2015/ng-nest-ui-form.mjs +16 -16
package/fesm2015/ng-nest-ui-highlight.mjs +10 -10
package/fesm2015/ng-nest-ui-i18n.mjs +13 -13
package/fesm2015/ng-nest-ui-icon.mjs +13 -13
package/fesm2015/ng-nest-ui-image.mjs +19 -19
package/fesm2015/ng-nest-ui-inner.mjs +10 -10
package/fesm2015/ng-nest-ui-input-number.mjs +10 -10
package/fesm2015/ng-nest-ui-input.mjs +16 -16
package/fesm2015/ng-nest-ui-keyword.mjs +10 -10
package/fesm2015/ng-nest-ui-layout.mjs +16 -16
package/fesm2015/ng-nest-ui-link.mjs +10 -10
package/fesm2015/ng-nest-ui-list.mjs +19 -19
package/fesm2015/ng-nest-ui-loading.mjs +11 -11
package/fesm2015/ng-nest-ui-loading.mjs.map +1 -1
package/fesm2015/ng-nest-ui-menu.mjs +16 -16
package/fesm2015/ng-nest-ui-menu.mjs.map +1 -1
package/fesm2015/ng-nest-ui-message-box.mjs +10 -10
package/fesm2015/ng-nest-ui-message.mjs +10 -10
package/fesm2015/ng-nest-ui-notification.mjs +10 -10
package/fesm2015/ng-nest-ui-outlet.mjs +7 -7
package/fesm2015/ng-nest-ui-page-header.mjs +10 -10
package/fesm2015/ng-nest-ui-pagination.mjs +10 -10
package/fesm2015/ng-nest-ui-pattern.mjs +7 -7
package/fesm2015/ng-nest-ui-popconfirm.mjs +10 -10
package/fesm2015/ng-nest-ui-popover.mjs +13 -13
package/fesm2015/ng-nest-ui-portal.mjs +7 -7
package/fesm2015/ng-nest-ui-progress.mjs +11 -11
package/fesm2015/ng-nest-ui-progress.mjs.map +1 -1
package/fesm2015/ng-nest-ui-radio.mjs +11 -11
package/fesm2015/ng-nest-ui-radio.mjs.map +1 -1
package/fesm2015/ng-nest-ui-rate.mjs +10 -10
package/fesm2015/ng-nest-ui-resizable.mjs +10 -10
package/fesm2015/ng-nest-ui-result.mjs +10 -10
package/fesm2015/ng-nest-ui-ripple.mjs +10 -10
package/fesm2015/ng-nest-ui-select.mjs +13 -13
package/fesm2015/ng-nest-ui-skeleton.mjs +11 -11
package/fesm2015/ng-nest-ui-skeleton.mjs.map +1 -1
package/fesm2015/ng-nest-ui-slider-select.mjs +11 -11
package/fesm2015/ng-nest-ui-slider-select.mjs.map +1 -1
package/fesm2015/ng-nest-ui-slider.mjs +22 -13
package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
package/fesm2015/ng-nest-ui-statistic.mjs +16 -16
package/fesm2015/ng-nest-ui-steps.mjs +10 -10
package/fesm2015/ng-nest-ui-switch.mjs +10 -10
package/fesm2015/ng-nest-ui-table.mjs +33 -33
package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
package/fesm2015/ng-nest-ui-tabs.mjs +31 -33
package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
package/fesm2015/ng-nest-ui-tag.mjs +10 -10
package/fesm2015/ng-nest-ui-text-retract.mjs +10 -10
package/fesm2015/ng-nest-ui-textarea.mjs +10 -10
package/fesm2015/ng-nest-ui-theme.mjs +11 -11
package/fesm2015/ng-nest-ui-theme.mjs.map +1 -1
package/fesm2015/ng-nest-ui-time-ago.mjs +7 -7
package/fesm2015/ng-nest-ui-time-picker.mjs +19 -19
package/fesm2015/ng-nest-ui-time-picker.mjs.map +1 -1
package/fesm2015/ng-nest-ui-time-range.mjs +7 -7
package/fesm2015/ng-nest-ui-timeline.mjs +10 -10
package/fesm2015/ng-nest-ui-tooltip.mjs +13 -13
package/fesm2015/ng-nest-ui-transfer.mjs +11 -11
package/fesm2015/ng-nest-ui-transfer.mjs.map +1 -1
package/fesm2015/ng-nest-ui-tree-file.mjs +10 -10
package/fesm2015/ng-nest-ui-tree-file.mjs.map +1 -1
package/fesm2015/ng-nest-ui-tree-select.mjs +13 -13
package/fesm2015/ng-nest-ui-tree.mjs +16 -16
package/fesm2015/ng-nest-ui-typography.mjs +10 -10
package/fesm2015/ng-nest-ui-upload.mjs +18 -16
package/fesm2015/ng-nest-ui-upload.mjs.map +1 -1
package/fesm2020/ng-nest-ui-affix.mjs +10 -10
package/fesm2020/ng-nest-ui-alert.mjs +10 -10
package/fesm2020/ng-nest-ui-anchor.mjs +12 -11
package/fesm2020/ng-nest-ui-anchor.mjs.map +1 -1
package/fesm2020/ng-nest-ui-api.mjs +7 -7
package/fesm2020/ng-nest-ui-auto-complete.mjs +13 -13
package/fesm2020/ng-nest-ui-avatar.mjs +16 -16
package/fesm2020/ng-nest-ui-back-top.mjs +10 -10
package/fesm2020/ng-nest-ui-badge.mjs +10 -10
package/fesm2020/ng-nest-ui-base-form.mjs +10 -10
package/fesm2020/ng-nest-ui-border.mjs +7 -7
package/fesm2020/ng-nest-ui-button.mjs +26 -17
package/fesm2020/ng-nest-ui-button.mjs.map +1 -1
package/fesm2020/ng-nest-ui-calendar.mjs +10 -10
package/fesm2020/ng-nest-ui-card.mjs +10 -10
package/fesm2020/ng-nest-ui-carousel.mjs +16 -16
package/fesm2020/ng-nest-ui-cascade.mjs +13 -13
package/fesm2020/ng-nest-ui-checkbox.mjs +10 -10
package/fesm2020/ng-nest-ui-collapse.mjs +16 -16
package/fesm2020/ng-nest-ui-color-picker.mjs +14 -14
package/fesm2020/ng-nest-ui-color-picker.mjs.map +1 -1
package/fesm2020/ng-nest-ui-color.mjs +10 -10
package/fesm2020/ng-nest-ui-comment.mjs +16 -16
package/fesm2020/ng-nest-ui-container.mjs +31 -31
package/fesm2020/ng-nest-ui-core.mjs +15 -15
package/fesm2020/ng-nest-ui-crumb.mjs +10 -10
package/fesm2020/ng-nest-ui-date-picker.mjs +40 -40
package/fesm2020/ng-nest-ui-description.mjs +16 -16
package/fesm2020/ng-nest-ui-dialog.mjs +42 -42
package/fesm2020/ng-nest-ui-dialog.mjs.map +1 -1
package/fesm2020/ng-nest-ui-doc.mjs +7 -7
package/fesm2020/ng-nest-ui-drawer.mjs +33 -33
package/fesm2020/ng-nest-ui-drawer.mjs.map +1 -1
package/fesm2020/ng-nest-ui-dropdown.mjs +13 -13
package/fesm2020/ng-nest-ui-empty.mjs +10 -10
package/fesm2020/ng-nest-ui-examples.mjs +8 -8
package/fesm2020/ng-nest-ui-examples.mjs.map +1 -1
package/fesm2020/ng-nest-ui-find.mjs +10 -10
package/fesm2020/ng-nest-ui-form.mjs +16 -16
package/fesm2020/ng-nest-ui-highlight.mjs +10 -10
package/fesm2020/ng-nest-ui-i18n.mjs +13 -13
package/fesm2020/ng-nest-ui-icon.mjs +13 -13
package/fesm2020/ng-nest-ui-image.mjs +19 -19
package/fesm2020/ng-nest-ui-inner.mjs +10 -10
package/fesm2020/ng-nest-ui-input-number.mjs +10 -10
package/fesm2020/ng-nest-ui-input.mjs +16 -16
package/fesm2020/ng-nest-ui-keyword.mjs +10 -10
package/fesm2020/ng-nest-ui-layout.mjs +16 -16
package/fesm2020/ng-nest-ui-link.mjs +10 -10
package/fesm2020/ng-nest-ui-list.mjs +19 -19
package/fesm2020/ng-nest-ui-loading.mjs +11 -11
package/fesm2020/ng-nest-ui-loading.mjs.map +1 -1
package/fesm2020/ng-nest-ui-menu.mjs +16 -16
package/fesm2020/ng-nest-ui-menu.mjs.map +1 -1
package/fesm2020/ng-nest-ui-message-box.mjs +10 -10
package/fesm2020/ng-nest-ui-message.mjs +10 -10
package/fesm2020/ng-nest-ui-notification.mjs +10 -10
package/fesm2020/ng-nest-ui-outlet.mjs +7 -7
package/fesm2020/ng-nest-ui-page-header.mjs +10 -10
package/fesm2020/ng-nest-ui-pagination.mjs +10 -10
package/fesm2020/ng-nest-ui-pattern.mjs +7 -7
package/fesm2020/ng-nest-ui-popconfirm.mjs +10 -10
package/fesm2020/ng-nest-ui-popover.mjs +13 -13
package/fesm2020/ng-nest-ui-portal.mjs +7 -7
package/fesm2020/ng-nest-ui-progress.mjs +11 -11
package/fesm2020/ng-nest-ui-progress.mjs.map +1 -1
package/fesm2020/ng-nest-ui-radio.mjs +11 -11
package/fesm2020/ng-nest-ui-radio.mjs.map +1 -1
package/fesm2020/ng-nest-ui-rate.mjs +10 -10
package/fesm2020/ng-nest-ui-resizable.mjs +10 -10
package/fesm2020/ng-nest-ui-result.mjs +10 -10
package/fesm2020/ng-nest-ui-ripple.mjs +10 -10
package/fesm2020/ng-nest-ui-select.mjs +13 -13
package/fesm2020/ng-nest-ui-skeleton.mjs +11 -11
package/fesm2020/ng-nest-ui-skeleton.mjs.map +1 -1
package/fesm2020/ng-nest-ui-slider-select.mjs +11 -11
package/fesm2020/ng-nest-ui-slider-select.mjs.map +1 -1
package/fesm2020/ng-nest-ui-slider.mjs +22 -13
package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
package/fesm2020/ng-nest-ui-statistic.mjs +16 -16
package/fesm2020/ng-nest-ui-steps.mjs +10 -10
package/fesm2020/ng-nest-ui-switch.mjs +10 -10
package/fesm2020/ng-nest-ui-table.mjs +33 -33
package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
package/fesm2020/ng-nest-ui-tabs.mjs +31 -33
package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
package/fesm2020/ng-nest-ui-tag.mjs +10 -10
package/fesm2020/ng-nest-ui-text-retract.mjs +10 -10
package/fesm2020/ng-nest-ui-textarea.mjs +10 -10
package/fesm2020/ng-nest-ui-theme.mjs +11 -11
package/fesm2020/ng-nest-ui-theme.mjs.map +1 -1
package/fesm2020/ng-nest-ui-time-ago.mjs +7 -7
package/fesm2020/ng-nest-ui-time-picker.mjs +19 -19
package/fesm2020/ng-nest-ui-time-picker.mjs.map +1 -1
package/fesm2020/ng-nest-ui-time-range.mjs +7 -7
package/fesm2020/ng-nest-ui-timeline.mjs +10 -10
package/fesm2020/ng-nest-ui-tooltip.mjs +13 -13
package/fesm2020/ng-nest-ui-transfer.mjs +11 -11
package/fesm2020/ng-nest-ui-transfer.mjs.map +1 -1
package/fesm2020/ng-nest-ui-tree-file.mjs +10 -10
package/fesm2020/ng-nest-ui-tree-file.mjs.map +1 -1
package/fesm2020/ng-nest-ui-tree-select.mjs +13 -13
package/fesm2020/ng-nest-ui-tree.mjs +16 -16
package/fesm2020/ng-nest-ui-typography.mjs +10 -10
package/fesm2020/ng-nest-ui-upload.mjs +16 -16
package/fesm2020/ng-nest-ui-upload.mjs.map +1 -1
package/find/find.component.d.ts +1 -1
package/find/find.property.d.ts +1 -1
package/form/control.component.d.ts +1 -1
package/form/form.component.d.ts +1 -1
package/form/form.property.d.ts +2 -2
package/highlight/highlight.component.d.ts +1 -1
package/highlight/highlight.property.d.ts +1 -1
package/i18n/i18n.directive.d.ts +1 -1
package/icon/icon.component.d.ts +1 -1
package/icon/icon.property.d.ts +1 -1
package/image/image-group.component.d.ts +1 -1
package/image/image-preview.component.d.ts +1 -1
package/image/image.component.d.ts +1 -1
package/image/image.property.d.ts +2 -2
package/inner/inner.component.d.ts +1 -1
package/inner/inner.property.d.ts +1 -1
package/input/input-group.component.d.ts +1 -1
package/input/input.component.d.ts +1 -1
package/input/input.property.d.ts +2 -2
package/input-number/input-number.component.d.ts +1 -1
package/input-number/input-number.property.d.ts +1 -1
package/keyword/keyword.directive.d.ts +1 -1
package/keyword/keyword.property.d.ts +1 -1
package/layout/col.component.d.ts +1 -1
package/layout/layout.property.d.ts +2 -2
package/layout/row.component.d.ts +1 -1
package/link/link.component.d.ts +1 -1
package/link/link.property.d.ts +1 -1
package/list/list-drop-group.directive.d.ts +1 -1
package/list/list-option.component.d.ts +1 -1
package/list/list.component.d.ts +1 -1
package/list/list.property.d.ts +2 -2
package/loading/loading.component.d.ts +1 -1
package/loading/loading.property.d.ts +1 -1
package/menu/menu-node.component.d.ts +1 -1
package/menu/menu.component.d.ts +2 -2
package/menu/menu.property.d.ts +2 -2
package/message/message.component.d.ts +1 -1
package/message-box/message-box.component.d.ts +1 -1
package/notification/notification.component.d.ts +1 -1
package/outlet/outlet.directive.d.ts +1 -1
package/package.json +6 -6
package/page-header/page-header.component.d.ts +1 -1
package/page-header/page-header.property.d.ts +1 -1
package/pagination/pagination.component.d.ts +1 -1
package/pagination/pagination.property.d.ts +1 -1
package/pattern/pattern.component.d.ts +1 -1
package/popconfirm/popconfirm.component.d.ts +1 -1
package/popconfirm/popconfirm.property.d.ts +1 -1
package/popover/popover-portal.component.d.ts +1 -1
package/popover/popover.directive.d.ts +1 -1
package/popover/popover.property.d.ts +1 -1
package/progress/progress.component.d.ts +1 -1
package/progress/progress.property.d.ts +1 -1
package/radio/radio.component.d.ts +1 -1
package/radio/radio.property.d.ts +1 -1
package/rate/rate.component.d.ts +1 -1
package/rate/rate.property.d.ts +1 -1
package/resizable/resizable.directive.d.ts +1 -1
package/resizable/resizable.property.d.ts +1 -1
package/result/result.component.d.ts +1 -1
package/result/result.property.d.ts +1 -1
package/ripple/ripple.directive.d.ts +1 -1
package/ripple/ripple.property.d.ts +1 -1
package/select/select-portal.component.d.ts +1 -1
package/select/select.component.d.ts +1 -1
package/select/select.property.d.ts +1 -1
package/skeleton/skeleton.component.d.ts +1 -1
package/skeleton/skeleton.property.d.ts +1 -1
package/slider/slider.component.d.ts +2 -2
package/slider/slider.property.d.ts +6 -1
package/slider-select/slider-select.component.d.ts +1 -1
package/slider-select/slider-select.property.d.ts +1 -1
package/statistic/countdown.component.d.ts +1 -1
package/statistic/statistic.component.d.ts +1 -1
package/statistic/statistic.property.d.ts +2 -2
package/steps/steps.component.d.ts +1 -1
package/steps/steps.property.d.ts +1 -1
package/switch/switch.component.d.ts +1 -1
package/switch/switch.property.d.ts +1 -1
package/table/drag.directive.d.ts +1 -1
package/table/table-body.component.d.ts +1 -1
package/table/table-foot.component.d.ts +1 -1
package/table/table-head.component.d.ts +1 -1
package/table/table.component.d.ts +1 -1
package/table/table.property.d.ts +4 -4
package/tabs/tab-content.component.d.ts +1 -1
package/tabs/tab-link.directive.d.ts +5 -5
package/tabs/tab.component.d.ts +1 -1
package/tabs/tabs.component.d.ts +3 -4
package/tabs/tabs.property.d.ts +2 -2
package/tag/tag.component.d.ts +1 -1
package/tag/tag.property.d.ts +1 -1
package/text-retract/text-retract.component.d.ts +1 -1
package/text-retract/text-retract.property.d.ts +1 -1
package/textarea/textarea.component.d.ts +1 -1
package/textarea/textarea.property.d.ts +1 -1
package/theme/theme.component.d.ts +1 -1
package/theme/theme.property.d.ts +1 -1
package/time-picker/time-picker-frame.component.d.ts +1 -1
package/time-picker/time-picker-portal.component.d.ts +1 -1
package/time-picker/time-picker.component.d.ts +1 -1
package/time-picker/time-picker.property.d.ts +1 -1
package/timeline/timeline.component.d.ts +1 -1
package/timeline/timeline.property.d.ts +1 -1
package/tooltip/tooltip-portal.component.d.ts +1 -1
package/tooltip/tooltip.directive.d.ts +1 -1
package/tooltip/tooltip.property.d.ts +1 -1
package/transfer/transfer.component.d.ts +1 -1
package/transfer/transfer.property.d.ts +1 -1
package/tree/tree-node.component.d.ts +1 -1
package/tree/tree.component.d.ts +1 -1
package/tree/tree.property.d.ts +2 -2
package/tree-file/tree-file.component.d.ts +2 -2
package/tree-file/tree-file.property.d.ts +1 -1
package/tree-select/tree-select-portal.component.d.ts +1 -1
package/tree-select/tree-select.component.d.ts +1 -1
package/tree-select/tree-select.property.d.ts +1 -1
package/typography/typography.component.d.ts +1 -1
package/typography/typography.property.d.ts +1 -1
package/upload/upload-portal.component.d.ts +2 -2
package/upload/upload.component.d.ts +1 -1
package/upload/upload.property.d.ts +1 -1

package/esm2020/date-picker/date-range-portal.component.mjs CHANGED Viewed

@@ -201,9 +201,9 @@ export class XDateRangePortalComponent {
         this.startDisplay = XAddMonths(this.startDisplay, num);
     }
 }
-/** @nocollapse */ XDateRangePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDateRangePortalComponent, deps: [{ token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDateRangePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDateRangePortalComponent, selector: "x-date-range-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, providers: [DatePipe, LowerCasePipe], ngImport: i0, template: "<div class=\"x-date-range-portal {{ type }}\" [ngSwitch]=\"type\">\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n    <div class=\"x-date-range-portal-body\">\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-start\"\r\n        [(display)]=\"startDisplay\"\r\n        [model]=\"startModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [nextYearBtn]=\"false\"\r\n        [nextMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'start')\"\r\n        (yearChange)=\"startYearChange($event)\"\r\n        (monthChange)=\"startMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-end\"\r\n        [(display)]=\"endDisplay\"\r\n        [model]=\"endModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [lastYearBtn]=\"false\"\r\n        [lastMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'end')\"\r\n        (yearChange)=\"endYearChange($event)\"\r\n        (monthChange)=\"endMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #startDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ startDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(startDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n</ng-template>\r\n\r\n<ng-template #endDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ endDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(endDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.x-date-range-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);background-color:var(--x-background);width:34rem;display:flex;flex-direction:column;font-size:var(--x-font-size-small)}.x-date-range-portal.date-time{width:27rem}.x-date-range-portal.date-hour{width:19.75rem}.x-date-range-portal.date-minute{width:23.375rem}.x-date-range-portal-content{display:flex}.x-date-range-portal-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset{display:flex;align-items:center;justify-content:center;border-top:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset>x-button{flex:1}.x-date-range-portal-year-month{flex:1;text-align:center}.x-date-range-portal-body{display:flex}.x-date-range-portal-start,.x-date-range-portal-end{flex:1}.x-date-range-portal-footer{display:flex;justify-content:flex-end;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);padding:.5rem}.x-date-range-portal-date{flex:1}.x-date-range-portal-time{display:flex;flex-direction:column}.x-date-range-portal-time-label{padding:.4rem;text-align:center;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-date-range-portal-time .x-time-picker-frame{border-width:var(--x-border-width) 0 0 var(--x-border-width);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i4.XPickerDateComponent, selector: "x-picker-date" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDateRangePortalComponent, decorators: [{
+/** @nocollapse */ XDateRangePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDateRangePortalComponent, deps: [{ token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDateRangePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDateRangePortalComponent, selector: "x-date-range-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)" }, properties: { "@x-connect-base-animation": "this.placement" } }, providers: [DatePipe, LowerCasePipe], ngImport: i0, template: "<div class=\"x-date-range-portal {{ type }}\" [ngSwitch]=\"type\">\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n    <div class=\"x-date-range-portal-body\">\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-start\"\r\n        [(display)]=\"startDisplay\"\r\n        [model]=\"startModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [nextYearBtn]=\"false\"\r\n        [nextMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'start')\"\r\n        (yearChange)=\"startYearChange($event)\"\r\n        (monthChange)=\"startMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-end\"\r\n        [(display)]=\"endDisplay\"\r\n        [model]=\"endModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [lastYearBtn]=\"false\"\r\n        [lastMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'end')\"\r\n        (yearChange)=\"endYearChange($event)\"\r\n        (monthChange)=\"endMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #startDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ startDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(startDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n</ng-template>\r\n\r\n<ng-template #endDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ endDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(endDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.x-date-range-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);background-color:var(--x-background);width:34rem;display:flex;flex-direction:column;font-size:var(--x-font-size-small)}.x-date-range-portal.date-time{width:27rem}.x-date-range-portal.date-hour{width:19.75rem}.x-date-range-portal.date-minute{width:23.375rem}.x-date-range-portal-content{display:flex}.x-date-range-portal-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset{display:flex;align-items:center;justify-content:center;border-top:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset>x-button{flex:1}.x-date-range-portal-year-month{flex:1;text-align:center}.x-date-range-portal-body{display:flex}.x-date-range-portal-start,.x-date-range-portal-end{flex:1}.x-date-range-portal-footer{display:flex;justify-content:flex-end;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);padding:.5rem}.x-date-range-portal-date{flex:1}.x-date-range-portal-time{display:flex;flex-direction:column}.x-date-range-portal-time-label{padding:.4rem;text-align:center;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-date-range-portal-time .x-time-picker-frame{border-width:var(--x-border-width) 0 0 var(--x-border-width);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i4.XPickerDateComponent, selector: "x-picker-date" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDateRangePortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDateRangePortalPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], providers: [DatePipe, LowerCasePipe], template: "<div class=\"x-date-range-portal {{ type }}\" [ngSwitch]=\"type\">\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n    <div class=\"x-date-range-portal-body\">\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-start\"\r\n        [(display)]=\"startDisplay\"\r\n        [model]=\"startModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [nextYearBtn]=\"false\"\r\n        [nextMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'start')\"\r\n        (yearChange)=\"startYearChange($event)\"\r\n        (monthChange)=\"startMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n      <x-picker-date\r\n        class=\"x-date-range-portal-end\"\r\n        [(display)]=\"endDisplay\"\r\n        [model]=\"endModel\"\r\n        [rangeValue]=\"value\"\r\n        [rangeType]=\"activeType\"\r\n        [lastYearBtn]=\"false\"\r\n        [lastMonthBtn]=\"false\"\r\n        (modelChange)=\"dateChange($event, 'end')\"\r\n        (yearChange)=\"endYearChange($event)\"\r\n        (monthChange)=\"endMonthChange($event)\"\r\n        rangePicker\r\n      ></x-picker-date>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #startDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ startDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(startDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon style=\"visibility: hidden\"></x-button>\r\n</ng-template>\r\n\r\n<ng-template #endDateHeaderTpl>\r\n  <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" style=\"visibility: hidden\"></x-button>\r\n  <div class=\"x-date-range-portal-year-month\">\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('year')\">{{ endDisplay | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    <x-button type=\"text\" size=\"small\" (click)=\"typeChange('month')\">{{ getLocaleMonth(endDisplay) }}</x-button>\r\n  </div>\r\n  <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\"></x-button>\r\n  <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.x-date-range-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);background-color:var(--x-background);width:34rem;display:flex;flex-direction:column;font-size:var(--x-font-size-small)}.x-date-range-portal.date-time{width:27rem}.x-date-range-portal.date-hour{width:19.75rem}.x-date-range-portal.date-minute{width:23.375rem}.x-date-range-portal-content{display:flex}.x-date-range-portal-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset{display:flex;align-items:center;justify-content:center;border-top:var(--x-border-width) solid var(--x-border)}.x-date-range-portal-preset>x-button{flex:1}.x-date-range-portal-year-month{flex:1;text-align:center}.x-date-range-portal-body{display:flex}.x-date-range-portal-start,.x-date-range-portal-end{flex:1}.x-date-range-portal-footer{display:flex;justify-content:flex-end;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);padding:.5rem}.x-date-range-portal-date{flex:1}.x-date-range-portal-time{display:flex;flex-direction:column}.x-date-range-portal-time-label{padding:.4rem;text-align:center;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-date-range-portal-time .x-time-picker-frame{border-width:var(--x-border-width) 0 0 var(--x-border-width);box-shadow:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.LowerCasePipe }, { type: i0.ChangeDetectorRef }, { type: i2.XI18nService }]; }, propDecorators: { placement: [{

package/esm2020/date-picker/date-range.component.mjs CHANGED Viewed

@@ -299,9 +299,9 @@ export class XDateRangeComponent extends XDateRangeProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XDateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDateRangeComponent, deps: [{ token: i0.Renderer2 }, { token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.DatePipe }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDateRangeComponent, selector: "x-date-range", providers: [XValueAccessor(XDateRangeComponent), DatePipe], viewQueries: [{ propertyName: "dateRange", first: true, predicate: ["dateRange"], descendants: true, static: true }, { propertyName: "inputGroup", first: true, predicate: ["inputGroup"], descendants: true, static: true }, { propertyName: "inputStartCom", first: true, predicate: ["inputStartCom"], descendants: true, static: true }, { propertyName: "inputEndCom", first: true, predicate: ["inputEndCom"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #dateRange class=\"x-date-range\" [class.x-date-range-active]=\"active\">\r\n  <div class=\"x-date-range-row\">\r\n    <x-input-group #inputGroup class=\"x-date-range-group\" bordered=\"false\" (click)=\"showPortal($event)\">\r\n      <x-input\r\n        #inputStartCom\r\n        [class.x-input-active]=\"startActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u5F00\u59CB\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'start')\"\r\n        (xFocus)=\"startActive = true\"\r\n        (xBlur)=\"startActive = false\"\r\n        [(ngModel)]=\"startDisplay\"\r\n      ></x-input>\r\n      <x-icon type=\"fto-arrow-right\"></x-icon>\r\n      <x-input\r\n        #inputEndCom\r\n        [class.x-input-active]=\"endActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u7ED3\u675F\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'end')\"\r\n        (xFocus)=\"endActive = true\"\r\n        (xBlur)=\"endActive = false\"\r\n        [(ngModel)]=\"endDisplay\"\r\n      ></x-input>\r\n      <x-icon [type]=\"icon\"></x-icon>\r\n    </x-input-group>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-range{display:inline-block}.x-date-range{margin:0;padding:0;width:100%}.x-date-range-row{flex:1;display:flex;align-items:center}.x-date-range-group{display:inline-flex;flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow)}.x-date-range-group .x-input-group{display:flex;align-items:center}.x-date-range-group .x-input-group>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base);z-index:2;padding:.4rem}.x-date-range-group .x-input-group>x-input{width:6rem}.x-date-range-group .x-input-group>x-input input{padding-left:0!important;padding-right:0!important;margin-left:.4rem;margin-right:.4rem;border-radius:0;border-bottom:var(--x-border-width) var(--x-border-style) transparent}.x-date-range-group .x-input-group>x-input .x-input-active input{border-color:var(--x-primary)}.x-date-range-group:hover{border-color:var(--x-primary-300)}.x-date-range-active .x-date-range-group{border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.XInputComponent, selector: "x-input" }, { kind: "component", type: i6.XInputGroupComponent, selector: "x-input-group" }, { kind: "component", type: i7.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDateRangeComponent, decorators: [{
+/** @nocollapse */ XDateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDateRangeComponent, deps: [{ token: i0.Renderer2 }, { token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.DatePipe }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDateRangeComponent, selector: "x-date-range", providers: [XValueAccessor(XDateRangeComponent), DatePipe], viewQueries: [{ propertyName: "dateRange", first: true, predicate: ["dateRange"], descendants: true, static: true }, { propertyName: "inputGroup", first: true, predicate: ["inputGroup"], descendants: true, static: true }, { propertyName: "inputStartCom", first: true, predicate: ["inputStartCom"], descendants: true, static: true }, { propertyName: "inputEndCom", first: true, predicate: ["inputEndCom"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #dateRange class=\"x-date-range\" [class.x-date-range-active]=\"active\">\r\n  <div class=\"x-date-range-row\">\r\n    <x-input-group #inputGroup class=\"x-date-range-group\" bordered=\"false\" (click)=\"showPortal($event)\">\r\n      <x-input\r\n        #inputStartCom\r\n        [class.x-input-active]=\"startActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u5F00\u59CB\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'start')\"\r\n        (xFocus)=\"startActive = true\"\r\n        (xBlur)=\"startActive = false\"\r\n        [(ngModel)]=\"startDisplay\"\r\n      ></x-input>\r\n      <x-icon type=\"fto-arrow-right\"></x-icon>\r\n      <x-input\r\n        #inputEndCom\r\n        [class.x-input-active]=\"endActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u7ED3\u675F\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'end')\"\r\n        (xFocus)=\"endActive = true\"\r\n        (xBlur)=\"endActive = false\"\r\n        [(ngModel)]=\"endDisplay\"\r\n      ></x-input>\r\n      <x-icon [type]=\"icon\"></x-icon>\r\n    </x-input-group>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-range{display:inline-block}.x-date-range{margin:0;padding:0;width:100%}.x-date-range-row{flex:1;display:flex;align-items:center}.x-date-range-group{display:inline-flex;flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow)}.x-date-range-group .x-input-group{display:flex;align-items:center}.x-date-range-group .x-input-group>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base);z-index:2;padding:.4rem}.x-date-range-group .x-input-group>x-input{width:6rem}.x-date-range-group .x-input-group>x-input input{padding-left:0!important;padding-right:0!important;margin-left:.4rem;margin-right:.4rem;border-radius:0;border-bottom:var(--x-border-width) var(--x-border-style) transparent}.x-date-range-group .x-input-group>x-input .x-input-active input{border-color:var(--x-primary)}.x-date-range-group:hover{border-color:var(--x-primary-300)}.x-date-range-active .x-date-range-group{border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.XInputComponent, selector: "x-input" }, { kind: "component", type: i6.XInputGroupComponent, selector: "x-input-group" }, { kind: "component", type: i7.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDateRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDateRangePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XDateRangeComponent), DatePipe], template: "<div #dateRange class=\"x-date-range\" [class.x-date-range-active]=\"active\">\r\n  <div class=\"x-date-range-row\">\r\n    <x-input-group #inputGroup class=\"x-date-range-group\" bordered=\"false\" (click)=\"showPortal($event)\">\r\n      <x-input\r\n        #inputStartCom\r\n        [class.x-input-active]=\"startActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u5F00\u59CB\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'start')\"\r\n        (xFocus)=\"startActive = true\"\r\n        (xBlur)=\"startActive = false\"\r\n        [(ngModel)]=\"startDisplay\"\r\n      ></x-input>\r\n      <x-icon type=\"fto-arrow-right\"></x-icon>\r\n      <x-input\r\n        #inputEndCom\r\n        [class.x-input-active]=\"endActive\"\r\n        type=\"text\"\r\n        placeholder=\"\u7ED3\u675F\u65E5\u671F\"\r\n        (click)=\"showPortal($event, 'end')\"\r\n        (xFocus)=\"endActive = true\"\r\n        (xBlur)=\"endActive = false\"\r\n        [(ngModel)]=\"endDisplay\"\r\n      ></x-input>\r\n      <x-icon [type]=\"icon\"></x-icon>\r\n    </x-input-group>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-range{display:inline-block}.x-date-range{margin:0;padding:0;width:100%}.x-date-range-row{flex:1;display:flex;align-items:center}.x-date-range-group{display:inline-flex;flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow)}.x-date-range-group .x-input-group{display:flex;align-items:center}.x-date-range-group .x-input-group>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base);z-index:2;padding:.4rem}.x-date-range-group .x-input-group>x-input{width:6rem}.x-date-range-group .x-input-group>x-input input{padding-left:0!important;padding-right:0!important;margin-left:.4rem;margin-right:.4rem;border-radius:0;border-bottom:var(--x-border-width) var(--x-border-style) transparent}.x-date-range-group .x-input-group>x-input .x-input-active input{border-color:var(--x-primary)}.x-date-range-group:hover{border-color:var(--x-primary-300)}.x-date-range-active .x-date-range-group{border-color:var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.XConfigService }, { type: i0.ChangeDetectorRef }, { type: i2.XPortalService }, { type: i0.ViewContainerRef }, { type: i3.DatePipe }, { type: i4.Overlay }]; }, propDecorators: { dateRange: [{

package/esm2020/date-picker/picker-date.component.mjs CHANGED Viewed

@@ -144,9 +144,9 @@ export class XPickerDateComponent extends XPickerDateProperty {
         return item;
     }
 }
-/** @nocollapse */ XPickerDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerDateComponent, deps: [{ token: i0.Renderer2 }, { token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XConfigService }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPickerDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XPickerDateComponent, selector: "x-picker-date", providers: [DatePipe, LowerCasePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-date\" [class.x-date-picker-datetemp]=\"dateTemp\">\r\n  <div class=\"x-picker-date-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" [class.x-visibility]=\"!lastYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" [class.x-visibility]=\"!lastMonthBtn\"></x-button>\r\n    <div class=\"x-picker-date-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('month')\">{{ getLocaleMonth(display) }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\" [class.x-visibility]=\"!nextYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\" [class.x-visibility]=\"!nextMonthBtn\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-date-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let title of titles; trackBy: trackByNode\">{{ title | xI18n }}</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let weeks of dates\">\r\n          <ng-container *ngFor=\"let week of weeks; trackBy: trackByNode\">\r\n            <td\r\n              [class.x-date-last-or-next]=\"(week | date: 'yyyyMM') !== (display | date: 'yyyyMM')\"\r\n              [class.x-date-now]=\"(week | date: 'yyyyMMdd') === (now | date: 'yyyyMMdd')\"\r\n              (click)=\"dateTemp && dateClick(week)\"\r\n            >\r\n              <x-button\r\n                *ngIf=\"!dateTemp\"\r\n                type=\"text\"\r\n                size=\"mini\"\r\n                title=\"{{ week | date: 'yyyy-MM-dd' }}\"\r\n                [activated]=\"!rangePicker && (week | date: 'yyyyMMdd') === (model | date: 'yyyyMMdd')\"\r\n                [disabled]=\"false\"\r\n                (click)=\"dateClick(week)\"\r\n                >{{ week | date: 'd' }}</x-button\r\n              >\r\n              <ng-container *ngIf=\"dateTemp\">\r\n                <ng-container *ngTemplateOutlet=\"dateTemp; context: { date$: week }\"></ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </ng-container>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-date{margin:0;padding:0}.x-picker-date-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-date-year-month{flex:1;text-align:center}.x-picker-date-body{padding:.5rem}.x-picker-date-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-date-body>table th{font-weight:400;height:2rem;color:var(--x-text-400)}.x-picker-date-body>table td{padding:.25rem 0;text-align:center}.x-picker-date-body>table td x-button .x-button{width:1.625rem;height:1.5rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-date-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-date-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-date-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}.x-picker-date .x-visibility{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerDateComponent, decorators: [{
+/** @nocollapse */ XPickerDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerDateComponent, deps: [{ token: i0.Renderer2 }, { token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XConfigService }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPickerDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XPickerDateComponent, selector: "x-picker-date", providers: [DatePipe, LowerCasePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-date\" [class.x-date-picker-datetemp]=\"dateTemp\">\r\n  <div class=\"x-picker-date-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" [class.x-visibility]=\"!lastYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" [class.x-visibility]=\"!lastMonthBtn\"></x-button>\r\n    <div class=\"x-picker-date-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('month')\">{{ getLocaleMonth(display) }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\" [class.x-visibility]=\"!nextYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\" [class.x-visibility]=\"!nextMonthBtn\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-date-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let title of titles; trackBy: trackByNode\">{{ title | xI18n }}</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let weeks of dates\">\r\n          <ng-container *ngFor=\"let week of weeks; trackBy: trackByNode\">\r\n            <td\r\n              [class.x-date-last-or-next]=\"(week | date: 'yyyyMM') !== (display | date: 'yyyyMM')\"\r\n              [class.x-date-now]=\"(week | date: 'yyyyMMdd') === (now | date: 'yyyyMMdd')\"\r\n              (click)=\"dateTemp && dateClick(week)\"\r\n            >\r\n              <x-button\r\n                *ngIf=\"!dateTemp\"\r\n                type=\"text\"\r\n                size=\"mini\"\r\n                title=\"{{ week | date: 'yyyy-MM-dd' }}\"\r\n                [activated]=\"!rangePicker && (week | date: 'yyyyMMdd') === (model | date: 'yyyyMMdd')\"\r\n                [disabled]=\"false\"\r\n                (click)=\"dateClick(week)\"\r\n                >{{ week | date: 'd' }}</x-button\r\n              >\r\n              <ng-container *ngIf=\"dateTemp\">\r\n                <ng-container *ngTemplateOutlet=\"dateTemp; context: { date$: week }\"></ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </ng-container>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-date{margin:0;padding:0}.x-picker-date-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-date-year-month{flex:1;text-align:center}.x-picker-date-body{padding:.5rem}.x-picker-date-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-date-body>table th{font-weight:400;height:2rem;color:var(--x-text-400)}.x-picker-date-body>table td{padding:.25rem 0;text-align:center}.x-picker-date-body>table td x-button .x-button{width:1.625rem;height:1.5rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-date-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-date-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-date-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}.x-picker-date .x-visibility{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerDateComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPickerDatePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe, LowerCasePipe], template: "<div class=\"x-picker-date\" [class.x-date-picker-datetemp]=\"dateTemp\">\r\n  <div class=\"x-picker-date-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevrons-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\" [class.x-visibility]=\"!lastYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextMonth(-1)\" [class.x-visibility]=\"!lastMonthBtn\"></x-button>\r\n    <div class=\"x-picker-date-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('month')\">{{ getLocaleMonth(display) }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextMonth(1)\" [class.x-visibility]=\"!nextYearBtn\"></x-button>\r\n    <x-button icon=\"fto-chevrons-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\" [class.x-visibility]=\"!nextMonthBtn\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-date-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let title of titles; trackBy: trackByNode\">{{ title | xI18n }}</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let weeks of dates\">\r\n          <ng-container *ngFor=\"let week of weeks; trackBy: trackByNode\">\r\n            <td\r\n              [class.x-date-last-or-next]=\"(week | date: 'yyyyMM') !== (display | date: 'yyyyMM')\"\r\n              [class.x-date-now]=\"(week | date: 'yyyyMMdd') === (now | date: 'yyyyMMdd')\"\r\n              (click)=\"dateTemp && dateClick(week)\"\r\n            >\r\n              <x-button\r\n                *ngIf=\"!dateTemp\"\r\n                type=\"text\"\r\n                size=\"mini\"\r\n                title=\"{{ week | date: 'yyyy-MM-dd' }}\"\r\n                [activated]=\"!rangePicker && (week | date: 'yyyyMMdd') === (model | date: 'yyyyMMdd')\"\r\n                [disabled]=\"false\"\r\n                (click)=\"dateClick(week)\"\r\n                >{{ week | date: 'd' }}</x-button\r\n              >\r\n              <ng-container *ngIf=\"dateTemp\">\r\n                <ng-container *ngTemplateOutlet=\"dateTemp; context: { date$: week }\"></ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </ng-container>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-date{margin:0;padding:0}.x-picker-date-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-date-year-month{flex:1;text-align:center}.x-picker-date-body{padding:.5rem}.x-picker-date-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-date-body>table th{font-weight:400;height:2rem;color:var(--x-text-400)}.x-picker-date-body>table td{padding:.25rem 0;text-align:center}.x-picker-date-body>table td x-button .x-button{width:1.625rem;height:1.5rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-date-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-date-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-date-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-date-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}.x-picker-date .x-visibility{visibility:hidden}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.DatePipe }, { type: i1.LowerCasePipe }, { type: i0.ChangeDetectorRef }, { type: i2.XConfigService }, { type: i3.XI18nService }]; } });

package/esm2020/date-picker/picker-month.component.mjs CHANGED Viewed

@@ -76,9 +76,9 @@ export class XPickerMonthComponent extends XPickerMonthProperty {
         return item;
     }
 }
-/** @nocollapse */ XPickerMonthComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerMonthComponent, deps: [{ token: i0.Renderer2 }, { token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XConfigService }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPickerMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XPickerMonthComponent, selector: "x-picker-month", providers: [DatePipe, LowerCasePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-month\" [class.x-date-picker-monthtemp]=\"monthTemp\">\r\n  <div class=\"x-picker-month-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n    <div class=\"x-picker-month-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-month-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let months of dates\">\r\n        <ng-container *ngFor=\"let month of months; trackBy: trackByMonth\">\r\n          <td\r\n            [class.x-date-last-or-next]=\"(month | date: 'yyyy') !== (display | date: 'yyyy')\"\r\n            [class.x-date-now]=\"(month | date: 'yyyyMM') === (now | date: 'yyyyMM')\"\r\n            (click)=\"monthTemp && monthClick(month)\"\r\n          >\r\n            <x-button\r\n              *ngIf=\"!monthTemp\"\r\n              type=\"text\"\r\n              title=\"{{ month | date: 'yyyy-MM' }}\"\r\n              [activated]=\"(month | date: 'yyyyMM') === (model | date: 'yyyyMM')\"\r\n              (click)=\"monthClick(month)\"\r\n              >{{ getLocaleMonth(month) }}</x-button\r\n            >\r\n            <ng-container *ngIf=\"monthTemp\">\r\n              <ng-container *ngTemplateOutlet=\"monthTemp; context: { date$: month }\"></ng-container>\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-month{margin:0;padding:0}.x-picker-month-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-month-year-month{flex:1;text-align:center}.x-picker-month-body{padding:.5rem}.x-picker-month-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-month-body>table td{padding:.125rem 0;text-align:center}.x-picker-month-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-month-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-month-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-month-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerMonthComponent, decorators: [{
+/** @nocollapse */ XPickerMonthComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerMonthComponent, deps: [{ token: i0.Renderer2 }, { token: i1.DatePipe }, { token: i1.LowerCasePipe }, { token: i0.ChangeDetectorRef }, { token: i2.XConfigService }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPickerMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XPickerMonthComponent, selector: "x-picker-month", providers: [DatePipe, LowerCasePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-month\" [class.x-date-picker-monthtemp]=\"monthTemp\">\r\n  <div class=\"x-picker-month-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n    <div class=\"x-picker-month-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-month-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let months of dates\">\r\n        <ng-container *ngFor=\"let month of months; trackBy: trackByMonth\">\r\n          <td\r\n            [class.x-date-last-or-next]=\"(month | date: 'yyyy') !== (display | date: 'yyyy')\"\r\n            [class.x-date-now]=\"(month | date: 'yyyyMM') === (now | date: 'yyyyMM')\"\r\n            (click)=\"monthTemp && monthClick(month)\"\r\n          >\r\n            <x-button\r\n              *ngIf=\"!monthTemp\"\r\n              type=\"text\"\r\n              title=\"{{ month | date: 'yyyy-MM' }}\"\r\n              [activated]=\"(month | date: 'yyyyMM') === (model | date: 'yyyyMM')\"\r\n              (click)=\"monthClick(month)\"\r\n              >{{ getLocaleMonth(month) }}</x-button\r\n            >\r\n            <ng-container *ngIf=\"monthTemp\">\r\n              <ng-container *ngTemplateOutlet=\"monthTemp; context: { date$: month }\"></ng-container>\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-month{margin:0;padding:0}.x-picker-month-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-month-year-month{flex:1;text-align:center}.x-picker-month-body{padding:.5rem}.x-picker-month-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-month-body>table td{padding:.125rem 0;text-align:center}.x-picker-month-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-month-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-month-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-month-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerMonthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-picker-month', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe, LowerCasePipe], template: "<div class=\"x-picker-month\" [class.x-date-picker-monthtemp]=\"monthTemp\">\r\n  <div class=\"x-picker-month-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYear(-1)\"></x-button>\r\n    <div class=\"x-picker-month-year-month\">\r\n      <x-button type=\"text\" size=\"small\" (click)=\"typeOnChange('year')\">{{ display | date: 'yyyy' }}{{ locale.year }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYear(1)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-month-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let months of dates\">\r\n        <ng-container *ngFor=\"let month of months; trackBy: trackByMonth\">\r\n          <td\r\n            [class.x-date-last-or-next]=\"(month | date: 'yyyy') !== (display | date: 'yyyy')\"\r\n            [class.x-date-now]=\"(month | date: 'yyyyMM') === (now | date: 'yyyyMM')\"\r\n            (click)=\"monthTemp && monthClick(month)\"\r\n          >\r\n            <x-button\r\n              *ngIf=\"!monthTemp\"\r\n              type=\"text\"\r\n              title=\"{{ month | date: 'yyyy-MM' }}\"\r\n              [activated]=\"(month | date: 'yyyyMM') === (model | date: 'yyyyMM')\"\r\n              (click)=\"monthClick(month)\"\r\n              >{{ getLocaleMonth(month) }}</x-button\r\n            >\r\n            <ng-container *ngIf=\"monthTemp\">\r\n              <ng-container *ngTemplateOutlet=\"monthTemp; context: { date$: month }\"></ng-container>\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-month{margin:0;padding:0}.x-picker-month-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-month-year-month{flex:1;text-align:center}.x-picker-month-body{padding:.5rem}.x-picker-month-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-month-body>table td{padding:.125rem 0;text-align:center}.x-picker-month-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-month-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-month-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-month-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-month-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.DatePipe }, { type: i1.LowerCasePipe }, { type: i0.ChangeDetectorRef }, { type: i2.XConfigService }, { type: i3.XI18nService }]; } });

package/esm2020/date-picker/picker-year.component.mjs CHANGED Viewed

@@ -61,9 +61,9 @@ export class XPickerYearComponent extends XPickerYearProperty {
         return item;
     }
 }
-/** @nocollapse */ XPickerYearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerYearComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.DatePipe }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPickerYearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XPickerYearComponent, selector: "x-picker-year", providers: [DatePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-year\">\r\n  <div class=\"x-picker-year-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYears(-10)\"></x-button>\r\n    <div class=\"x-date-picker-portal-year-month\">\r\n      <x-button type=\"text\" size=\"small\">{{ start }}</x-button> -\r\n      <x-button type=\"text\" size=\"small\">{{ end }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYears(10)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-year-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let years of dates\">\r\n        <ng-container *ngFor=\"let year of years; trackBy: trackByYear\">\r\n          <td [class.x-date-last-or-next]=\"lastOrNext(year)\" [class.x-date-now]=\"equalYear(year, now)\">\r\n            <x-button type=\"text\" [activated]=\"equalYear(year, now)\" (click)=\"yearClick(year)\">{{ year | date: 'yyyy' }}</x-button>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-year{margin:0;padding:0}.x-picker-year-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-year-year-month{flex:1;text-align:center}.x-picker-year-body{padding:.5rem}.x-picker-year-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-year-body>table td{padding:.125rem 0;text-align:center}.x-picker-year-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-year-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-year-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-year-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XPickerYearComponent, decorators: [{
+/** @nocollapse */ XPickerYearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerYearComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.DatePipe }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPickerYearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XPickerYearComponent, selector: "x-picker-year", providers: [DatePipe], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-picker-year\">\r\n  <div class=\"x-picker-year-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYears(-10)\"></x-button>\r\n    <div class=\"x-date-picker-portal-year-month\">\r\n      <x-button type=\"text\" size=\"small\">{{ start }}</x-button> -\r\n      <x-button type=\"text\" size=\"small\">{{ end }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYears(10)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-year-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let years of dates\">\r\n        <ng-container *ngFor=\"let year of years; trackBy: trackByYear\">\r\n          <td [class.x-date-last-or-next]=\"lastOrNext(year)\" [class.x-date-now]=\"equalYear(year, now)\">\r\n            <x-button type=\"text\" [activated]=\"equalYear(year, now)\" (click)=\"yearClick(year)\">{{ year | date: 'yyyy' }}</x-button>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-year{margin:0;padding:0}.x-picker-year-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-year-year-month{flex:1;text-align:center}.x-picker-year-body{padding:.5rem}.x-picker-year-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-year-body>table td{padding:.125rem 0;text-align:center}.x-picker-year-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-year-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-year-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-year-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XPickerYearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-picker-year', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe], template: "<div class=\"x-picker-year\">\r\n  <div class=\"x-picker-year-header\" *ngIf=\"showHeader\">\r\n    <x-button icon=\"fto-chevron-left\" size=\"small\" onlyIcon (click)=\"nextYears(-10)\"></x-button>\r\n    <div class=\"x-date-picker-portal-year-month\">\r\n      <x-button type=\"text\" size=\"small\">{{ start }}</x-button> -\r\n      <x-button type=\"text\" size=\"small\">{{ end }}</x-button>\r\n    </div>\r\n    <x-button icon=\"fto-chevron-right\" size=\"small\" onlyIcon (click)=\"nextYears(10)\"></x-button>\r\n  </div>\r\n  <div class=\"x-picker-year-body\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <tr *ngFor=\"let years of dates\">\r\n        <ng-container *ngFor=\"let year of years; trackBy: trackByYear\">\r\n          <td [class.x-date-last-or-next]=\"lastOrNext(year)\" [class.x-date-now]=\"equalYear(year, now)\">\r\n            <x-button type=\"text\" [activated]=\"equalYear(year, now)\" (click)=\"yearClick(year)\">{{ year | date: 'yyyy' }}</x-button>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n    </table>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-picker-year{margin:0;padding:0}.x-picker-year-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:var(--x-border-width) solid var(--x-border)}.x-picker-year-year-month{flex:1;text-align:center}.x-picker-year-body{padding:.5rem}.x-picker-year-body>table{width:100%;border-collapse:collapse;border-spacing:0}.x-picker-year-body>table td{padding:.125rem 0;text-align:center}.x-picker-year-body>table td x-button .x-button{width:3.5rem;height:3.25rem;margin:0 auto;border:.0625rem solid transparent}.x-picker-year-body>table td x-button .x-button:hover{background-color:var(--x-primary-900)}.x-picker-year-body>table td x-button .x-button-activated{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td x-button .x-button-activated:hover{color:var(--x-background-100);background-color:var(--x-primary)}.x-picker-year-body>table td.x-date-last-or-next x-button .x-button{color:var(--x-text-700)}.x-picker-year-body>table td.x-date-now x-button .x-button:not(.x-button-activated){color:var(--x-primary);background-color:transparent;border-color:var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.DatePipe }, { type: i2.XConfigService }]; } });

package/esm2020/description/description-item.component.mjs CHANGED Viewed

@@ -6,13 +6,13 @@ export class XDescriptionItemComponent extends XDescriptionItemProperty {
         super();
     }
 }
-/** @nocollapse */ XDescriptionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDescriptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDescriptionItemComponent, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+/** @nocollapse */ XDescriptionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDescriptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDescriptionItemComponent, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
   `, isInline: true, styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:-1px;margin-top:-1px}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDescriptionItemPrefix}`, template: `
     <ng-template>

package/esm2020/description/description.component.mjs CHANGED Viewed

@@ -52,9 +52,9 @@ export class XDescriptionComponent extends XDescriptionProperty {
         this.gridTemplateColumns = gridTemplateColumns.join(' ');
     }
 }
-/** @nocollapse */ XDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDescriptionComponent, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered\" [ngClass]=\"classMap\">\r\n  <div class=\"x-description-header\" *ngIf=\"title\">\r\n    <div class=\"x-description-title\" *xOutlet=\"title\">\r\n      {{ title }}\r\n    </div>\r\n  </div>\r\n  <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumns\">\r\n    <div\r\n      *ngFor=\"let item of items; index as i\"\r\n      class=\"x-description-item\"\r\n      [style.grid-area]=\"item.gridArea ? item.gridArea : '1 / ' + (i + 1)\"\r\n      [class.x-description-item-heading]=\"item.heading\"\r\n      [ngClass]=\"setFlex(item)\"\r\n    >\r\n      <div class=\"x-description-item-label\">\r\n        <ng-container *xOutlet=\"item.label\">{{ item.label }}</ng-container>\r\n      </div>\r\n      <div class=\"x-description-item-content\">\r\n        <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:-1px;margin-top:-1px}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionComponent, decorators: [{
+/** @nocollapse */ XDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDescriptionComponent, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered\" [ngClass]=\"classMap\">\r\n  <div class=\"x-description-header\" *ngIf=\"title\">\r\n    <div class=\"x-description-title\" *xOutlet=\"title\">\r\n      {{ title }}\r\n    </div>\r\n  </div>\r\n  <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumns\">\r\n    <div\r\n      *ngFor=\"let item of items; index as i\"\r\n      class=\"x-description-item\"\r\n      [style.grid-area]=\"item.gridArea ? item.gridArea : '1 / ' + (i + 1)\"\r\n      [class.x-description-item-heading]=\"item.heading\"\r\n      [ngClass]=\"setFlex(item)\"\r\n    >\r\n      <div class=\"x-description-item-label\">\r\n        <ng-container *xOutlet=\"item.label\">{{ item.label }}</ng-container>\r\n      </div>\r\n      <div class=\"x-description-item-content\">\r\n        <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:-1px;margin-top:-1px}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDescriptionPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered\" [ngClass]=\"classMap\">\r\n  <div class=\"x-description-header\" *ngIf=\"title\">\r\n    <div class=\"x-description-title\" *xOutlet=\"title\">\r\n      {{ title }}\r\n    </div>\r\n  </div>\r\n  <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumns\">\r\n    <div\r\n      *ngFor=\"let item of items; index as i\"\r\n      class=\"x-description-item\"\r\n      [style.grid-area]=\"item.gridArea ? item.gridArea : '1 / ' + (i + 1)\"\r\n      [class.x-description-item-heading]=\"item.heading\"\r\n      [ngClass]=\"setFlex(item)\"\r\n    >\r\n      <div class=\"x-description-item-label\">\r\n        <ng-container *xOutlet=\"item.label\">{{ item.label }}</ng-container>\r\n      </div>\r\n      <div class=\"x-description-item-content\">\r\n        <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:-1px;margin-top:-1px}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }]; }, propDecorators: { items: [{

package/esm2020/description/description.module.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ import { XDescriptionItemProperty, XDescriptionProperty } from './description.pr
 import * as i0 from "@angular/core";
 export class XDescriptionModule {
 }
-/** @nocollapse */ XDescriptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XDescriptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionModule, declarations: [XDescriptionComponent, XDescriptionProperty, XDescriptionItemComponent, XDescriptionItemProperty], imports: [CommonModule, XOutletModule], exports: [XDescriptionComponent, XDescriptionItemComponent] });
-/** @nocollapse */ XDescriptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionModule, imports: [CommonModule, XOutletModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionModule, decorators: [{
+/** @nocollapse */ XDescriptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XDescriptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionModule, declarations: [XDescriptionComponent, XDescriptionProperty, XDescriptionItemComponent, XDescriptionItemProperty], imports: [CommonModule, XOutletModule], exports: [XDescriptionComponent, XDescriptionItemComponent] });
+/** @nocollapse */ XDescriptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionModule, imports: [CommonModule, XOutletModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDescriptionComponent, XDescriptionProperty, XDescriptionItemComponent, XDescriptionItemProperty],

package/esm2020/description/description.property.mjs CHANGED Viewed

@@ -14,8 +14,8 @@ const X_CONFIG_NAME = 'description';
  */
 export class XDescriptionProperty extends XProperty {
 }
-/** @nocollapse */ XDescriptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDescriptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDescriptionProperty, selector: "ng-component", inputs: { title: "title", bordered: "bordered", gridTemplateColumns: "gridTemplateColumns", size: "size" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDescriptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDescriptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDescriptionProperty, selector: "ng-component", inputs: { title: "title", bordered: "bordered", gridTemplateColumns: "gridTemplateColumns", size: "size" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
@@ -23,7 +23,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'medium')
 ], XDescriptionProperty.prototype, "size", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { title: [{
@@ -68,12 +68,12 @@ export class XDescriptionItemProperty {
         this.heading = false;
     }
 }
-/** @nocollapse */ XDescriptionItemProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDescriptionItemProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDescriptionItemProperty, selector: "ng-component", inputs: { gridArea: "gridArea", label: "label", justify: "justify", align: "align", direction: "direction", width: "width", flex: "flex", heading: "heading" }, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDescriptionItemProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDescriptionItemProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDescriptionItemProperty, selector: "ng-component", inputs: { gridArea: "gridArea", label: "label", justify: "justify", align: "align", direction: "direction", width: "width", flex: "flex", heading: "heading" }, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XDescriptionItemProperty.prototype, "heading", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { gridArea: [{

package/esm2020/dialog/dialog-container.component.mjs CHANGED Viewed

@@ -7,21 +7,21 @@ export class XDialogContainerComponent extends XDialogContainerProperty {
         this._has = true;
     }
 }
-/** @nocollapse */ XDialogContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDialogContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDialogContainerComponent, selector: "x-dialog-container", host: { properties: { "class.x-dialog-container": "this._has" } }, providers: [
+/** @nocollapse */ XDialogContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDialogContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDialogContainerComponent, selector: "x-dialog-container", host: { properties: { "class.x-dialog-container": "this._has" } }, providers: [
         {
             provide: X_DIALOG_CONTAINER,
             useExisting: XDialogContainerComponent
         }
-    ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;background:rgba(0,0,0,.32)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogContainerComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;background:rgba(0,0,0,.32)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: X_DIALOG_CONTAINER,
                             useExisting: XDialogContainerComponent
                         }
-                    ], template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;background:rgba(0,0,0,.32)}\n"] }]
+                    ], template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;background:rgba(0,0,0,.32)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { _has: [{
                 type: HostBinding,
                 args: ['class.x-dialog-container']

package/esm2020/dialog/dialog-portal.component.mjs CHANGED Viewed

@@ -67,9 +67,9 @@ export class XDialogPortalComponent extends BasePortalOutlet {
         this.distance = { x: this.distance.x + event.distance.x, y: this.distance.y + event.distance.y };
     }
 }
-/** @nocollapse */ XDialogPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogPortalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDialogPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDialogPortalComponent, selector: "x-dialog-portal", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.placement" } }, queries: [{ propertyName: "handles", predicate: CdkDragHandle, descendants: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i3.XResizableDirective, selector: "[xResizable]" }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogPortalComponent, decorators: [{
+/** @nocollapse */ XDialogPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogPortalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDialogPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDialogPortalComponent, selector: "x-dialog-portal", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.placement" } }, queries: [{ propertyName: "handles", predicate: CdkDragHandle, descendants: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i3.XResizableDirective, selector: "[xResizable]" }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-dialog-portal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { placement: [{

package/esm2020/dialog/dialog-portal.directives.mjs CHANGED Viewed

@@ -9,9 +9,9 @@ export class XDialogCloseDirective {
         this.dialogRef && this.dialogRef.close();
     }
 }
-/** @nocollapse */ XDialogCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogCloseDirective, deps: [{ token: i1.XDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogCloseDirective, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogCloseDirective, decorators: [{
+/** @nocollapse */ XDialogCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogCloseDirective, deps: [{ token: i1.XDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogCloseDirective, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-close]`
@@ -27,9 +27,9 @@ export class XDialogTitleDirective {
         this._has = true;
     }
 }
-/** @nocollapse */ XDialogTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogTitleDirective, selector: "[x-dialog-title]", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogTitleDirective, decorators: [{
+/** @nocollapse */ XDialogTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogTitleDirective, selector: "[x-dialog-title]", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-title]`
@@ -43,9 +43,9 @@ export class XDialogContentDirective {
         this._has = true;
     }
 }
-/** @nocollapse */ XDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogContentDirective, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogContentDirective, decorators: [{
+/** @nocollapse */ XDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogContentDirective, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-content], x-dialog-content`
@@ -59,9 +59,9 @@ export class XDialogActionsDirective {
         this._has = true;
     }
 }
-/** @nocollapse */ XDialogActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogActionsDirective, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogActionsDirective, decorators: [{
+/** @nocollapse */ XDialogActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogActionsDirective, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-actions], x-dialog-actions`
@@ -82,9 +82,9 @@ export class XDialogDragHandleDirective {
         this.dialogRef.dragHandleRefs.push(this.elementRef);
     }
 }
-/** @nocollapse */ XDialogDragHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogDragHandleDirective, deps: [{ token: i1.XDialogRef, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogDragHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogDragHandleDirective, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
+/** @nocollapse */ XDialogDragHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogDragHandleDirective, deps: [{ token: i1.XDialogRef, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogDragHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogDragHandleDirective, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-drag-handle], x-dialog-drag-handle`
@@ -103,9 +103,9 @@ export class XDialogFullscreenDirective {
         this.dialogRef && this.dialogRef.onFullscreen();
     }
 }
-/** @nocollapse */ XDialogFullscreenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogFullscreenDirective, deps: [{ token: i1.XDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XDialogFullscreenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XDialogFullscreenDirective, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
+/** @nocollapse */ XDialogFullscreenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogFullscreenDirective, deps: [{ token: i1.XDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XDialogFullscreenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: XDialogFullscreenDirective, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-fullscreen], x-dialog-fullscreen`

package/esm2020/dialog/dialog.component.mjs CHANGED Viewed

@@ -281,9 +281,9 @@ export class XDialogComponent extends XDialogProperty {
         }
     }
 }
-/** @nocollapse */ XDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i3.XI18nService }, { token: i4.XConfigService }, { token: X_DIALOG_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XDialogComponent, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  <div class=\"x-dialog-backdrop\" *ngIf=\"container && hasBackdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  <ng-container *ngIf=\"maximize || resizable\">\r\n    <x-button size=\"small\" [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\" [onlyIcon]=\"true\" (click)=\"onSize()\"></x-button>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"container && visible\">\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n</ng-container>\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:-moz-fit-content;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.XButtonComponent, selector: "x-button" }, { kind: "component", type: i6.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i7.XAlertComponent, selector: "x-alert" }, { kind: "directive", type: i8.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XDialogComponent, decorators: [{
+/** @nocollapse */ XDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i3.XI18nService }, { token: i4.XConfigService }, { token: X_DIALOG_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XDialogComponent, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  <div class=\"x-dialog-backdrop\" *ngIf=\"container && hasBackdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  <ng-container *ngIf=\"maximize || resizable\">\r\n    <x-button size=\"small\" [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\" [onlyIcon]=\"true\" (click)=\"onSize()\"></x-button>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"container && visible\">\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n</ng-container>\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:-moz-fit-content;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.XButtonComponent, selector: "x-button" }, { kind: "component", type: i6.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i7.XAlertComponent, selector: "x-alert" }, { kind: "directive", type: i8.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDialogPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation, XOpacityAnimation], template: "<ng-template #dialogTpl>\r\n  <div class=\"x-dialog-backdrop\" *ngIf=\"container && hasBackdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        <x-buttons space=\"1\" *ngIf=\"showCancel || showConfirm\">\r\n          <x-button *ngIf=\"showCancel\" (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n          <x-button *ngIf=\"showConfirm\" type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n        </x-buttons>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  <ng-container *ngIf=\"maximize || resizable\">\r\n    <x-button size=\"small\" [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\" [onlyIcon]=\"true\" (click)=\"onSize()\"></x-button>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"container && visible\">\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n</ng-container>\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:-moz-fit-content;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.XPortalService }, { type: i2.Overlay }, { type: i3.XI18nService }, { type: i4.XConfigService }, { type: i9.XDialogContainerComponent, decorators: [{