@ng-nest/ui 13.0.7 → 13.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert.component.d.ts +2 -0
- package/alert/alert.module.d.ts +2 -1
- package/alert/alert.property.d.ts +80 -1
- package/collapse/collapse.property.d.ts +31 -1
- package/collapse/examples/en_US/default/arrow/README.md +6 -0
- package/collapse/examples/en_US/default/border/README.md +6 -0
- package/collapse/examples/en_US/default/ghost/README.md +6 -0
- package/collapse/examples/en_US/default/icon/README.md +6 -0
- package/collapse/examples/zh_CN/default/arrow/README.md +6 -0
- package/collapse/examples/zh_CN/default/border/README.md +6 -0
- package/collapse/examples/zh_CN/default/ghost/README.md +6 -0
- package/collapse/examples/zh_CN/default/icon/README.md +6 -0
- package/core/animation/connect.d.ts +1 -0
- package/core/config/config.d.ts +10 -0
- package/dialog/dialog.component.d.ts +25 -2
- package/dialog/dialog.module.d.ts +2 -1
- package/dialog/dialog.property.d.ts +27 -9
- package/dialog/dialog.service.d.ts +4 -2
- package/dialog/examples/zh_CN/default/resizable/README.md +6 -0
- 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 +12 -8
- package/esm2020/alert/alert.module.mjs +7 -6
- package/esm2020/alert/alert.property.mjs +58 -4
- package/esm2020/anchor/anchor.component.mjs +3 -3
- 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.component.mjs +3 -3
- package/esm2020/avatar/avatar.module.mjs +4 -4
- package/esm2020/avatar/avatar.property.mjs +3 -3
- package/esm2020/back-top/back-top.component.mjs +7 -5
- 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 +3 -3
- 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 +6 -5
- package/esm2020/collapse/collapse.component.mjs +5 -5
- package/esm2020/collapse/collapse.module.mjs +4 -4
- package/esm2020/collapse/collapse.property.mjs +34 -8
- 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 +3 -3
- 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/animation/connect.mjs +17 -9
- package/esm2020/core/config/config.mjs +1 -1
- 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-portal.component.mjs +3 -3
- package/esm2020/dialog/dialog-portal.directives.mjs +12 -12
- package/esm2020/dialog/dialog.component.mjs +134 -15
- package/esm2020/dialog/dialog.module.mjs +12 -8
- package/esm2020/dialog/dialog.property.mjs +26 -4
- package/esm2020/dialog/dialog.service.mjs +18 -10
- package/esm2020/doc/doc.component.mjs +3 -3
- package/esm2020/doc/doc.module.mjs +4 -4
- package/esm2020/drawer/drawer-container.component.mjs +3 -3
- 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 +8 -5
- 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 +3 -3
- 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/index.mjs +3 -1
- 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 +14 -5
- 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/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-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 +3 -3
- 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 +3 -3
- 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 +7 -5
- 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 +7 -5
- package/esm2020/notification/notification.component.mjs +3 -3
- package/esm2020/notification/notification.module.mjs +4 -4
- package/esm2020/notification/notification.service.mjs +7 -5
- 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 +10 -5
- 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 +16 -8
- package/esm2020/popover/popover.module.mjs +4 -4
- package/esm2020/popover/popover.property.mjs +18 -4
- package/esm2020/portal/portal.module.mjs +4 -4
- package/esm2020/portal/portal.property.mjs +2 -1
- package/esm2020/portal/portal.service.mjs +62 -8
- 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 +3 -3
- 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/ng-nest-ui-resizable.mjs +5 -0
- package/esm2020/resizable/public-api.mjs +4 -0
- package/esm2020/resizable/resizable.directive.mjs +226 -0
- package/esm2020/resizable/resizable.module.mjs +18 -0
- package/esm2020/resizable/resizable.property.mjs +94 -0
- 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 +3 -3
- package/esm2020/skeleton/skeleton.module.mjs +4 -4
- package/esm2020/skeleton/skeleton.property.mjs +3 -3
- package/esm2020/slider/slider.component.mjs +7 -5
- package/esm2020/slider/slider.module.mjs +4 -4
- package/esm2020/slider/slider.property.mjs +4 -4
- package/esm2020/slider-select/slider-select.component.mjs +3 -3
- 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 +6 -6
- package/esm2020/table/table-foot.component.mjs +3 -3
- package/esm2020/table/table-head.component.mjs +3 -3
- package/esm2020/table/table.component.mjs +11 -7
- package/esm2020/table/table.module.mjs +4 -4
- package/esm2020/table/table.property.mjs +30 -13
- package/esm2020/tabs/tab-content.component.mjs +3 -3
- package/esm2020/tabs/tab.component.mjs +3 -3
- package/esm2020/tabs/tabs.component.mjs +6 -6
- package/esm2020/tabs/tabs.module.mjs +4 -4
- package/esm2020/tabs/tabs.property.mjs +12 -7
- package/esm2020/tag/tag.component.mjs +35 -9
- package/esm2020/tag/tag.module.mjs +4 -4
- package/esm2020/tag/tag.property.mjs +20 -4
- 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 +3 -3
- 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 +3 -3
- 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 +22 -5
- package/esm2020/timeline/timeline.module.mjs +4 -4
- package/esm2020/timeline/timeline.property.mjs +4 -4
- package/esm2020/tooltip/tooltip-portal.component.mjs +3 -3
- package/esm2020/tooltip/tooltip.directive.mjs +15 -7
- package/esm2020/tooltip/tooltip.module.mjs +4 -4
- package/esm2020/tooltip/tooltip.property.mjs +20 -4
- package/esm2020/transfer/transfer.component.mjs +3 -3
- 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 +3 -3
- package/esm2020/tree-file/tree-file.module.mjs +4 -4
- package/esm2020/tree-file/tree-file.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 +3 -3
- 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/fesm2015/ng-nest-ui-affix.mjs +10 -10
- package/fesm2015/ng-nest-ui-affix.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-alert.mjs +74 -15
- package/fesm2015/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-anchor.mjs +10 -10
- package/fesm2015/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-api.mjs +7 -7
- package/fesm2015/ng-nest-ui-api.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-auto-complete.mjs +13 -13
- package/fesm2015/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-avatar.mjs +10 -10
- package/fesm2015/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-back-top.mjs +13 -11
- package/fesm2015/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-badge.mjs +10 -10
- package/fesm2015/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-base-form.mjs +10 -10
- package/fesm2015/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-border.mjs +7 -7
- package/fesm2015/ng-nest-ui-border.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-button.mjs +16 -16
- package/fesm2015/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-calendar.mjs +10 -10
- package/fesm2015/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-card.mjs +10 -10
- package/fesm2015/ng-nest-ui-card.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-carousel.mjs +16 -16
- package/fesm2015/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-cascade.mjs +13 -13
- package/fesm2015/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-checkbox.mjs +10 -10
- package/fesm2015/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-collapse.mjs +46 -19
- package/fesm2015/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-color-picker.mjs +13 -13
- 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-color.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-comment.mjs +16 -16
- package/fesm2015/ng-nest-ui-comment.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-container.mjs +31 -31
- package/fesm2015/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-core.mjs +32 -24
- package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-crumb.mjs +10 -10
- package/fesm2015/ng-nest-ui-crumb.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-date-picker.mjs +40 -40
- package/fesm2015/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-description.mjs +16 -16
- package/fesm2015/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-dialog.mjs +205 -51
- package/fesm2015/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-doc.mjs +7 -7
- package/fesm2015/ng-nest-ui-doc.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-drawer.mjs +31 -31
- package/fesm2015/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-dropdown.mjs +17 -14
- package/fesm2015/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-empty.mjs +10 -10
- package/fesm2015/ng-nest-ui-empty.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-examples.mjs +7 -7
- package/fesm2015/ng-nest-ui-examples.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-find.mjs +10 -10
- package/fesm2015/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-form.mjs +16 -16
- package/fesm2015/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-highlight.mjs +10 -10
- package/fesm2015/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-i18n.mjs +13 -13
- package/fesm2015/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-icon.mjs +13 -13
- package/fesm2015/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-inner.mjs +10 -10
- package/fesm2015/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-input-number.mjs +10 -10
- package/fesm2015/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-input.mjs +26 -17
- package/fesm2015/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-layout.mjs +16 -16
- package/fesm2015/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-link.mjs +10 -10
- package/fesm2015/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-list.mjs +16 -16
- package/fesm2015/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-loading.mjs +10 -10
- 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 +13 -11
- package/fesm2015/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-message.mjs +13 -11
- package/fesm2015/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-notification.mjs +13 -11
- package/fesm2015/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-outlet.mjs +7 -7
- package/fesm2015/ng-nest-ui-outlet.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-page-header.mjs +10 -10
- package/fesm2015/ng-nest-ui-page-header.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-pagination.mjs +17 -12
- package/fesm2015/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-pattern.mjs +7 -7
- package/fesm2015/ng-nest-ui-pattern.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-popconfirm.mjs +10 -10
- package/fesm2015/ng-nest-ui-popconfirm.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-popover.mjs +39 -17
- package/fesm2015/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-portal.mjs +67 -12
- package/fesm2015/ng-nest-ui-portal.mjs.map +1 -1
- 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 +10 -10
- package/fesm2015/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-rate.mjs +10 -10
- package/fesm2015/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-resizable.mjs +335 -0
- package/fesm2015/ng-nest-ui-resizable.mjs.map +1 -0
- package/fesm2015/ng-nest-ui-result.mjs +10 -10
- package/fesm2015/ng-nest-ui-result.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-ripple.mjs +10 -10
- package/fesm2015/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-select.mjs +13 -13
- package/fesm2015/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-skeleton.mjs +10 -10
- package/fesm2015/ng-nest-ui-skeleton.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-slider-select.mjs +10 -10
- package/fesm2015/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-slider.mjs +13 -11
- package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-statistic.mjs +16 -16
- package/fesm2015/ng-nest-ui-statistic.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-steps.mjs +10 -10
- package/fesm2015/ng-nest-ui-steps.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-switch.mjs +10 -10
- package/fesm2015/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-table.mjs +57 -36
- package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tabs.mjs +26 -21
- package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tag.mjs +57 -15
- package/fesm2015/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-text-retract.mjs +10 -10
- package/fesm2015/ng-nest-ui-text-retract.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-textarea.mjs +10 -10
- package/fesm2015/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-theme.mjs +10 -10
- 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-ago.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-time-picker.mjs +16 -16
- 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-time-range.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-timeline.mjs +28 -11
- package/fesm2015/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tooltip.mjs +40 -16
- package/fesm2015/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-transfer.mjs +10 -10
- 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.mjs +16 -16
- package/fesm2015/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-typography.mjs +10 -10
- package/fesm2015/ng-nest-ui-typography.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-upload.mjs +13 -13
- package/fesm2015/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2015/ng-nest-ui.mjs +2 -0
- package/fesm2015/ng-nest-ui.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-affix.mjs +10 -10
- package/fesm2020/ng-nest-ui-affix.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-alert.mjs +74 -15
- package/fesm2020/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-anchor.mjs +10 -10
- package/fesm2020/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-api.mjs +7 -7
- package/fesm2020/ng-nest-ui-api.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-auto-complete.mjs +13 -13
- package/fesm2020/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-avatar.mjs +10 -10
- package/fesm2020/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-back-top.mjs +13 -11
- package/fesm2020/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-badge.mjs +10 -10
- package/fesm2020/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-base-form.mjs +10 -10
- package/fesm2020/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-border.mjs +7 -7
- package/fesm2020/ng-nest-ui-border.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-button.mjs +16 -16
- package/fesm2020/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-calendar.mjs +10 -10
- package/fesm2020/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-card.mjs +10 -10
- package/fesm2020/ng-nest-ui-card.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-carousel.mjs +16 -16
- package/fesm2020/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-cascade.mjs +13 -13
- package/fesm2020/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-checkbox.mjs +10 -10
- package/fesm2020/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-collapse.mjs +46 -19
- package/fesm2020/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-color-picker.mjs +13 -13
- 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-color.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-comment.mjs +16 -16
- package/fesm2020/ng-nest-ui-comment.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-container.mjs +31 -31
- package/fesm2020/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-core.mjs +32 -24
- package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-crumb.mjs +10 -10
- package/fesm2020/ng-nest-ui-crumb.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-date-picker.mjs +40 -40
- package/fesm2020/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-description.mjs +16 -16
- package/fesm2020/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-dialog.mjs +202 -51
- package/fesm2020/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-doc.mjs +7 -7
- package/fesm2020/ng-nest-ui-doc.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-drawer.mjs +31 -31
- package/fesm2020/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-dropdown.mjs +17 -14
- package/fesm2020/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-empty.mjs +10 -10
- package/fesm2020/ng-nest-ui-empty.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-examples.mjs +7 -7
- package/fesm2020/ng-nest-ui-examples.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-find.mjs +10 -10
- package/fesm2020/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-form.mjs +16 -16
- package/fesm2020/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-highlight.mjs +10 -10
- package/fesm2020/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-i18n.mjs +13 -13
- package/fesm2020/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-icon.mjs +13 -13
- package/fesm2020/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-inner.mjs +10 -10
- package/fesm2020/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-input-number.mjs +10 -10
- package/fesm2020/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-input.mjs +26 -17
- package/fesm2020/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-layout.mjs +16 -16
- package/fesm2020/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-link.mjs +10 -10
- package/fesm2020/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-list.mjs +16 -16
- package/fesm2020/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-loading.mjs +10 -10
- 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 +13 -11
- package/fesm2020/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-message.mjs +13 -11
- package/fesm2020/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-notification.mjs +13 -11
- package/fesm2020/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-outlet.mjs +7 -7
- package/fesm2020/ng-nest-ui-outlet.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-page-header.mjs +10 -10
- package/fesm2020/ng-nest-ui-page-header.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-pagination.mjs +17 -12
- package/fesm2020/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-pattern.mjs +7 -7
- package/fesm2020/ng-nest-ui-pattern.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-popconfirm.mjs +10 -10
- package/fesm2020/ng-nest-ui-popconfirm.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-popover.mjs +39 -17
- package/fesm2020/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-portal.mjs +67 -12
- package/fesm2020/ng-nest-ui-portal.mjs.map +1 -1
- 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 +10 -10
- package/fesm2020/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-rate.mjs +10 -10
- package/fesm2020/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-resizable.mjs +337 -0
- package/fesm2020/ng-nest-ui-resizable.mjs.map +1 -0
- package/fesm2020/ng-nest-ui-result.mjs +10 -10
- package/fesm2020/ng-nest-ui-result.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-ripple.mjs +10 -10
- package/fesm2020/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-select.mjs +13 -13
- package/fesm2020/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-skeleton.mjs +10 -10
- package/fesm2020/ng-nest-ui-skeleton.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-slider-select.mjs +10 -10
- package/fesm2020/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-slider.mjs +13 -11
- package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-statistic.mjs +16 -16
- package/fesm2020/ng-nest-ui-statistic.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-steps.mjs +10 -10
- package/fesm2020/ng-nest-ui-steps.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-switch.mjs +10 -10
- package/fesm2020/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-table.mjs +57 -36
- package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tabs.mjs +26 -21
- package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tag.mjs +57 -15
- package/fesm2020/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-text-retract.mjs +10 -10
- package/fesm2020/ng-nest-ui-text-retract.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-textarea.mjs +10 -10
- package/fesm2020/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-theme.mjs +10 -10
- 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-ago.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-time-picker.mjs +16 -16
- 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-time-range.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-timeline.mjs +28 -11
- package/fesm2020/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tooltip.mjs +40 -16
- package/fesm2020/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-transfer.mjs +10 -10
- 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.mjs +16 -16
- package/fesm2020/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-typography.mjs +10 -10
- package/fesm2020/ng-nest-ui-typography.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-upload.mjs +13 -13
- package/fesm2020/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2020/ng-nest-ui.mjs +2 -0
- package/fesm2020/ng-nest-ui.mjs.map +1 -1
- package/index.d.ts +2 -0
- package/package.json +9 -1
- package/pagination/pagination.property.d.ts +5 -0
- package/popover/popover.directive.d.ts +1 -0
- package/popover/popover.property.d.ts +11 -1
- package/portal/portal.property.d.ts +1 -0
- package/portal/portal.service.d.ts +11 -3
- package/resizable/ng-nest-ui-resizable.d.ts +5 -0
- package/resizable/package.json +10 -0
- package/resizable/public-api.d.ts +3 -0
- package/resizable/resizable.directive.d.ts +57 -0
- package/resizable/resizable.module.d.ts +8 -0
- package/resizable/resizable.property.d.ts +92 -0
- package/slider/slider.property.d.ts +5 -0
- package/style/core/cdk.scss +3 -0
- package/style/core/index.css +185 -0
- package/style/core/index.css.map +1 -1
- package/style/core/index.scss +1 -0
- package/style/core/portal.scss +5 -0
- package/style/directives/index.scss +1 -0
- package/style/directives/resizable/index.scss +6 -0
- package/style/directives/resizable/mixin.scss +53 -0
- package/style/directives/resizable/param.scss +3 -0
- package/style/directives/ripple/mixin.scss +8 -8
- package/table/examples/en_US/default/rowclass/README.md +6 -0
- package/table/examples/zh_CN/default/rowclass/README.md +6 -0
- package/table/table.component.d.ts +1 -0
- package/table/table.property.d.ts +38 -2
- package/tabs/tabs.property.d.ts +16 -1
- package/tag/examples/en_US/default/checked/README.md +6 -0
- package/tag/examples/en_US/default/color/README.md +6 -0
- package/tag/examples/zh_CN/default/checked/README.md +6 -0
- package/tag/examples/zh_CN/default/color/README.md +6 -0
- package/tag/tag.component.d.ts +5 -0
- package/tag/tag.property.d.ts +23 -1
- package/timeline/examples/en_US/default/loading/README.md +6 -0
- package/timeline/examples/zh_CN/default/loading/README.md +6 -0
- package/timeline/timeline.component.d.ts +1 -0
- package/timeline/timeline.property.d.ts +16 -1
- package/tooltip/tooltip.directive.d.ts +1 -0
- package/tooltip/tooltip.property.d.ts +11 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
|
|
1
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, HostListener } from '@angular/core';
|
|
2
2
|
import { XTagPrefix, XTagProperty } from './tag.property';
|
|
3
|
-
import { XIsEmpty, XIsChange, XClearClass } from '@ng-nest/ui/core';
|
|
3
|
+
import { XIsEmpty, XIsChange, XClearClass, XBaseAnimation } from '@ng-nest/ui/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@ng-nest/ui/core";
|
|
6
6
|
import * as i2 from "@ng-nest/ui/icon";
|
|
@@ -12,6 +12,16 @@ export class XTagComponent extends XTagProperty {
|
|
|
12
12
|
this.elementRef = elementRef;
|
|
13
13
|
this.cdr = cdr;
|
|
14
14
|
this.configService = configService;
|
|
15
|
+
this.animation = true;
|
|
16
|
+
this.animating = false;
|
|
17
|
+
}
|
|
18
|
+
done() {
|
|
19
|
+
// this.animating(false);
|
|
20
|
+
this.animating = false;
|
|
21
|
+
// event.toState === 'void' && this.destroyPortal();
|
|
22
|
+
}
|
|
23
|
+
start() {
|
|
24
|
+
this.animating = true;
|
|
15
25
|
}
|
|
16
26
|
ngOnInit() {
|
|
17
27
|
this.setClassMap();
|
|
@@ -25,19 +35,35 @@ export class XTagComponent extends XTagProperty {
|
|
|
25
35
|
this.classMap = {
|
|
26
36
|
[`${XTagPrefix}-${this.type}`]: !XIsEmpty(this.type),
|
|
27
37
|
[`${XTagPrefix}-${this.size}`]: !XIsEmpty(this.size),
|
|
28
|
-
[`${XTagPrefix}-dark`]: Boolean(this.dark)
|
|
38
|
+
[`${XTagPrefix}-dark`]: Boolean(this.dark),
|
|
39
|
+
[`${XTagPrefix}-checked`]: Boolean(this.checked)
|
|
29
40
|
};
|
|
30
41
|
}
|
|
42
|
+
onClick() {
|
|
43
|
+
if (!this.checked)
|
|
44
|
+
return;
|
|
45
|
+
this.selected = !this.selected;
|
|
46
|
+
this.selectedChange.emit(this.selected);
|
|
47
|
+
}
|
|
31
48
|
onClose() {
|
|
32
49
|
if (this.disabled)
|
|
33
50
|
return;
|
|
34
51
|
this.close.emit();
|
|
35
52
|
}
|
|
36
53
|
}
|
|
37
|
-
/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
38
|
-
/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
54
|
+
/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTagComponent, selector: "x-tag", host: { listeners: { "@x-base-animation.done": "done($event)", "@x-base-animation.start": "start($event)" }, properties: { "@x-base-animation": "this.animation" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap\"\r\n [style]=\"style\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-tag-bordered]=\"bordered\"\r\n [class.x-tag-selected]=\"selected\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-checked{cursor:pointer;transition:.3s}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-checked:not(.x-tag-selected):hover,.x-tag-initial.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-initial.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-checked:not(.x-tag-selected):hover,.x-tag-primary.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-primary.x-tag-selected,.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-checked:not(.x-tag-selected):hover,.x-tag-success.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-success);color:var(--x-success);background-color:\"transparent\"}.x-tag-success.x-tag-selected,.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-checked:not(.x-tag-selected):hover,.x-tag-warning.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-warning);color:var(--x-warning);background-color:\"transparent\"}.x-tag-warning.x-tag-selected,.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-checked:not(.x-tag-selected):hover,.x-tag-danger.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-danger);color:var(--x-danger);background-color:\"transparent\"}.x-tag-danger.x-tag-selected,.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-checked:not(.x-tag-selected):hover,.x-tag-info.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-info);color:var(--x-info);background-color:\"transparent\"}.x-tag-info.x-tag-selected,.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagComponent, decorators: [{
|
|
40
57
|
type: Component,
|
|
41
|
-
args: [{ selector: `${XTagPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"] }]
|
|
42
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }
|
|
43
|
-
|
|
58
|
+
args: [{ selector: `${XTagPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XBaseAnimation], template: "<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap\"\r\n [style]=\"style\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-tag-bordered]=\"bordered\"\r\n [class.x-tag-selected]=\"selected\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-checked{cursor:pointer;transition:.3s}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-checked:not(.x-tag-selected):hover,.x-tag-initial.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-initial.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-checked:not(.x-tag-selected):hover,.x-tag-primary.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-primary.x-tag-selected,.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-checked:not(.x-tag-selected):hover,.x-tag-success.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-success);color:var(--x-success);background-color:\"transparent\"}.x-tag-success.x-tag-selected,.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-checked:not(.x-tag-selected):hover,.x-tag-warning.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-warning);color:var(--x-warning);background-color:\"transparent\"}.x-tag-warning.x-tag-selected,.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-checked:not(.x-tag-selected):hover,.x-tag-danger.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-danger);color:var(--x-danger);background-color:\"transparent\"}.x-tag-danger.x-tag-selected,.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-checked:not(.x-tag-selected):hover,.x-tag-info.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-info);color:var(--x-info);background-color:\"transparent\"}.x-tag-info.x-tag-selected,.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"] }]
|
|
59
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { animation: [{
|
|
60
|
+
type: HostBinding,
|
|
61
|
+
args: ['@x-base-animation']
|
|
62
|
+
}], done: [{
|
|
63
|
+
type: HostListener,
|
|
64
|
+
args: ['@x-base-animation.done', ['$event']]
|
|
65
|
+
}], start: [{
|
|
66
|
+
type: HostListener,
|
|
67
|
+
args: ['@x-base-animation.start', ['$event']]
|
|
68
|
+
}] } });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3RhZy90YWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGFnL3RhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUlqQix1QkFBdUIsRUFFdkIsV0FBVyxFQUNYLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQWtCLFNBQVMsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBVXBHLE1BQU0sT0FBTyxhQUFjLFNBQVEsWUFBWTtJQVk3QyxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLGFBQTZCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBTEQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQWZHLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDMUQsY0FBUyxHQUFHLEtBQUssQ0FBQztJQWlCbEIsQ0FBQztJQWhCbUQsSUFBSTtRQUN0RCx5QkFBeUI7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsb0RBQW9EO0lBQ3RELENBQUM7SUFDb0QsS0FBSztRQUN4RCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBV0QsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUNyQyxTQUFTLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEQsQ0FBQztJQUVELFdBQVc7UUFDVCxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUc7WUFDZCxDQUFDLEdBQUcsVUFBVSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDcEQsQ0FBQyxHQUFHLFVBQVUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3BELENBQUMsR0FBRyxVQUFVLE9BQU8sQ0FBQyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQzFDLENBQUMsR0FBRyxVQUFVLFVBQVUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ2pELENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU87UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOztnSkFqRFUsYUFBYTtvSUFBYixhQUFhLCtQQ3ZCMUIsMldBYUEsbzJuQkRRYyxDQUFDLGNBQWMsQ0FBQzsyRkFFakIsYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxHQUFHLFVBQVUsRUFBRSxpQkFHVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsY0FBYyxDQUFDO3NMQUdhLFNBQVM7c0JBQWpELFdBQVc7dUJBQUMsbUJBQW1CO2dCQUVvQixJQUFJO3NCQUF2RCxZQUFZO3VCQUFDLHdCQUF3QixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUtHLEtBQUs7c0JBQXpELFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgUmVuZGVyZXIyLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXJcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWFRhZ1ByZWZpeCwgWFRhZ1Byb3BlcnR5IH0gZnJvbSAnLi90YWcucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYSXNFbXB0eSwgWENvbmZpZ1NlcnZpY2UsIFhJc0NoYW5nZSwgWENsZWFyQ2xhc3MsIFhCYXNlQW5pbWF0aW9uIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WFRhZ1ByZWZpeH1gLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhZy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgYW5pbWF0aW9uczogW1hCYXNlQW5pbWF0aW9uXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFRhZ0NvbXBvbmVudCBleHRlbmRzIFhUYWdQcm9wZXJ0eSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdAeC1iYXNlLWFuaW1hdGlvbicpIHB1YmxpYyBhbmltYXRpb24gPSB0cnVlO1xyXG4gIGFuaW1hdGluZyA9IGZhbHNlO1xyXG4gIEBIb3N0TGlzdGVuZXIoJ0B4LWJhc2UtYW5pbWF0aW9uLmRvbmUnLCBbJyRldmVudCddKSBkb25lKCkge1xyXG4gICAgLy8gdGhpcy5hbmltYXRpbmcoZmFsc2UpO1xyXG4gICAgdGhpcy5hbmltYXRpbmcgPSBmYWxzZTtcclxuICAgIC8vIGV2ZW50LnRvU3RhdGUgPT09ICd2b2lkJyAmJiB0aGlzLmRlc3Ryb3lQb3J0YWwoKTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtYmFzZS1hbmltYXRpb24uc3RhcnQnLCBbJyRldmVudCddKSBzdGFydCgpIHtcclxuICAgIHRoaXMuYW5pbWF0aW5nID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IHR5cGUsIHNpemUsIGRhcmsgfSA9IGNoYW5nZXM7XHJcbiAgICBYSXNDaGFuZ2UodHlwZSwgc2l6ZSwgZGFyaykgJiYgdGhpcy5zZXRDbGFzc01hcCgpO1xyXG4gIH1cclxuXHJcbiAgc2V0Q2xhc3NNYXAoKSB7XHJcbiAgICBYQ2xlYXJDbGFzcyh0aGlzLmNsYXNzTWFwKTtcclxuICAgIHRoaXMuY2xhc3NNYXAgPSB7XHJcbiAgICAgIFtgJHtYVGFnUHJlZml4fS0ke3RoaXMudHlwZX1gXTogIVhJc0VtcHR5KHRoaXMudHlwZSksXHJcbiAgICAgIFtgJHtYVGFnUHJlZml4fS0ke3RoaXMuc2l6ZX1gXTogIVhJc0VtcHR5KHRoaXMuc2l6ZSksXHJcbiAgICAgIFtgJHtYVGFnUHJlZml4fS1kYXJrYF06IEJvb2xlYW4odGhpcy5kYXJrKSxcclxuICAgICAgW2Ake1hUYWdQcmVmaXh9LWNoZWNrZWRgXTogQm9vbGVhbih0aGlzLmNoZWNrZWQpXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIGlmICghdGhpcy5jaGVja2VkKSByZXR1cm47XHJcbiAgICB0aGlzLnNlbGVjdGVkID0gIXRoaXMuc2VsZWN0ZWQ7XHJcbiAgICB0aGlzLnNlbGVjdGVkQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZCk7XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlKCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgI3RhZ1xyXG4gIGNsYXNzPVwieC10YWdcIlxyXG4gIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCJcclxuICBbc3R5bGVdPVwic3R5bGVcIlxyXG4gIFtjbGFzcy54LWRpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICBbY2xhc3MueC10YWctYm9yZGVyZWRdPVwiYm9yZGVyZWRcIlxyXG4gIFtjbGFzcy54LXRhZy1zZWxlY3RlZF09XCJzZWxlY3RlZFwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPHgtaWNvbiB0eXBlPVwiZnRvLXhcIiAqbmdJZj1cImNsb3NhYmxlXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPjwveC1pY29uPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -7,10 +7,10 @@ import { XTagProperty } from './tag.property';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class XTagModule {
|
|
9
9
|
}
|
|
10
|
-
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
11
|
-
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
12
|
-
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
10
|
+
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagModule, declarations: [XTagComponent, XTagProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XTagComponent] });
|
|
12
|
+
/** @nocollapse */ /** @nocollapse */ XTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagModule, imports: [[CommonModule, XIconModule, XOutletModule]] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [XTagComponent, XTagProperty],
|
|
@@ -25,10 +25,15 @@ export class XTagProperty extends XProperty {
|
|
|
25
25
|
* @en_US Click to close the event
|
|
26
26
|
*/
|
|
27
27
|
this.close = new EventEmitter();
|
|
28
|
+
/**
|
|
29
|
+
* @zh_CN 选中事件
|
|
30
|
+
* @en_US Selected event
|
|
31
|
+
*/
|
|
32
|
+
this.selectedChange = new EventEmitter();
|
|
28
33
|
}
|
|
29
34
|
}
|
|
30
|
-
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
31
|
-
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
35
|
+
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled", checked: "checked", selected: "selected", style: "style" }, outputs: { close: "close", selectedChange: "selectedChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
37
|
__decorate([
|
|
33
38
|
XWithConfig(X_CONFIG_NAME, 'medium')
|
|
34
39
|
], XTagProperty.prototype, "size", void 0);
|
|
@@ -47,7 +52,10 @@ __decorate([
|
|
|
47
52
|
__decorate([
|
|
48
53
|
XInputBoolean()
|
|
49
54
|
], XTagProperty.prototype, "disabled", void 0);
|
|
50
|
-
|
|
55
|
+
__decorate([
|
|
56
|
+
XInputBoolean()
|
|
57
|
+
], XTagProperty.prototype, "checked", void 0);
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTagProperty, decorators: [{
|
|
51
59
|
type: Component,
|
|
52
60
|
args: [{ template: '' }]
|
|
53
61
|
}], propDecorators: { type: [{
|
|
@@ -62,7 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
62
70
|
type: Input
|
|
63
71
|
}], disabled: [{
|
|
64
72
|
type: Input
|
|
73
|
+
}], checked: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], selected: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], style: [{
|
|
78
|
+
type: Input
|
|
65
79
|
}], close: [{
|
|
66
80
|
type: Output
|
|
81
|
+
}], selectedChange: [{
|
|
82
|
+
type: Output
|
|
67
83
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGFnL3RhZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQztBQUU1Qjs7R0FFRztBQUVILE1BQU0sT0FBTyxZQUFhLFNBQVEsU0FBUztJQUQzQzs7UUFFRTs7O1dBR0c7UUFDTSxTQUFJLEdBQVUsU0FBUyxDQUFDO1FBeUNqQzs7O1dBR0c7UUFDTyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQzs7O1dBR0c7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FDeEQ7OytJQXhEWSxZQUFZO21JQUFaLFlBQVksNFRBREYsRUFBRTtBQVcrQjtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzswQ0FBYztBQUtHO0lBQTVELGFBQWEsRUFBRTtJQUFFLFdBQVcsQ0FBVyxhQUFhLEVBQUUsSUFBSSxDQUFDOzhDQUFxQjtBQUsxQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzhDQUFxQjtBQUtwQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzBDQUFpQjtBQUt0RDtJQUFoQixhQUFhLEVBQUU7OENBQXFCO0FBS3BCO0lBQWhCLGFBQWEsRUFBRTs2Q0FBb0I7MkZBbkNsQyxZQUFZO2tCQUR4QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsSUFBSTtzQkFBWixLQUFLO2dCQUtnRCxJQUFJO3NCQUF6RCxLQUFLO2dCQUtnRSxRQUFRO3NCQUE3RSxLQUFLO2dCQUswRCxRQUFRO3NCQUF2RSxLQUFLO2dCQUswRCxJQUFJO3NCQUFuRSxLQUFLO2dCQUtvQixRQUFRO3NCQUFqQyxLQUFLO2dCQUtvQixPQUFPO3NCQUFoQyxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTTtnQkFLRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFR5cGUsIFhTaXplLCBYUHJvcGVydHksIFhJbnB1dEJvb2xlYW4sIFhCb29sZWFuLCBYV2l0aENvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRhZ1xyXG4gKiBAc2VsZWN0b3IgeC10YWdcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYVGFnUHJlZml4ID0gJ3gtdGFnJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0YWcnO1xyXG5cclxuLyoqXHJcbiAqIFRhZyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFRhZ1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH562+5qC35byP57G75Z6LXHJcbiAgICogQGVuX1VTIExhYmVsIHN0eWxlIHR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBYVHlwZSA9ICdpbml0aWFsJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFNpemU+KFhfQ09ORklHX05BTUUsICdtZWRpdW0nKSBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuui+ueahhlxyXG4gICAqIEBlbl9VUyBEaXNwbGF5IEJvcmRlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCB0cnVlKSBib3JkZXJlZCE6IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrlhbPpl63mjInpkq5cclxuICAgKiBAZW5fVVMgU2hvdyBjbG9zZSBidXR0b25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgY2xvc2FibGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5rex6Imy5Li76aKYXHJcbiAgICogQGVuX1VTIERhcmsgdGhlbWVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgZGFyaz86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnpoHnlKhcclxuICAgKiBAZW5fVVMgRGlzYWJsZWRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGRpc2FibGVkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWPr+mAieaLqeagh+etvlxyXG4gICAqIEBlbl9VUyBjaGVja2VkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBjaGVja2VkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4rVxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qC35byPXHJcbiAgICogQGVuX1VTIFN0eWxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3R5bGU/OiB7IFtjc3NTdHlsZTogc3RyaW5nXTogYW55IH07XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+WFs+mXreeahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBDbGljayB0byBjbG9zZSB0aGUgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4reS6i+S7tlxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZCBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxufVxyXG4iXX0=
|
|
@@ -53,9 +53,9 @@ export class XTextRetractComponent extends XTextRetractProperty {
|
|
|
53
53
|
this.cdr.detectChanges();
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
57
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
56
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTextRetractComponent, selector: "x-text-retract", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-text-retract\">\r\n {{ displayValue }}\r\n <ng-container *ngIf=\"retract\">\r\n <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"], components: [{ type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
60
|
args: [{ selector: `${XTextRetractPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-text-retract\">\r\n {{ displayValue }}\r\n <ng-container *ngIf=\"retract\">\r\n <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"] }]
|
|
61
61
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; } });
|
|
@@ -8,10 +8,10 @@ import { XI18nModule } from '@ng-nest/ui/i18n';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class XTextRetractModule {
|
|
10
10
|
}
|
|
11
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
12
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
13
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
11
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractModule, declarations: [XTextRetractComponent, XTextRetractProperty], imports: [CommonModule, FormsModule, XLinkModule, XI18nModule], exports: [XTextRetractComponent] });
|
|
13
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractModule, imports: [[CommonModule, FormsModule, XLinkModule, XI18nModule]] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractModule, decorators: [{
|
|
15
15
|
type: NgModule,
|
|
16
16
|
args: [{
|
|
17
17
|
declarations: [XTextRetractComponent, XTextRetractProperty],
|
|
@@ -14,13 +14,13 @@ const X_CONFIG_NAME = 'textRetract';
|
|
|
14
14
|
*/
|
|
15
15
|
export class XTextRetractProperty {
|
|
16
16
|
}
|
|
17
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
18
|
-
/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
17
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTextRetractProperty, selector: "ng-component", inputs: { content: "content", max: "max" }, ngImport: i0, template: '', isInline: true });
|
|
19
19
|
__decorate([
|
|
20
20
|
XWithConfig(X_CONFIG_NAME, 256),
|
|
21
21
|
XInputNumber()
|
|
22
22
|
], XTextRetractProperty.prototype, "max", void 0);
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextRetractProperty, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ template: '' }]
|
|
26
26
|
}], propDecorators: { content: [{
|
|
@@ -88,9 +88,9 @@ export class XTextareaComponent extends XTextareaProperty {
|
|
|
88
88
|
this.cdr.detectChanges();
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
92
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
91
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTextareaComponent, selector: "x-textarea", providers: [XValueAccessor(XTextareaComponent)], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n #textarea\r\n class=\"x-textarea\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n [class.x-clearable]=\"clearable\"\r\n [class.x-clear-show]=\"clearShow\"\r\n [class.x-textarea-icon]=\"getIcon\"\r\n [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n [ngClass]=\"classMap\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-textarea-row\">\r\n <textarea\r\n #textareaRef\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [maxlength]=\"maxlength\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n [style.height]=\"height\"\r\n [style.padding-left.rem]=\"paddingLeft\"\r\n [style.padding-right.rem]=\"paddingRight\"\r\n ></textarea>\r\n <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n <ng-container *ngIf=\"requiredIsEmpty || invalid\">\r\n <div class=\"x-border-error x-top-left\"></div>\r\n <div class=\"x-border-error x-top-right\"></div>\r\n <div class=\"x-border-error x-bottom-left\"></div>\r\n <div class=\"x-border-error x-bottom-right\"></div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{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);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc((var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column,.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
95
|
args: [{ selector: `${XTextareaPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XTextareaComponent)], template: "<div\r\n #textarea\r\n class=\"x-textarea\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n [class.x-clearable]=\"clearable\"\r\n [class.x-clear-show]=\"clearShow\"\r\n [class.x-textarea-icon]=\"getIcon\"\r\n [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n [ngClass]=\"classMap\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-textarea-row\">\r\n <textarea\r\n #textareaRef\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [maxlength]=\"maxlength\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n [style.height]=\"height\"\r\n [style.padding-left.rem]=\"paddingLeft\"\r\n [style.padding-right.rem]=\"paddingRight\"\r\n ></textarea>\r\n <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n <ng-container *ngIf=\"requiredIsEmpty || invalid\">\r\n <div class=\"x-border-error x-top-left\"></div>\r\n <div class=\"x-border-error x-top-right\"></div>\r\n <div class=\"x-border-error x-bottom-left\"></div>\r\n <div class=\"x-border-error x-bottom-right\"></div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{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);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc((var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column,.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\n"] }]
|
|
96
96
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { textarea: [{
|
|
@@ -8,10 +8,10 @@ import { XBaseFormModule } from '@ng-nest/ui/base-form';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class XTextareaModule {
|
|
10
10
|
}
|
|
11
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
12
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
13
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
11
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaModule, declarations: [XTextareaComponent, XTextareaProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule], exports: [XTextareaComponent] });
|
|
13
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XIconModule, XBaseFormModule]] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaModule, decorators: [{
|
|
15
15
|
type: NgModule,
|
|
16
16
|
args: [{
|
|
17
17
|
declarations: [XTextareaComponent, XTextareaProperty],
|
|
@@ -43,8 +43,8 @@ export class XTextareaProperty extends XControlValueAccessor {
|
|
|
43
43
|
this.clearEmit = new EventEmitter();
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
47
|
-
/** @nocollapse */ /** @nocollapse */ XTextareaProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
46
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
/** @nocollapse */ /** @nocollapse */ XTextareaProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XTextareaProperty, selector: "ng-component", inputs: { clearable: "clearable", icon: "icon", iconLayout: "iconLayout", iconSpin: "iconSpin", maxlength: "maxlength", height: "height" }, outputs: { clearEmit: "clearEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
48
48
|
__decorate([
|
|
49
49
|
XWithConfig(X_CONFIG_NAME, false),
|
|
50
50
|
XInputBoolean()
|
|
@@ -58,7 +58,7 @@ __decorate([
|
|
|
58
58
|
__decorate([
|
|
59
59
|
XInputNumber()
|
|
60
60
|
], XTextareaProperty.prototype, "maxlength", void 0);
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XTextareaProperty, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ template: '' }]
|
|
64
64
|
}], propDecorators: { clearable: [{
|
|
@@ -154,9 +154,9 @@ export class XThemeComponent extends XThemeProperty {
|
|
|
154
154
|
this.darkChange.emit(this.dark);
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
/** @nocollapse */ /** @nocollapse */ XThemeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
158
|
-
/** @nocollapse */ /** @nocollapse */ XThemeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.
|
|
157
|
+
/** @nocollapse */ /** @nocollapse */ XThemeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XThemeComponent, deps: [{ token: i1.XConfigService }, { token: i2.XI18nService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
158
|
+
/** @nocollapse */ /** @nocollapse */ XThemeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XThemeComponent, selector: "x-theme", providers: [XValueAccessor(XThemeComponent)], usesInheritance: true, ngImport: i0, template: "<div class=\"x-theme\">\r\n <x-row>\r\n <x-col [style.width.rem]=\"8\" *ngIf=\"showDark\">\r\n <x-switch direction=\"row\" [label]=\"locale?.darkMode\" [(ngModel)]=\"dark\" (ngModelChange)=\"darkChanges()\"></x-switch>\r\n </x-col>\r\n <x-col [style.width.rem]=\"8\">\r\n <x-button (click)=\"default()\">{{ locale?.initDefault }}</x-button>\r\n </x-col>\r\n </x-row>\r\n <x-form [formGroup]=\"formGroup\" [controls]=\"controls\" [width]=\"width\" span=\"2\" space=\"1\"></x-form>\r\n</div>\r\n", styles: [".x-theme{margin:0;padding:0;display:inline-block}.x-theme x-color-picker:not(:first-child){margin-left:.125rem}.x-theme-darken,.x-theme-default,.x-theme-gradual{display:flex}.x-theme-default x-color-picker{width:9.25rem}\n"], components: [{ type: i3.XRowComponent, selector: "x-row" }, { type: i3.XColComponent, selector: "x-col" }, { type: i4.XSwitchComponent, selector: "x-switch" }, { type: i5.XButtonComponent, selector: "x-button" }, { type: i6.XFormComponent, selector: "x-form" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XThemeComponent, decorators: [{
|
|
160
160
|
type: Component,
|
|
161
161
|
args: [{ selector: 'x-theme', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XThemeComponent)], template: "<div class=\"x-theme\">\r\n <x-row>\r\n <x-col [style.width.rem]=\"8\" *ngIf=\"showDark\">\r\n <x-switch direction=\"row\" [label]=\"locale?.darkMode\" [(ngModel)]=\"dark\" (ngModelChange)=\"darkChanges()\"></x-switch>\r\n </x-col>\r\n <x-col [style.width.rem]=\"8\">\r\n <x-button (click)=\"default()\">{{ locale?.initDefault }}</x-button>\r\n </x-col>\r\n </x-row>\r\n <x-form [formGroup]=\"formGroup\" [controls]=\"controls\" [width]=\"width\" span=\"2\" space=\"1\"></x-form>\r\n</div>\r\n", styles: [".x-theme{margin:0;padding:0;display:inline-block}.x-theme x-color-picker:not(:first-child){margin-left:.125rem}.x-theme-darken,.x-theme-default,.x-theme-gradual{display:flex}.x-theme-default x-color-picker{width:9.25rem}\n"] }]
|
|
162
162
|
}], ctorParameters: function () { return [{ type: i1.XConfigService }, { type: i2.XI18nService }, { type: i0.ChangeDetectorRef }]; } });
|