@alauda/ui 6.5.10-beta.0 → 6.5.10-beta.2
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/accordion/accordion-item/accordion-item.component.d.ts +3 -3
- package/accordion/accordion.component.d.ts +1 -1
- package/anchor/anchor.component.d.ts +2 -2
- package/anchor/anchor.directive.d.ts +3 -3
- package/autocomplete/autocomplete-placeholder.component.d.ts +1 -1
- package/autocomplete/autocomplete.component.d.ts +1 -1
- package/autocomplete/autocomplete.directive.d.ts +2 -2
- package/autocomplete/autocomplete.types.d.ts +1 -1
- package/autocomplete/helper-directives.d.ts +1 -1
- package/autocomplete/suggestion/suggestion.component.d.ts +1 -1
- package/autocomplete/suggestion-group/suggestion-group.component.d.ts +1 -1
- package/back-top/back-top.component.d.ts +2 -2
- package/breadcrumb/breadcrumb-item.component.d.ts +1 -1
- package/breadcrumb/breadcrumb.component.d.ts +1 -1
- package/button/button-group/button-group.component.d.ts +1 -1
- package/button/button.component.d.ts +1 -1
- package/button/button.types.d.ts +1 -10
- package/card/card.component.d.ts +1 -1
- package/card/helper-directives.d.ts +3 -6
- package/card/section.component.d.ts +1 -1
- package/checkbox/checkbox-group/checkbox-group.component.d.ts +1 -1
- package/checkbox/checkbox.component.d.ts +1 -1
- package/color-picker/color-picker.component.d.ts +1 -1
- package/date-picker/calendar/date-picker-panel/component.d.ts +1 -1
- package/date-picker/calendar/footer/component.d.ts +1 -1
- package/date-picker/calendar/header/component.d.ts +1 -1
- package/date-picker/calendar/panel/picker-panel.d.ts +1 -1
- package/date-picker/calendar/range-picker-panel/component.d.ts +1 -1
- package/date-picker/date-picker/date-picker.component.d.ts +1 -1
- package/date-picker/date-picker.type.d.ts +2 -2
- package/date-picker/range-picker/range-picker.component.d.ts +1 -1
- package/date-picker/trigger/trigger.component.d.ts +1 -1
- package/dialog/confirm-dialog/confirm-dialog.component.d.ts +1 -1
- package/dialog/dialog-content/dialog-close.directive.d.ts +1 -1
- package/dialog/dialog-content/dialog-content.component.d.ts +1 -1
- package/dialog/dialog-content/dialog-footer.component.d.ts +1 -1
- package/dialog/dialog-content/dialog-header.component.d.ts +1 -1
- package/dialog/dialog.component.d.ts +1 -1
- package/dialog/dialog.types.d.ts +3 -3
- package/drawer/component/drawer.component.d.ts +1 -1
- package/drawer/component/helper-directives.d.ts +3 -3
- package/dropdown/dropdown-active.directive.d.ts +1 -1
- package/dropdown/dropdown-button/dropdown-button.component.d.ts +1 -1
- package/dropdown/dropdown.directive.d.ts +1 -1
- package/dropdown/dropdown.types.d.ts +1 -1
- package/dropdown/helper-directives.d.ts +1 -1
- package/dropdown/menu/menu-content.directive.d.ts +1 -1
- package/dropdown/menu/menu.component.d.ts +1 -1
- package/dropdown/menu-group/menu-group.component.d.ts +1 -1
- package/dropdown/menu-item/menu-item.component.d.ts +1 -1
- package/dropdown/submenu/submenu.component.d.ts +1 -1
- package/esm2022/accordion/accordion-item/accordion-item.component.mjs +73 -0
- package/esm2022/accordion/accordion.component.mjs +29 -0
- package/esm2022/accordion/accordion.module.mjs +39 -0
- package/esm2022/alauda-ui.mjs +2 -0
- package/esm2022/anchor/anchor.component.mjs +141 -0
- package/esm2022/anchor/anchor.directive.mjs +198 -0
- package/esm2022/anchor/anchor.module.mjs +35 -0
- package/{esm2020 → esm2022}/autocomplete/autocomplete-placeholder.component.mjs +4 -4
- package/esm2022/autocomplete/autocomplete.component.mjs +72 -0
- package/esm2022/autocomplete/autocomplete.directive.mjs +278 -0
- package/esm2022/autocomplete/autocomplete.module.mjs +53 -0
- package/{esm2020 → esm2022}/autocomplete/helper-directives.mjs +4 -4
- package/esm2022/autocomplete/suggestion/suggestion.component.mjs +85 -0
- package/esm2022/autocomplete/suggestion-group/suggestion-group.component.mjs +25 -0
- package/esm2022/back-top/back-top.component.mjs +68 -0
- package/esm2022/back-top/back-top.module.mjs +19 -0
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +33 -0
- package/esm2022/breadcrumb/breadcrumb.component.mjs +56 -0
- package/esm2022/breadcrumb/breadcrumb.module.mjs +20 -0
- package/{esm2020 → esm2022}/button/button-group/button-group.component.mjs +4 -4
- package/esm2022/button/button.component.mjs +124 -0
- package/esm2022/button/button.module.mjs +20 -0
- package/esm2022/button/button.types.mjs +13 -0
- package/esm2022/card/card.component.mjs +14 -0
- package/esm2022/card/card.module.mjs +40 -0
- package/esm2022/card/helper-directives.mjs +45 -0
- package/{esm2020 → esm2022}/card/section.component.mjs +4 -4
- package/esm2022/checkbox/checkbox-group/checkbox-group.component.mjs +60 -0
- package/esm2022/checkbox/checkbox.component.mjs +116 -0
- package/esm2022/checkbox/checkbox.module.mjs +20 -0
- package/esm2022/color-picker/color-picker.component.mjs +28 -0
- package/esm2022/color-picker/color-picker.module.mjs +19 -0
- package/esm2022/date-picker/calendar/constant.mjs +31 -0
- package/esm2022/date-picker/calendar/date-picker-panel/component.mjs +137 -0
- package/esm2022/date-picker/calendar/footer/component.mjs +29 -0
- package/esm2022/date-picker/calendar/header/component.mjs +99 -0
- package/esm2022/date-picker/calendar/panel/picker-panel.mjs +158 -0
- package/esm2022/date-picker/calendar/range-picker-panel/component.mjs +210 -0
- package/esm2022/date-picker/calendar/util.mjs +152 -0
- package/esm2022/date-picker/date-picker/date-picker.component.mjs +115 -0
- package/esm2022/date-picker/date-picker.module.mjs +82 -0
- package/esm2022/date-picker/range-picker/range-picker.component.mjs +88 -0
- package/esm2022/date-picker/trigger/trigger.component.mjs +76 -0
- package/esm2022/dialog/confirm-dialog/confirm-dialog-config.mjs +13 -0
- package/esm2022/dialog/confirm-dialog/confirm-dialog.component.mjs +88 -0
- package/{esm2020 → esm2022}/dialog/dialog-animations.mjs +1 -2
- package/esm2022/dialog/dialog-config.mjs +14 -0
- package/esm2022/dialog/dialog-content/dialog-close.directive.mjs +42 -0
- package/esm2022/dialog/dialog-content/dialog-content.component.mjs +19 -0
- package/esm2022/dialog/dialog-content/dialog-footer.component.mjs +13 -0
- package/esm2022/dialog/dialog-content/dialog-header.component.mjs +42 -0
- package/esm2022/dialog/dialog-ref.mjs +52 -0
- package/esm2022/dialog/dialog.component.mjs +154 -0
- package/esm2022/dialog/dialog.module.mjs +65 -0
- package/esm2022/dialog/dialog.service.mjs +124 -0
- package/esm2022/drawer/component/drawer.component.mjs +248 -0
- package/esm2022/drawer/component/helper-directives.mjs +33 -0
- package/esm2022/drawer/drawer.module.mjs +36 -0
- package/esm2022/drawer/drawer.service.mjs +47 -0
- package/esm2022/dropdown/dropdown-active.directive.mjs +18 -0
- package/esm2022/dropdown/dropdown-button/dropdown-button.component.mjs +58 -0
- package/esm2022/dropdown/dropdown.directive.mjs +83 -0
- package/esm2022/dropdown/dropdown.module.mjs +65 -0
- package/{esm2020 → esm2022}/dropdown/helper-directives.mjs +4 -4
- package/esm2022/dropdown/menu/menu-content.directive.mjs +59 -0
- package/esm2022/dropdown/menu/menu.component.mjs +26 -0
- package/{esm2020 → esm2022}/dropdown/menu-group/menu-group.component.mjs +4 -4
- package/esm2022/dropdown/menu-item/menu-item.component.mjs +35 -0
- package/esm2022/dropdown/submenu/submenu.component.mjs +38 -0
- package/esm2022/form/common-form.mjs +88 -0
- package/esm2022/form/form-item/form-item.component.mjs +121 -0
- package/esm2022/form/form.directive.mjs +70 -0
- package/esm2022/form/form.module.mjs +48 -0
- package/esm2022/form/helper-directives.mjs +78 -0
- package/{esm2020 → esm2022}/i18n/i18n.module.mjs +5 -5
- package/esm2022/i18n/i18n.pipe.mjs +21 -0
- package/esm2022/i18n/i18n.service.mjs +46 -0
- package/esm2022/icon/icon-register.service.mjs +75 -0
- package/esm2022/icon/icon.component.mjs +74 -0
- package/esm2022/icon/icon.module.mjs +21 -0
- package/{esm2020 → esm2022}/inline-alert/helper-directives.mjs +4 -4
- package/esm2022/inline-alert/inline-alert.component.mjs +54 -0
- package/esm2022/inline-alert/inline-alert.module.mjs +20 -0
- package/esm2022/input/autosize.directive.mjs +56 -0
- package/esm2022/input/helper-directives.mjs +43 -0
- package/esm2022/input/input-group/input-group.component.mjs +46 -0
- package/esm2022/input/input.component.mjs +59 -0
- package/esm2022/input/input.module.mjs +85 -0
- package/esm2022/input/number-input/number-input.component.mjs +115 -0
- package/esm2022/input/search/search.component.mjs +87 -0
- package/esm2022/input/tags-input/tags-input.component.mjs +264 -0
- package/esm2022/message/base-message.mjs +99 -0
- package/esm2022/message/message-wrapper.component.mjs +15 -0
- package/esm2022/message/message.component.mjs +77 -0
- package/esm2022/message/message.config.mjs +20 -0
- package/esm2022/message/message.module.mjs +22 -0
- package/{esm2020 → esm2022}/message/message.service.mjs +4 -4
- package/esm2022/notification/notification-wrapper.component.mjs +17 -0
- package/esm2022/notification/notification.component.mjs +106 -0
- package/esm2022/notification/notification.module.mjs +23 -0
- package/{esm2020 → esm2022}/notification/notification.service.mjs +4 -4
- package/esm2022/paginator/paginator-intl.mjs +24 -0
- package/esm2022/paginator/paginator.component.mjs +124 -0
- package/esm2022/paginator/paginator.module.mjs +24 -0
- package/esm2022/radio/base-radio.mjs +72 -0
- package/esm2022/radio/radio-button/radio-button.component.mjs +41 -0
- package/esm2022/radio/radio-group/radio-group.component.mjs +70 -0
- package/esm2022/radio/radio.component.mjs +23 -0
- package/esm2022/radio/radio.module.mjs +21 -0
- package/esm2022/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +80 -0
- package/esm2022/scrolling/fixed-size-table-virtual-scroll.directive.mjs +119 -0
- package/esm2022/scrolling/fixed-size-virtual-scroll.directive.mjs +27 -0
- package/{esm2020 → esm2022}/scrolling/scrolling.module.mjs +9 -9
- package/{esm2020 → esm2022}/scrolling/virtual-for-of.directive.mjs +4 -4
- package/esm2022/scrolling/virtual-scroll-viewport.component.mjs +26 -0
- package/esm2022/select/base-select.mjs +345 -0
- package/{esm2020 → esm2022}/select/helper-directives.mjs +7 -7
- package/esm2022/select/multi-select/multi-select.component.mjs +318 -0
- package/esm2022/select/option/option.component.mjs +119 -0
- package/esm2022/select/option-group/option-group.component.mjs +25 -0
- package/{esm2020 → esm2022}/select/option-placeholder.component.mjs +4 -4
- package/esm2022/select/select.component.mjs +107 -0
- package/esm2022/select/select.module.mjs +78 -0
- package/esm2022/select/validators.mjs +78 -0
- package/esm2022/shared/click-outside.directive.mjs +29 -0
- package/{esm2020 → esm2022}/shared/shared.module.mjs +5 -5
- package/esm2022/sort/sort-errors.mjs +13 -0
- package/esm2022/sort/sort-header.component.mjs +74 -0
- package/esm2022/sort/sort.directive.mjs +73 -0
- package/esm2022/sort/sort.module.mjs +19 -0
- package/esm2022/status-bar/status-bar.component.mjs +28 -0
- package/esm2022/status-bar/status-bar.module.mjs +19 -0
- package/esm2022/steps/steps.component.mjs +180 -0
- package/esm2022/steps/steps.module.mjs +19 -0
- package/esm2022/switch/switch.component.mjs +43 -0
- package/esm2022/switch/switch.module.mjs +18 -0
- package/esm2022/table/table-cell-def.directive.mjs +25 -0
- package/esm2022/table/table-cell.component.mjs +115 -0
- package/esm2022/table/table-cell.directive.mjs +29 -0
- package/esm2022/table/table-column-def.directive.mjs +31 -0
- package/esm2022/table/table-header-cell-def.directive.mjs +25 -0
- package/esm2022/table/table-header-cell.directive.mjs +25 -0
- package/esm2022/table/table-header-row-def.directive.mjs +33 -0
- package/esm2022/table/table-header-row.component.mjs +24 -0
- package/esm2022/table/table-placeholder.directive.mjs +33 -0
- package/esm2022/table/table-row-def.directive.mjs +34 -0
- package/esm2022/table/table-row.component.mjs +43 -0
- package/esm2022/table/table-scroll.directive.mjs +133 -0
- package/esm2022/table/table.component.mjs +79 -0
- package/esm2022/table/table.module.mjs +96 -0
- package/esm2022/table-of-contents/table-of-contents.module.mjs +20 -0
- package/esm2022/table-of-contents/toc-container.directive.mjs +111 -0
- package/esm2022/table-of-contents/toc-content.directive.mjs +39 -0
- package/esm2022/table-of-contents/toc-link.directive.mjs +48 -0
- package/esm2022/tabs/tab-body.component.mjs +151 -0
- package/esm2022/tabs/tab-context.service.mjs +30 -0
- package/esm2022/tabs/tab-group.component.mjs +256 -0
- package/esm2022/tabs/tab-header-active-indicator.component.mjs +46 -0
- package/esm2022/tabs/tab-header.component.mjs +276 -0
- package/esm2022/tabs/tab.component.mjs +77 -0
- package/esm2022/tabs/tabs.module.mjs +86 -0
- package/esm2022/tabs/tabs.types.mjs +10 -0
- package/esm2022/tag/check-tag/check-tag.component.mjs +31 -0
- package/esm2022/tag/tag.component.mjs +63 -0
- package/esm2022/tag/tag.module.mjs +20 -0
- package/esm2022/theme/theme.module.mjs +18 -0
- package/esm2022/theme/theme.pipe.mjs +64 -0
- package/esm2022/theme/theme.service.mjs +55 -0
- package/esm2022/time-picker/component.mjs +181 -0
- package/esm2022/time-picker/panel/panel.component.mjs +240 -0
- package/esm2022/time-picker/time-picker.module.mjs +56 -0
- package/esm2022/tooltip/base-tooltip.mjs +329 -0
- package/esm2022/tooltip/tooltip-active.directive.mjs +51 -0
- package/esm2022/tooltip/tooltip-copy.directive.mjs +87 -0
- package/esm2022/tooltip/tooltip-intl.mjs +21 -0
- package/esm2022/tooltip/tooltip.component.mjs +120 -0
- package/esm2022/tooltip/tooltip.directive.mjs +44 -0
- package/esm2022/tooltip/tooltip.module.mjs +32 -0
- package/{esm2020 → esm2022}/tree-select/tree-node-placeholder.component.mjs +4 -4
- package/esm2022/tree-select/tree-select.component.mjs +350 -0
- package/esm2022/tree-select/tree-select.module.mjs +34 -0
- package/esm2022/types.mjs +8 -0
- package/esm2022/utils/bem.mjs +44 -0
- package/esm2022/utils/coercion.mjs +13 -0
- package/{fesm2020 → fesm2022}/alauda-ui.mjs +2818 -2871
- package/fesm2022/alauda-ui.mjs.map +1 -0
- package/form/common-form.d.ts +1 -8
- package/form/form-item/form-item.component.d.ts +1 -1
- package/form/form.directive.d.ts +1 -1
- package/form/form.types.d.ts +2 -2
- package/form/helper-directives.d.ts +5 -5
- package/i18n/i18n.pipe.d.ts +1 -1
- package/i18n/i18n.type.d.ts +1 -1
- package/icon/icon.component.d.ts +1 -1
- package/inline-alert/helper-directives.d.ts +1 -1
- package/inline-alert/inline-alert.component.d.ts +1 -1
- package/inline-alert/inline-alert.types.d.ts +1 -1
- package/input/autosize.directive.d.ts +1 -4
- package/input/helper-directives.d.ts +4 -4
- package/input/input-group/input-group.component.d.ts +1 -1
- package/input/input.component.d.ts +1 -4
- package/input/number-input/number-input.component.d.ts +1 -1
- package/input/search/search.component.d.ts +1 -1
- package/input/tags-input/tags-input.component.d.ts +4 -4
- package/message/message-wrapper.component.d.ts +1 -1
- package/message/message.component.d.ts +1 -1
- package/message/message.config.d.ts +0 -20
- package/notification/notification-wrapper.component.d.ts +1 -1
- package/notification/notification.component.d.ts +1 -5
- package/notification/notification.config.d.ts +1 -1
- package/package.json +13 -19
- package/paginator/paginator-intl.d.ts +0 -9
- package/paginator/paginator.component.d.ts +1 -15
- package/radio/base-radio.d.ts +1 -1
- package/radio/radio-button/radio-button.component.d.ts +1 -1
- package/radio/radio-group/radio-group.component.d.ts +1 -4
- package/radio/radio.component.d.ts +1 -1
- package/radio/radio.types.d.ts +1 -1
- package/scrolling/fixed-size-table-virtual-scroll.directive.d.ts +1 -1
- package/scrolling/fixed-size-virtual-scroll.directive.d.ts +1 -1
- package/scrolling/virtual-for-of.directive.d.ts +1 -1
- package/scrolling/virtual-scroll-viewport.component.d.ts +1 -1
- package/select/base-select.d.ts +1 -4
- package/select/helper-directives.d.ts +2 -2
- package/select/multi-select/multi-select.component.d.ts +1 -1
- package/select/option/option.component.d.ts +1 -1
- package/select/option-group/option-group.component.d.ts +1 -1
- package/select/option-placeholder.component.d.ts +1 -1
- package/select/select.component.d.ts +1 -1
- package/select/select.types.d.ts +3 -3
- package/select/validators.d.ts +1 -1
- package/shared/click-outside.directive.d.ts +1 -1
- package/sort/sort-errors.d.ts +0 -4
- package/sort/sort-header.component.d.ts +1 -1
- package/sort/sort.directive.d.ts +1 -1
- package/sort/sort.types.d.ts +2 -2
- package/status-bar/status-bar.component.d.ts +1 -1
- package/status-bar/status-bar.types.d.ts +2 -2
- package/steps/steps.component.d.ts +1 -4
- package/steps/types.d.ts +3 -6
- package/switch/switch.component.d.ts +1 -1
- package/table/table-cell-def.directive.d.ts +1 -5
- package/table/table-cell.component.d.ts +2 -2
- package/table/table-cell.directive.d.ts +1 -2
- package/table/table-column-def.directive.d.ts +1 -5
- package/table/table-header-cell-def.directive.d.ts +1 -5
- package/table/table-header-cell.directive.d.ts +1 -2
- package/table/table-header-row-def.directive.d.ts +1 -5
- package/table/table-header-row.component.d.ts +1 -2
- package/table/table-placeholder.directive.d.ts +2 -2
- package/table/table-row-def.directive.d.ts +1 -6
- package/table/table-row.component.d.ts +1 -2
- package/table/table-scroll.directive.d.ts +2 -2
- package/table/table.component.d.ts +1 -1
- package/table-of-contents/toc-container.directive.d.ts +1 -1
- package/table-of-contents/toc-content.directive.d.ts +1 -1
- package/table-of-contents/toc-link.directive.d.ts +1 -1
- package/tabs/tab-body.component.d.ts +7 -23
- package/tabs/tab-context.service.d.ts +0 -3
- package/tabs/tab-group.component.d.ts +1 -29
- package/tabs/tab-header-active-indicator.component.d.ts +1 -10
- package/tabs/tab-header.component.d.ts +2 -85
- package/tabs/tab.component.d.ts +1 -19
- package/tabs/tabs.types.d.ts +2 -5
- package/tag/check-tag/check-tag.component.d.ts +1 -1
- package/tag/tag.component.d.ts +1 -1
- package/tag/tag.types.d.ts +1 -1
- package/theme/style.css +5 -1
- package/theme/theme.pipe.d.ts +4 -4
- package/theme/theme.types.d.ts +3 -3
- package/time-picker/component.d.ts +1 -1
- package/time-picker/panel/panel.component.d.ts +1 -1
- package/time-picker/time-picker.type.d.ts +1 -1
- package/tooltip/base-tooltip.d.ts +1 -1
- package/tooltip/tooltip-active.directive.d.ts +1 -1
- package/tooltip/tooltip-copy.directive.d.ts +1 -1
- package/tooltip/tooltip-intl.d.ts +0 -4
- package/tooltip/tooltip.component.d.ts +1 -1
- package/tooltip/tooltip.directive.d.ts +1 -1
- package/tree-select/tree-node-placeholder.component.d.ts +1 -1
- package/tree-select/tree-select.component.d.ts +2 -2
- package/tree-select/tree-select.types.d.ts +1 -1
- package/types.d.ts +2 -5
- package/utils/operators.d.ts +1 -1
- package/.changeset/README.md +0 -8
- package/alauda-ui.d.ts +0 -5
- package/esm2020/accordion/accordion-item/accordion-item.component.mjs +0 -73
- package/esm2020/accordion/accordion.component.mjs +0 -27
- package/esm2020/accordion/accordion.module.mjs +0 -39
- package/esm2020/alauda-ui.mjs +0 -5
- package/esm2020/anchor/anchor.component.mjs +0 -138
- package/esm2020/anchor/anchor.directive.mjs +0 -182
- package/esm2020/anchor/anchor.module.mjs +0 -36
- package/esm2020/autocomplete/autocomplete.component.mjs +0 -64
- package/esm2020/autocomplete/autocomplete.directive.mjs +0 -278
- package/esm2020/autocomplete/autocomplete.module.mjs +0 -53
- package/esm2020/autocomplete/suggestion/suggestion.component.mjs +0 -79
- package/esm2020/autocomplete/suggestion-group/suggestion-group.component.mjs +0 -23
- package/esm2020/back-top/back-top.component.mjs +0 -67
- package/esm2020/back-top/back-top.module.mjs +0 -19
- package/esm2020/breadcrumb/breadcrumb-item.component.mjs +0 -32
- package/esm2020/breadcrumb/breadcrumb.component.mjs +0 -57
- package/esm2020/breadcrumb/breadcrumb.module.mjs +0 -20
- package/esm2020/button/button.component.mjs +0 -122
- package/esm2020/button/button.module.mjs +0 -20
- package/esm2020/button/button.types.mjs +0 -22
- package/esm2020/card/card.component.mjs +0 -16
- package/esm2020/card/card.module.mjs +0 -40
- package/esm2020/card/helper-directives.mjs +0 -50
- package/esm2020/checkbox/checkbox-group/checkbox-group.component.mjs +0 -61
- package/esm2020/checkbox/checkbox.component.mjs +0 -112
- package/esm2020/checkbox/checkbox.module.mjs +0 -20
- package/esm2020/color-picker/color-picker.component.mjs +0 -28
- package/esm2020/color-picker/color-picker.module.mjs +0 -19
- package/esm2020/date-picker/calendar/constant.mjs +0 -32
- package/esm2020/date-picker/calendar/date-picker-panel/component.mjs +0 -128
- package/esm2020/date-picker/calendar/footer/component.mjs +0 -29
- package/esm2020/date-picker/calendar/header/component.mjs +0 -103
- package/esm2020/date-picker/calendar/panel/picker-panel.mjs +0 -155
- package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +0 -209
- package/esm2020/date-picker/calendar/util.mjs +0 -146
- package/esm2020/date-picker/date-picker/date-picker.component.mjs +0 -110
- package/esm2020/date-picker/date-picker.module.mjs +0 -84
- package/esm2020/date-picker/range-picker/range-picker.component.mjs +0 -86
- package/esm2020/date-picker/trigger/trigger.component.mjs +0 -69
- package/esm2020/dialog/confirm-dialog/confirm-dialog-config.mjs +0 -12
- package/esm2020/dialog/confirm-dialog/confirm-dialog.component.mjs +0 -85
- package/esm2020/dialog/dialog-config.mjs +0 -15
- package/esm2020/dialog/dialog-content/dialog-close.directive.mjs +0 -38
- package/esm2020/dialog/dialog-content/dialog-content.component.mjs +0 -20
- package/esm2020/dialog/dialog-content/dialog-footer.component.mjs +0 -15
- package/esm2020/dialog/dialog-content/dialog-header.component.mjs +0 -39
- package/esm2020/dialog/dialog-ref.mjs +0 -48
- package/esm2020/dialog/dialog.component.mjs +0 -148
- package/esm2020/dialog/dialog.module.mjs +0 -68
- package/esm2020/dialog/dialog.service.mjs +0 -121
- package/esm2020/drawer/component/drawer.component.mjs +0 -232
- package/esm2020/drawer/component/helper-directives.mjs +0 -37
- package/esm2020/drawer/drawer.module.mjs +0 -37
- package/esm2020/drawer/drawer.service.mjs +0 -44
- package/esm2020/dropdown/dropdown-active.directive.mjs +0 -21
- package/esm2020/dropdown/dropdown-button/dropdown-button.component.mjs +0 -57
- package/esm2020/dropdown/dropdown.directive.mjs +0 -81
- package/esm2020/dropdown/dropdown.module.mjs +0 -65
- package/esm2020/dropdown/menu/menu-content.directive.mjs +0 -51
- package/esm2020/dropdown/menu/menu.component.mjs +0 -26
- package/esm2020/dropdown/menu-item/menu-item.component.mjs +0 -37
- package/esm2020/dropdown/submenu/submenu.component.mjs +0 -40
- package/esm2020/form/common-form.mjs +0 -91
- package/esm2020/form/form-item/form-item.component.mjs +0 -108
- package/esm2020/form/form.directive.mjs +0 -69
- package/esm2020/form/form.module.mjs +0 -48
- package/esm2020/form/helper-directives.mjs +0 -80
- package/esm2020/i18n/i18n.pipe.mjs +0 -20
- package/esm2020/i18n/i18n.service.mjs +0 -43
- package/esm2020/icon/icon-register.service.mjs +0 -74
- package/esm2020/icon/icon.component.mjs +0 -65
- package/esm2020/icon/icon.module.mjs +0 -21
- package/esm2020/inline-alert/inline-alert.component.mjs +0 -53
- package/esm2020/inline-alert/inline-alert.module.mjs +0 -20
- package/esm2020/input/autosize.directive.mjs +0 -59
- package/esm2020/input/helper-directives.mjs +0 -43
- package/esm2020/input/input-group/input-group.component.mjs +0 -39
- package/esm2020/input/input.component.mjs +0 -61
- package/esm2020/input/input.module.mjs +0 -87
- package/esm2020/input/number-input/number-input.component.mjs +0 -112
- package/esm2020/input/search/search.component.mjs +0 -88
- package/esm2020/input/tags-input/tags-input.component.mjs +0 -260
- package/esm2020/message/base-message.mjs +0 -90
- package/esm2020/message/message-wrapper.component.mjs +0 -14
- package/esm2020/message/message.component.mjs +0 -70
- package/esm2020/message/message.config.mjs +0 -21
- package/esm2020/message/message.module.mjs +0 -23
- package/esm2020/notification/notification-wrapper.component.mjs +0 -16
- package/esm2020/notification/notification.component.mjs +0 -107
- package/esm2020/notification/notification.module.mjs +0 -24
- package/esm2020/paginator/paginator-intl.mjs +0 -37
- package/esm2020/paginator/paginator.component.mjs +0 -125
- package/esm2020/paginator/paginator.module.mjs +0 -24
- package/esm2020/radio/base-radio.mjs +0 -67
- package/esm2020/radio/radio-button/radio-button.component.mjs +0 -42
- package/esm2020/radio/radio-group/radio-group.component.mjs +0 -76
- package/esm2020/radio/radio.component.mjs +0 -24
- package/esm2020/radio/radio.module.mjs +0 -21
- package/esm2020/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +0 -83
- package/esm2020/scrolling/fixed-size-table-virtual-scroll.directive.mjs +0 -121
- package/esm2020/scrolling/fixed-size-virtual-scroll.directive.mjs +0 -28
- package/esm2020/scrolling/virtual-scroll-viewport.component.mjs +0 -26
- package/esm2020/select/base-select.mjs +0 -337
- package/esm2020/select/multi-select/multi-select.component.mjs +0 -313
- package/esm2020/select/option/option.component.mjs +0 -112
- package/esm2020/select/option-group/option-group.component.mjs +0 -23
- package/esm2020/select/select.component.mjs +0 -108
- package/esm2020/select/select.module.mjs +0 -80
- package/esm2020/select/validators.mjs +0 -79
- package/esm2020/shared/click-outside.directive.mjs +0 -28
- package/esm2020/sort/sort-errors.mjs +0 -17
- package/esm2020/sort/sort-header.component.mjs +0 -72
- package/esm2020/sort/sort.directive.mjs +0 -75
- package/esm2020/sort/sort.module.mjs +0 -19
- package/esm2020/status-bar/status-bar.component.mjs +0 -29
- package/esm2020/status-bar/status-bar.module.mjs +0 -19
- package/esm2020/steps/steps.component.mjs +0 -184
- package/esm2020/steps/steps.module.mjs +0 -19
- package/esm2020/switch/switch.component.mjs +0 -46
- package/esm2020/switch/switch.module.mjs +0 -18
- package/esm2020/table/table-cell-def.directive.mjs +0 -29
- package/esm2020/table/table-cell.component.mjs +0 -121
- package/esm2020/table/table-cell.directive.mjs +0 -31
- package/esm2020/table/table-column-def.directive.mjs +0 -37
- package/esm2020/table/table-header-cell-def.directive.mjs +0 -29
- package/esm2020/table/table-header-cell.directive.mjs +0 -27
- package/esm2020/table/table-header-row-def.directive.mjs +0 -39
- package/esm2020/table/table-header-row.component.mjs +0 -25
- package/esm2020/table/table-placeholder.directive.mjs +0 -30
- package/esm2020/table/table-row-def.directive.mjs +0 -42
- package/esm2020/table/table-row.component.mjs +0 -43
- package/esm2020/table/table-scroll.directive.mjs +0 -134
- package/esm2020/table/table.component.mjs +0 -79
- package/esm2020/table/table.module.mjs +0 -96
- package/esm2020/table-of-contents/table-of-contents.module.mjs +0 -20
- package/esm2020/table-of-contents/toc-container.directive.mjs +0 -109
- package/esm2020/table-of-contents/toc-content.directive.mjs +0 -35
- package/esm2020/table-of-contents/toc-link.directive.mjs +0 -44
- package/esm2020/tabs/tab-body.component.mjs +0 -165
- package/esm2020/tabs/tab-context.service.mjs +0 -31
- package/esm2020/tabs/tab-group.component.mjs +0 -291
- package/esm2020/tabs/tab-header-active-indicator.component.mjs +0 -53
- package/esm2020/tabs/tab-header.component.mjs +0 -367
- package/esm2020/tabs/tab.component.mjs +0 -85
- package/esm2020/tabs/tabs.module.mjs +0 -88
- package/esm2020/tabs/tabs.types.mjs +0 -13
- package/esm2020/tag/check-tag/check-tag.component.mjs +0 -33
- package/esm2020/tag/tag.component.mjs +0 -66
- package/esm2020/tag/tag.module.mjs +0 -20
- package/esm2020/theme/theme.module.mjs +0 -18
- package/esm2020/theme/theme.pipe.mjs +0 -69
- package/esm2020/theme/theme.service.mjs +0 -52
- package/esm2020/time-picker/component.mjs +0 -179
- package/esm2020/time-picker/panel/panel.component.mjs +0 -230
- package/esm2020/time-picker/time-picker.module.mjs +0 -58
- package/esm2020/tooltip/base-tooltip.mjs +0 -322
- package/esm2020/tooltip/tooltip-active.directive.mjs +0 -49
- package/esm2020/tooltip/tooltip-copy.directive.mjs +0 -82
- package/esm2020/tooltip/tooltip-intl.mjs +0 -29
- package/esm2020/tooltip/tooltip.component.mjs +0 -107
- package/esm2020/tooltip/tooltip.directive.mjs +0 -47
- package/esm2020/tooltip/tooltip.module.mjs +0 -33
- package/esm2020/tree-select/tree-select.component.mjs +0 -340
- package/esm2020/tree-select/tree-select.module.mjs +0 -34
- package/esm2020/types.mjs +0 -11
- package/esm2020/utils/bem.mjs +0 -44
- package/esm2020/utils/coercion.mjs +0 -17
- package/fesm2015/alauda-ui.mjs +0 -12051
- package/fesm2015/alauda-ui.mjs.map +0 -1
- package/fesm2020/alauda-ui.mjs.map +0 -1
- package/src/accordion/README.md +0 -13
- package/src/anchor/README.md +0 -23
- package/src/dropdown/README.md +0 -57
- package/src/form/README.md +0 -32
- package/src/icon/README.md +0 -28
- package/src/inline-alert/README.md +0 -16
- package/src/input/number-input/README.md +0 -16
- package/src/select/README.md +0 -57
- package/src/sort/README.md +0 -13
- package/src/table/README.md +0 -8
- package/src/table-of-contents/README.md +0 -94
- package/src/tag/README.md +0 -32
- package/src/tree-select/README.md +0 -34
- /package/{esm2020 → esm2022}/accordion/index.mjs +0 -0
- /package/{esm2020 → esm2022}/anchor/index.mjs +0 -0
- /package/{esm2020 → esm2022}/anchor/types.mjs +0 -0
- /package/{esm2020 → esm2022}/anchor/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/autocomplete/autocomplete.types.mjs +0 -0
- /package/{esm2020 → esm2022}/autocomplete/index.mjs +0 -0
- /package/{esm2020 → esm2022}/back-top/index.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/index.mjs +0 -0
- /package/{esm2020 → esm2022}/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/card/index.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/index.mjs +0 -0
- /package/{esm2020 → esm2022}/color-picker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/animation/animation-consts.mjs +0 -0
- /package/{esm2020 → esm2022}/date-picker/date-picker.type.mjs +0 -0
- /package/{esm2020 → esm2022}/date-picker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog.types.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/utils/errors.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/component/drawer-ref.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/dropdown.types.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/form/form.types.mjs +0 -0
- /package/{esm2020 → esm2022}/form/index.mjs +0 -0
- /package/{esm2020 → esm2022}/i18n/i18n.type.mjs +0 -0
- /package/{esm2020 → esm2022}/i18n/index.mjs +0 -0
- /package/{esm2020 → esm2022}/i18n/language/en.mjs +0 -0
- /package/{esm2020 → esm2022}/i18n/language/zh.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/icons.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/index.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/inline-alert/index.mjs +0 -0
- /package/{esm2020 → esm2022}/inline-alert/inline-alert.types.mjs +0 -0
- /package/{esm2020 → esm2022}/input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/tags-input/with-max-row-count.mjs +0 -0
- /package/{esm2020 → esm2022}/input/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/message/index.mjs +0 -0
- /package/{esm2020 → esm2022}/message/message-animations.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/index.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/notification.config.mjs +0 -0
- /package/{esm2020 → esm2022}/paginator/index.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/index.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/radio.types.mjs +0 -0
- /package/{esm2020 → esm2022}/scrolling/index.mjs +0 -0
- /package/{esm2020 → esm2022}/select/index.mjs +0 -0
- /package/{esm2020 → esm2022}/select/select.types.mjs +0 -0
- /package/{esm2020 → esm2022}/sort/index.mjs +0 -0
- /package/{esm2020 → esm2022}/sort/sort.types.mjs +0 -0
- /package/{esm2020 → esm2022}/status-bar/index.mjs +0 -0
- /package/{esm2020 → esm2022}/status-bar/status-bar.types.mjs +0 -0
- /package/{esm2020 → esm2022}/steps/index.mjs +0 -0
- /package/{esm2020 → esm2022}/steps/types.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/index.mjs +0 -0
- /package/{esm2020 → esm2022}/table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/table-of-contents/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tabs/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/tag.types.mjs +0 -0
- /package/{esm2020 → esm2022}/theme/index.mjs +0 -0
- /package/{esm2020 → esm2022}/theme/theme.types.mjs +0 -0
- /package/{esm2020 → esm2022}/theme/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/time-picker/constant.mjs +0 -0
- /package/{esm2020 → esm2022}/time-picker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/time-picker/time-picker.type.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/tooltip.types.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tree-select/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tree-select/tree-select.types.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/animations.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/async.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/fn.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/observe-dom.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/operators.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/scroll-into-view.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/watch-content-exist.mjs +0 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Directive, Input, ViewChild, } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject, Subject, combineLatest, map, takeUntil } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./radio-group/radio-group.component";
|
|
5
|
+
import * as i2 from "@angular/cdk/a11y";
|
|
6
|
+
let uniqueId = 0;
|
|
7
|
+
export class BaseRadio {
|
|
8
|
+
radioGroup;
|
|
9
|
+
focusMonitor;
|
|
10
|
+
cdr;
|
|
11
|
+
id = `aui-radio-${uniqueId++}`;
|
|
12
|
+
disabled = false;
|
|
13
|
+
get value() {
|
|
14
|
+
return this._value;
|
|
15
|
+
}
|
|
16
|
+
set value(val) {
|
|
17
|
+
this._value = val;
|
|
18
|
+
this.value$$.next(val);
|
|
19
|
+
}
|
|
20
|
+
elRef;
|
|
21
|
+
checked = false;
|
|
22
|
+
name = '';
|
|
23
|
+
_value;
|
|
24
|
+
value$$ = new BehaviorSubject(this.value);
|
|
25
|
+
destroy$$ = new Subject();
|
|
26
|
+
constructor(radioGroup, focusMonitor, cdr) {
|
|
27
|
+
this.radioGroup = radioGroup;
|
|
28
|
+
this.focusMonitor = focusMonitor;
|
|
29
|
+
this.cdr = cdr;
|
|
30
|
+
}
|
|
31
|
+
ngOnInit() {
|
|
32
|
+
this.radioGroup.name$.pipe(takeUntil(this.destroy$$)).subscribe(name => {
|
|
33
|
+
this.name = name;
|
|
34
|
+
this.cdr.markForCheck();
|
|
35
|
+
});
|
|
36
|
+
combineLatest([this.radioGroup.model$, this.value$$])
|
|
37
|
+
.pipe(takeUntil(this.destroy$$), map(([groupValue, selfValue]) => groupValue === selfValue))
|
|
38
|
+
.subscribe(checked => {
|
|
39
|
+
this.checked = checked;
|
|
40
|
+
this.cdr.markForCheck();
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
ngAfterViewInit() {
|
|
44
|
+
this.focusMonitor.monitor(this.elRef.nativeElement, true);
|
|
45
|
+
}
|
|
46
|
+
ngOnDestroy() {
|
|
47
|
+
this.destroy$$.next();
|
|
48
|
+
this.focusMonitor.stopMonitoring(this.elRef.nativeElement);
|
|
49
|
+
}
|
|
50
|
+
onClick() {
|
|
51
|
+
if (this.checked || this.disabled) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
this.radioGroup.onRadioChange(this.value);
|
|
55
|
+
}
|
|
56
|
+
onBlur() {
|
|
57
|
+
this.radioGroup.onRadioBlur();
|
|
58
|
+
}
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BaseRadio, deps: [{ token: i1.RadioGroupComponent }, { token: i2.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
60
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: BaseRadio, inputs: { disabled: "disabled", value: "value" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0 });
|
|
61
|
+
}
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BaseRadio, decorators: [{
|
|
63
|
+
type: Directive
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i1.RadioGroupComponent }, { type: i2.FocusMonitor }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], value: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], elRef: [{
|
|
69
|
+
type: ViewChild,
|
|
70
|
+
args: ['elRef', { static: true }]
|
|
71
|
+
}] } });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1yYWRpby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9iYXNlLXJhZGlvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFHTCxTQUFTLEVBRVQsS0FBSyxFQUdMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQUkvRSxJQUFJLFFBQVEsR0FBRyxDQUFDLENBQUM7QUFHakIsTUFBTSxPQUFPLFNBQVM7SUEyQlI7SUFDQTtJQUNBO0lBNUJaLEVBQUUsR0FBRyxhQUFhLFFBQVEsRUFBRSxFQUFFLENBQUM7SUFHL0IsUUFBUSxHQUFpQixLQUFLLENBQUM7SUFFL0IsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxHQUFHO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUdELEtBQUssQ0FBYTtJQUVsQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLElBQUksR0FBRyxFQUFFLENBQUM7SUFFQSxNQUFNLENBQVU7SUFDUCxPQUFPLEdBQUcsSUFBSSxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRTFDLFlBQ1ksVUFBK0IsRUFDL0IsWUFBMEIsRUFDMUIsR0FBc0I7UUFGdEIsZUFBVSxHQUFWLFVBQVUsQ0FBcUI7UUFDL0IsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDL0IsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNyRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBRUgsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQ2xELElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxLQUFLLFNBQVMsQ0FBQyxDQUMzRDthQUNBLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztZQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pDLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQzt1R0FuRVUsU0FBUzsyRkFBVCxTQUFTOzsyRkFBVCxTQUFTO2tCQURyQixTQUFTO3FLQUtSLFFBQVE7c0JBRFAsS0FBSztnQkFJRixLQUFLO3NCQURSLEtBQUs7Z0JBV04sS0FBSztzQkFESixTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb2N1c01vbml0b3IgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIFN1YmplY3QsIGNvbWJpbmVMYXRlc3QsIG1hcCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3JhZGlvLWdyb3VwL3JhZGlvLWdyb3VwLmNvbXBvbmVudCc7XG5cbmxldCB1bmlxdWVJZCA9IDA7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIEJhc2VSYWRpbyBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgaWQgPSBgYXVpLXJhZGlvLSR7dW5pcXVlSWQrK31gO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuIHwgJycgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgc2V0IHZhbHVlKHZhbCkge1xuICAgIHRoaXMuX3ZhbHVlID0gdmFsO1xuICAgIHRoaXMudmFsdWUkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBAVmlld0NoaWxkKCdlbFJlZicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGVsUmVmOiBFbGVtZW50UmVmO1xuXG4gIGNoZWNrZWQgPSBmYWxzZTtcbiAgbmFtZSA9ICcnO1xuXG4gIHByb3RlY3RlZCBfdmFsdWU6IHVua25vd247XG4gIHByb3RlY3RlZCByZWFkb25seSB2YWx1ZSQkID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLnZhbHVlKTtcbiAgcHJvdGVjdGVkIGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIHJhZGlvR3JvdXA6IFJhZGlvR3JvdXBDb21wb25lbnQsXG4gICAgcHJvdGVjdGVkIGZvY3VzTW9uaXRvcjogRm9jdXNNb25pdG9yLFxuICAgIHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5yYWRpb0dyb3VwLm5hbWUkLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSkuc3Vic2NyaWJlKG5hbWUgPT4ge1xuICAgICAgdGhpcy5uYW1lID0gbmFtZTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuXG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5yYWRpb0dyb3VwLm1vZGVsJCwgdGhpcy52YWx1ZSQkXSlcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpLFxuICAgICAgICBtYXAoKFtncm91cFZhbHVlLCBzZWxmVmFsdWVdKSA9PiBncm91cFZhbHVlID09PSBzZWxmVmFsdWUpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZShjaGVja2VkID0+IHtcbiAgICAgICAgdGhpcy5jaGVja2VkID0gY2hlY2tlZDtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmZvY3VzTW9uaXRvci5tb25pdG9yKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCwgdHJ1ZSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkJC5uZXh0KCk7XG4gICAgdGhpcy5mb2N1c01vbml0b3Iuc3RvcE1vbml0b3JpbmcodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMuY2hlY2tlZCB8fCB0aGlzLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMucmFkaW9Hcm91cC5vblJhZGlvQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIHRoaXMucmFkaW9Hcm91cC5vblJhZGlvQmx1cigpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { takeUntil } from 'rxjs';
|
|
3
|
+
import { buildBem } from '../../utils';
|
|
4
|
+
import { BaseRadio } from '../base-radio';
|
|
5
|
+
import { RadioSize } from '../radio.types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../radio-group/radio-group.component";
|
|
8
|
+
import * as i2 from "@angular/cdk/a11y";
|
|
9
|
+
import * as i3 from "@angular/common";
|
|
10
|
+
import * as i4 from "../../icon/icon.component";
|
|
11
|
+
export class RadioButtonComponent extends BaseRadio {
|
|
12
|
+
bem = buildBem('aui-radio-button');
|
|
13
|
+
size = RadioSize.Medium;
|
|
14
|
+
isPlain = true;
|
|
15
|
+
get rootClass() {
|
|
16
|
+
return `${this.bem.block(this.size)} ${this.disabled ? 'isDisabled' : ''} ${this.checked ? 'isChecked' : ''} ${this.isPlain ? 'isPlain' : ''}`;
|
|
17
|
+
}
|
|
18
|
+
constructor(radioGroup, focusMonitor, cdr) {
|
|
19
|
+
super(radioGroup, focusMonitor, cdr);
|
|
20
|
+
}
|
|
21
|
+
ngOnInit() {
|
|
22
|
+
super.ngOnInit();
|
|
23
|
+
this.radioGroup.size$.pipe(takeUntil(this.destroy$$)).subscribe(size => {
|
|
24
|
+
this.size = size;
|
|
25
|
+
this.cdr.markForCheck();
|
|
26
|
+
});
|
|
27
|
+
this.radioGroup.isPlain$
|
|
28
|
+
.pipe(takeUntil(this.destroy$$))
|
|
29
|
+
.subscribe(isPlain => {
|
|
30
|
+
this.isPlain = isPlain;
|
|
31
|
+
this.cdr.markForCheck();
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.RadioGroupComponent }, { token: i2.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: RadioButtonComponent, selector: "aui-radio-button", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
36
|
+
}
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{ selector: 'aui-radio-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"] }]
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i1.RadioGroupComponent }, { type: i2.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9yYWRpby9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9yYWRpby9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRWpDLE9BQU8sRUFBTyxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVUzQyxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsU0FBUztJQUNqRCxHQUFHLEdBQVEsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFFeEMsSUFBSSxHQUFjLFNBQVMsQ0FBQyxNQUFNLENBQUM7SUFDbkMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUVmLElBQUksU0FBUztRQUNYLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQ3RFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFDL0IsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFHRCxZQUNFLFVBQStCLEVBQy9CLFlBQTBCLEVBQzFCLEdBQXNCO1FBRXRCLEtBQUssQ0FBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFUSxRQUFRO1FBQ2YsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3JFLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVE7YUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDL0IsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO3VHQWpDVSxvQkFBb0I7MkZBQXBCLG9CQUFvQiwrRUN2QmpDLGlrQkEyQkE7OzJGREphLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxrQkFBa0IsaUJBR2IsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSx1QkFDMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBCZW0sIGJ1aWxkQmVtIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgQmFzZVJhZGlvIH0gZnJvbSAnLi4vYmFzZS1yYWRpbyc7XG5pbXBvcnQgeyBSYWRpb0dyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vcmFkaW8tZ3JvdXAvcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvU2l6ZSB9IGZyb20gJy4uL3JhZGlvLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLXJhZGlvLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0J1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VSYWRpbyBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGJlbTogQmVtID0gYnVpbGRCZW0oJ2F1aS1yYWRpby1idXR0b24nKTtcblxuICBzaXplOiBSYWRpb1NpemUgPSBSYWRpb1NpemUuTWVkaXVtO1xuICBpc1BsYWluID0gdHJ1ZTtcblxuICBnZXQgcm9vdENsYXNzKCkge1xuICAgIHJldHVybiBgJHt0aGlzLmJlbS5ibG9jayh0aGlzLnNpemUpfSAke3RoaXMuZGlzYWJsZWQgPyAnaXNEaXNhYmxlZCcgOiAnJ30gJHtcbiAgICAgIHRoaXMuY2hlY2tlZCA/ICdpc0NoZWNrZWQnIDogJydcbiAgICB9ICR7dGhpcy5pc1BsYWluID8gJ2lzUGxhaW4nIDogJyd9YDtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlbGVzcy1jb25zdHJ1Y3RvclxuICBjb25zdHJ1Y3RvcihcbiAgICByYWRpb0dyb3VwOiBSYWRpb0dyb3VwQ29tcG9uZW50LFxuICAgIGZvY3VzTW9uaXRvcjogRm9jdXNNb25pdG9yLFxuICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKHJhZGlvR3JvdXAsIGZvY3VzTW9uaXRvciwgY2RyKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG5nT25Jbml0KCkge1xuICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgdGhpcy5yYWRpb0dyb3VwLnNpemUkLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSkuc3Vic2NyaWJlKHNpemUgPT4ge1xuICAgICAgdGhpcy5zaXplID0gc2l6ZTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICAgIHRoaXMucmFkaW9Hcm91cC5pc1BsYWluJFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUoaXNQbGFpbiA9PiB7XG4gICAgICAgIHRoaXMuaXNQbGFpbiA9IGlzUGxhaW47XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgI2VsUmVmXG4gIFtuZ0NsYXNzXT1cInJvb3RDbGFzc1wiXG4+XG4gIDxpbnB1dFxuICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgIFtpZF09XCJpZFwiXG4gICAgY2xhc3M9XCJhdWktcmFkaW8tYnV0dG9uX19pbnB1dFwiXG4gICAgdHlwZT1cInJhZGlvXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgIChibHVyKT1cIm9uQmx1cigpXCJcbiAgLz5cbiAgPGlcbiAgICAqbmdJZj1cImNoZWNrZWQgJiYgaXNQbGFpblwiXG4gICAgY2xhc3M9XCJhdWktcmFkaW8tYnV0dG9uX19wb2ludGVyXCJcbiAgPlxuICAgIDxhdWktaWNvbiBpY29uPVwiY2hlY2tcIj48L2F1aS1pY29uPlxuICA8L2k+XG4gIDxsYWJlbFxuICAgIGNsYXNzPVwiYXVpLXJhZGlvLWJ1dHRvbl9fbGFiZWxcIlxuICAgIFtmb3JdPVwiaWRcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJhdWktcmFkaW8tYnV0dG9uX19jb250ZW50XCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, forwardRef, } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { BehaviorSubject, distinctUntilChanged } from 'rxjs';
|
|
4
|
+
import { CommonFormControl } from '../../form';
|
|
5
|
+
import { RadioSize } from '../radio.types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class RadioGroupComponent extends CommonFormControl {
|
|
8
|
+
size$$ = new BehaviorSubject(RadioSize.Medium);
|
|
9
|
+
isPlain$$ = new BehaviorSubject(true);
|
|
10
|
+
name$$ = new BehaviorSubject('');
|
|
11
|
+
set size(val) {
|
|
12
|
+
this.size$$.next(val);
|
|
13
|
+
}
|
|
14
|
+
direction = 'row';
|
|
15
|
+
set isPlain(val) {
|
|
16
|
+
this.plain = val;
|
|
17
|
+
}
|
|
18
|
+
set plain(val) {
|
|
19
|
+
this.isPlain$$.next(val);
|
|
20
|
+
}
|
|
21
|
+
set name(val) {
|
|
22
|
+
this.name$$.next(val);
|
|
23
|
+
}
|
|
24
|
+
size$ = this.size$$
|
|
25
|
+
.asObservable()
|
|
26
|
+
.pipe(distinctUntilChanged());
|
|
27
|
+
isPlain$ = this.isPlain$$
|
|
28
|
+
.asObservable()
|
|
29
|
+
.pipe(distinctUntilChanged());
|
|
30
|
+
name$ = this.name$$
|
|
31
|
+
.asObservable()
|
|
32
|
+
.pipe(distinctUntilChanged());
|
|
33
|
+
onRadioChange(value) {
|
|
34
|
+
this.emitValue(value);
|
|
35
|
+
}
|
|
36
|
+
onRadioBlur() {
|
|
37
|
+
if (this.onTouched) {
|
|
38
|
+
this.onTouched();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: RadioGroupComponent, selector: "aui-radio-group", inputs: { size: "size", direction: "direction", isPlain: "isPlain", plain: "plain", name: "name" }, providers: [
|
|
43
|
+
{
|
|
44
|
+
provide: NG_VALUE_ACCESSOR,
|
|
45
|
+
useExisting: forwardRef(() => RadioGroupComponent),
|
|
46
|
+
multi: true,
|
|
47
|
+
},
|
|
48
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-radio-group aui-radio-group--{{ direction }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".aui-radio-group{display:inline-flex}.aui-radio-group--row{align-items:center}.aui-radio-group--column{flex-direction:column}.aui-radio-group--column .aui-radio{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'aui-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
53
|
+
{
|
|
54
|
+
provide: NG_VALUE_ACCESSOR,
|
|
55
|
+
useExisting: forwardRef(() => RadioGroupComponent),
|
|
56
|
+
multi: true,
|
|
57
|
+
},
|
|
58
|
+
], template: "<div class=\"aui-radio-group aui-radio-group--{{ direction }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".aui-radio-group{display:inline-flex}.aui-radio-group--row{align-items:center}.aui-radio-group--column{flex-direction:column}.aui-radio-group--column .aui-radio{margin-right:0}\n"] }]
|
|
59
|
+
}], propDecorators: { size: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], direction: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], isPlain: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], plain: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], name: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}] } });
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3JhZGlvL3JhZGlvLWdyb3VwL3JhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9yYWRpby9yYWRpby1ncm91cC9yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFjLG9CQUFvQixFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBaUIzQyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsaUJBQXNCO0lBQzVDLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBWSxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUQsU0FBUyxHQUFHLElBQUksZUFBZSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUUxRCxJQUNJLElBQUksQ0FBQyxHQUFjO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFHRCxTQUFTLEdBQXFCLEtBQUssQ0FBQztJQUtwQyxJQUNJLE9BQU8sQ0FBQyxHQUFZO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUNJLEtBQUssQ0FBQyxHQUFZO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUNJLElBQUksQ0FBQyxHQUFXO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxLQUFLLEdBQTBCLElBQUksQ0FBQyxNQUFNO1NBQ3ZDLFlBQVksRUFBRTtTQUNkLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFFaEMsUUFBUSxHQUF3QixJQUFJLENBQUMsU0FBUztTQUMzQyxZQUFZLEVBQUU7U0FDZCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO0lBRWhDLEtBQUssR0FBdUIsSUFBSSxDQUFDLE1BQU07U0FDcEMsWUFBWSxFQUFFO1NBQ2QsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUMsQ0FBQztJQUVoQyxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7dUdBbkRVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLDhJQVJuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ2xELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREMxQkgseUdBR0E7OzJGRHlCYSxtQkFBbUI7a0JBZi9CLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUssYUFDZjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBUUcsSUFBSTtzQkFEUCxLQUFLO2dCQU1OLFNBQVM7c0JBRFIsS0FBSztnQkFPRixPQUFPO3NCQURWLEtBQUs7Z0JBTUYsS0FBSztzQkFEUixLQUFLO2dCQU1GLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ29tbW9uRm9ybUNvbnRyb2wgfSBmcm9tICcuLi8uLi9mb3JtJztcbmltcG9ydCB7IFJhZGlvU2l6ZSB9IGZyb20gJy4uL3JhZGlvLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLXJhZGlvLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFJhZGlvR3JvdXBDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Hcm91cENvbXBvbmVudCBleHRlbmRzIENvbW1vbkZvcm1Db250cm9sPGFueT4ge1xuICBwcml2YXRlIHJlYWRvbmx5IHNpemUkJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8UmFkaW9TaXplPihSYWRpb1NpemUuTWVkaXVtKTtcbiAgcHJpdmF0ZSByZWFkb25seSBpc1BsYWluJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuICBwcml2YXRlIHJlYWRvbmx5IG5hbWUkJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KClcbiAgc2V0IHNpemUodmFsOiBSYWRpb1NpemUpIHtcbiAgICB0aGlzLnNpemUkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbicgPSAncm93JztcblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIGBwbGFpbmAgaW5zdGVhZFxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IGlzUGxhaW4odmFsOiBib29sZWFuKSB7XG4gICAgdGhpcy5wbGFpbiA9IHZhbDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBwbGFpbih2YWw6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmlzUGxhaW4kJC5uZXh0KHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgbmFtZSh2YWw6IHN0cmluZykge1xuICAgIHRoaXMubmFtZSQkLm5leHQodmFsKTtcbiAgfVxuXG4gIHNpemUkOiBPYnNlcnZhYmxlPFJhZGlvU2l6ZT4gPSB0aGlzLnNpemUkJFxuICAgIC5hc09ic2VydmFibGUoKVxuICAgIC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpO1xuXG4gIGlzUGxhaW4kOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5pc1BsYWluJCRcbiAgICAuYXNPYnNlcnZhYmxlKClcbiAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKTtcblxuICBuYW1lJDogT2JzZXJ2YWJsZTxzdHJpbmc+ID0gdGhpcy5uYW1lJCRcbiAgICAuYXNPYnNlcnZhYmxlKClcbiAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKTtcblxuICBvblJhZGlvQ2hhbmdlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmVtaXRWYWx1ZSh2YWx1ZSk7XG4gIH1cblxuICBvblJhZGlvQmx1cigpIHtcbiAgICBpZiAodGhpcy5vblRvdWNoZWQpIHtcbiAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXVpLXJhZGlvLWdyb3VwIGF1aS1yYWRpby1ncm91cC0te3sgZGlyZWN0aW9uIH19XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { buildBem } from '../utils';
|
|
3
|
+
import { BaseRadio } from './base-radio';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "./radio-group/radio-group.component";
|
|
6
|
+
import * as i2 from "@angular/cdk/a11y";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
export class RadioComponent extends BaseRadio {
|
|
9
|
+
bem = buildBem('aui-radio');
|
|
10
|
+
get rootClass() {
|
|
11
|
+
return `${this.bem.block()} ${this.disabled ? 'isDisabled' : ''} ${this.checked ? 'isChecked' : ''}`;
|
|
12
|
+
}
|
|
13
|
+
constructor(radioGroup, focusMonitor, cdr) {
|
|
14
|
+
super(radioGroup, focusMonitor, cdr);
|
|
15
|
+
}
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioComponent, deps: [{ token: i1.RadioGroupComponent }, { token: i2.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: RadioComponent, selector: "aui-radio", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'aui-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"] }]
|
|
22
|
+
}], ctorParameters: function () { return [{ type: i1.RadioGroupComponent }, { type: i2.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFPLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7OztBQVd6QyxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFDM0MsR0FBRyxHQUFRLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUVqQyxJQUFJLFNBQVM7UUFDWCxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFDN0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUMvQixFQUFFLENBQUM7SUFDTCxDQUFDO0lBR0QsWUFDRSxVQUErQixFQUMvQixZQUEwQixFQUMxQixHQUFzQjtRQUV0QixLQUFLLENBQUMsVUFBVSxFQUFFLFlBQVksRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN2QyxDQUFDO3VHQWhCVSxjQUFjOzJGQUFkLGNBQWMsd0VDckIzQiw4Y0FzQkE7OzJGRERhLGNBQWM7a0JBUjFCLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9jdXNNb25pdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmVtLCBidWlsZEJlbSB9IGZyb20gJy4uL3V0aWxzJztcblxuaW1wb3J0IHsgQmFzZVJhZGlvIH0gZnJvbSAnLi9iYXNlLXJhZGlvJztcbmltcG9ydCB7IFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3JhZGlvLWdyb3VwL3JhZGlvLWdyb3VwLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Db21wb25lbnQgZXh0ZW5kcyBCYXNlUmFkaW8ge1xuICBiZW06IEJlbSA9IGJ1aWxkQmVtKCdhdWktcmFkaW8nKTtcblxuICBnZXQgcm9vdENsYXNzKCkge1xuICAgIHJldHVybiBgJHt0aGlzLmJlbS5ibG9jaygpfSAke3RoaXMuZGlzYWJsZWQgPyAnaXNEaXNhYmxlZCcgOiAnJ30gJHtcbiAgICAgIHRoaXMuY2hlY2tlZCA/ICdpc0NoZWNrZWQnIDogJydcbiAgICB9YDtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlbGVzcy1jb25zdHJ1Y3RvclxuICBjb25zdHJ1Y3RvcihcbiAgICByYWRpb0dyb3VwOiBSYWRpb0dyb3VwQ29tcG9uZW50LFxuICAgIGZvY3VzTW9uaXRvcjogRm9jdXNNb25pdG9yLFxuICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKHJhZGlvR3JvdXAsIGZvY3VzTW9uaXRvciwgY2RyKTtcbiAgfVxufVxuIiwiPGRpdlxuICAjZWxSZWZcbiAgW25nQ2xhc3NdPVwicm9vdENsYXNzXCJcbj5cbiAgPGlucHV0XG4gICAgW25hbWVdPVwibmFtZVwiXG4gICAgW2lkXT1cImlkXCJcbiAgICBjbGFzcz1cImF1aS1yYWRpb19faW5wdXRcIlxuICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gIC8+XG4gIDxsYWJlbFxuICAgIGNsYXNzPVwiYXVpLXJhZGlvX19sYWJlbFwiXG4gICAgW2Zvcl09XCJpZFwiXG4gID5cbiAgICA8aSBjbGFzcz1cImF1aS1yYWRpb19fcG9pbnRlclwiPjwvaT5cbiAgICA8c3BhbiBjbGFzcz1cImF1aS1yYWRpb19fY29udGVudFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gIDwvbGFiZWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { IconModule } from '../icon';
|
|
4
|
+
import { RadioButtonComponent } from './radio-button/radio-button.component';
|
|
5
|
+
import { RadioGroupComponent } from './radio-group/radio-group.component';
|
|
6
|
+
import { RadioComponent } from './radio.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class RadioModule {
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: RadioModule, declarations: [RadioComponent, RadioGroupComponent, RadioButtonComponent], imports: [CommonModule, IconModule], exports: [RadioComponent, RadioGroupComponent, RadioButtonComponent] });
|
|
11
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioModule, imports: [CommonModule, IconModule] });
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: RadioModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
imports: [CommonModule, IconModule],
|
|
17
|
+
declarations: [RadioComponent, RadioGroupComponent, RadioButtonComponent],
|
|
18
|
+
exports: [RadioComponent, RadioGroupComponent, RadioButtonComponent],
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3JhZGlvL3JhZGlvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRXJDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPbkQsTUFBTSxPQUFPLFdBQVc7dUdBQVgsV0FBVzt3R0FBWCxXQUFXLGlCQUhQLGNBQWMsRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsYUFEOUQsWUFBWSxFQUFFLFVBQVUsYUFFeEIsY0FBYyxFQUFFLG1CQUFtQixFQUFFLG9CQUFvQjt3R0FFeEQsV0FBVyxZQUpaLFlBQVksRUFBRSxVQUFVOzsyRkFJdkIsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO29CQUNuQyxZQUFZLEVBQUUsQ0FBQyxjQUFjLEVBQUUsbUJBQW1CLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3pFLE9BQU8sRUFBRSxDQUFDLGNBQWMsRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQztpQkFDckUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24nO1xuXG5pbXBvcnQgeyBSYWRpb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tZ3JvdXAvcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbUmFkaW9Db21wb25lbnQsIFJhZGlvR3JvdXBDb21wb25lbnQsIFJhZGlvQnV0dG9uQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW1JhZGlvQ29tcG9uZW50LCBSYWRpb0dyb3VwQ29tcG9uZW50LCBSYWRpb0J1dHRvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject, Subject, distinctUntilChanged } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class FixedSizeTableVirtualScrollStrategy {
|
|
5
|
+
_rowHeight = 42;
|
|
6
|
+
_headerHeight = 42;
|
|
7
|
+
_bufferSize = 10;
|
|
8
|
+
_indexChange = new Subject();
|
|
9
|
+
viewport;
|
|
10
|
+
scrolledIndexChange = this._indexChange.pipe(distinctUntilChanged());
|
|
11
|
+
stickyChange = new Subject();
|
|
12
|
+
renderedRangeStream = new BehaviorSubject({ start: 0, end: 0 });
|
|
13
|
+
get dataLength() {
|
|
14
|
+
return this._dataLength;
|
|
15
|
+
}
|
|
16
|
+
set dataLength(value) {
|
|
17
|
+
if (value !== this._dataLength) {
|
|
18
|
+
this._dataLength = value;
|
|
19
|
+
this.onDataLengthChanged();
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
_dataLength = 0;
|
|
23
|
+
attach(viewport) {
|
|
24
|
+
this.viewport = viewport;
|
|
25
|
+
this.viewport.renderedRangeStream.subscribe(this.renderedRangeStream);
|
|
26
|
+
this.onDataLengthChanged();
|
|
27
|
+
}
|
|
28
|
+
detach() {
|
|
29
|
+
this._indexChange.complete();
|
|
30
|
+
this.renderedRangeStream.complete();
|
|
31
|
+
this.stickyChange.complete();
|
|
32
|
+
}
|
|
33
|
+
onContentScrolled() {
|
|
34
|
+
this._updateContent();
|
|
35
|
+
}
|
|
36
|
+
onDataLengthChanged() {
|
|
37
|
+
if (this.viewport) {
|
|
38
|
+
this.viewport.setTotalContentSize(this._rowHeight * this.dataLength);
|
|
39
|
+
}
|
|
40
|
+
this._updateContent();
|
|
41
|
+
}
|
|
42
|
+
onContentRendered() {
|
|
43
|
+
}
|
|
44
|
+
onRenderedOffsetChanged() {
|
|
45
|
+
}
|
|
46
|
+
scrollToIndex(index, behavior) {
|
|
47
|
+
if (!this.viewport || !this._rowHeight) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
this.viewport.scrollToOffset((index - 1) * this._rowHeight + this._headerHeight, behavior);
|
|
51
|
+
}
|
|
52
|
+
setConfig(rowHeight, headerHeight, bufferSize) {
|
|
53
|
+
this._rowHeight = rowHeight;
|
|
54
|
+
this._headerHeight = headerHeight;
|
|
55
|
+
this._bufferSize = bufferSize;
|
|
56
|
+
this.onDataLengthChanged();
|
|
57
|
+
}
|
|
58
|
+
_updateContent() {
|
|
59
|
+
if (!this.viewport) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
const newIndex = Math.round((this.viewport.measureScrollOffset() - this._headerHeight) /
|
|
63
|
+
this._rowHeight) + 1;
|
|
64
|
+
const start = Math.max(0, newIndex - this._bufferSize);
|
|
65
|
+
const end = Math.min(this._dataLength, newIndex +
|
|
66
|
+
Math.ceil(this.viewport.getViewportSize() / this._rowHeight) +
|
|
67
|
+
this._bufferSize);
|
|
68
|
+
const renderedOffset = start * this._rowHeight;
|
|
69
|
+
this.viewport.setRenderedContentOffset(renderedOffset);
|
|
70
|
+
this.viewport.setRenderedRange({ start, end });
|
|
71
|
+
this.stickyChange.next(renderedOffset);
|
|
72
|
+
this._indexChange.next(newIndex);
|
|
73
|
+
}
|
|
74
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeTableVirtualScrollStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
75
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeTableVirtualScrollStrategy });
|
|
76
|
+
}
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeTableVirtualScrollStrategy, decorators: [{
|
|
78
|
+
type: Injectable
|
|
79
|
+
}] });
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZWQtc2l6ZS10YWJsZS12aXJ0dWFsLXNjcm9sbC1zdHJhdGVneS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zY3JvbGxpbmcvZml4ZWQtc2l6ZS10YWJsZS12aXJ0dWFsLXNjcm9sbC1zdHJhdGVneS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUd0RSxNQUFNLE9BQU8sbUNBQW1DO0lBR3RDLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDaEIsYUFBYSxHQUFHLEVBQUUsQ0FBQztJQUNuQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ1IsWUFBWSxHQUFHLElBQUksT0FBTyxFQUFVLENBQUM7SUFDdEQsUUFBUSxDQUEyQjtJQUVuQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDckUsWUFBWSxHQUFHLElBQUksT0FBTyxFQUFVLENBQUM7SUFFckMsbUJBQW1CLEdBQUcsSUFBSSxlQUFlLENBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRTNFLElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxVQUFVLENBQUMsS0FBYTtRQUMxQixJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQ3pCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVPLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFFeEIsTUFBTSxDQUFDLFFBQWtDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ3RFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxtQkFBbUI7UUFDakIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDdEU7UUFDRCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGlCQUFpQjtJQUVqQixDQUFDO0lBRUQsdUJBQXVCO0lBRXZCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYSxFQUFFLFFBQXdCO1FBQ25ELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN0QyxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FDMUIsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUNsRCxRQUFRLENBQ1QsQ0FBQztJQUNKLENBQUM7SUFFRCxTQUFTLENBQUMsU0FBaUIsRUFBRSxZQUFvQixFQUFFLFVBQWtCO1FBQ25FLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBQzVCLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDO1FBQzlCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTyxjQUFjO1FBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELE1BQU0sUUFBUSxHQUNaLElBQUksQ0FBQyxLQUFLLENBQ1IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLG1CQUFtQixFQUFFLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztZQUN4RCxJQUFJLENBQUMsVUFBVSxDQUNsQixHQUFHLENBQUMsQ0FBQztRQUNSLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDdkQsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FDbEIsSUFBSSxDQUFDLFdBQVcsRUFDaEIsUUFBUTtZQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQzVELElBQUksQ0FBQyxXQUFXLENBQ25CLENBQUM7UUFDRixNQUFNLGNBQWMsR0FBRyxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuQyxDQUFDO3VHQWhHVSxtQ0FBbUM7MkdBQW5DLG1DQUFtQzs7MkZBQW5DLG1DQUFtQztrQkFEL0MsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExpc3RSYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5pbXBvcnQge1xuICBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQsXG4gIFZpcnR1YWxTY3JvbGxTdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3Njcm9sbGluZyc7XG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIFN1YmplY3QsIGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBGaXhlZFNpemVUYWJsZVZpcnR1YWxTY3JvbGxTdHJhdGVneVxuICBpbXBsZW1lbnRzIFZpcnR1YWxTY3JvbGxTdHJhdGVneVxue1xuICBwcml2YXRlIF9yb3dIZWlnaHQgPSA0MjtcbiAgcHJpdmF0ZSBfaGVhZGVySGVpZ2h0ID0gNDI7XG4gIHByaXZhdGUgX2J1ZmZlclNpemUgPSAxMDtcbiAgcHJpdmF0ZSByZWFkb25seSBfaW5kZXhDaGFuZ2UgPSBuZXcgU3ViamVjdDxudW1iZXI+KCk7XG4gIHZpZXdwb3J0OiBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQ7XG5cbiAgc2Nyb2xsZWRJbmRleENoYW5nZSA9IHRoaXMuX2luZGV4Q2hhbmdlLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSk7XG4gIHN0aWNreUNoYW5nZSA9IG5ldyBTdWJqZWN0PG51bWJlcj4oKTtcblxuICByZW5kZXJlZFJhbmdlU3RyZWFtID0gbmV3IEJlaGF2aW9yU3ViamVjdDxMaXN0UmFuZ2U+KHsgc3RhcnQ6IDAsIGVuZDogMCB9KTtcblxuICBnZXQgZGF0YUxlbmd0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9kYXRhTGVuZ3RoO1xuICB9XG5cbiAgc2V0IGRhdGFMZW5ndGgodmFsdWU6IG51bWJlcikge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5fZGF0YUxlbmd0aCkge1xuICAgICAgdGhpcy5fZGF0YUxlbmd0aCA9IHZhbHVlO1xuICAgICAgdGhpcy5vbkRhdGFMZW5ndGhDaGFuZ2VkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfZGF0YUxlbmd0aCA9IDA7XG5cbiAgYXR0YWNoKHZpZXdwb3J0OiBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQpOiB2b2lkIHtcbiAgICB0aGlzLnZpZXdwb3J0ID0gdmlld3BvcnQ7XG4gICAgdGhpcy52aWV3cG9ydC5yZW5kZXJlZFJhbmdlU3RyZWFtLnN1YnNjcmliZSh0aGlzLnJlbmRlcmVkUmFuZ2VTdHJlYW0pO1xuICAgIHRoaXMub25EYXRhTGVuZ3RoQ2hhbmdlZCgpO1xuICB9XG5cbiAgZGV0YWNoKCk6IHZvaWQge1xuICAgIHRoaXMuX2luZGV4Q2hhbmdlLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5yZW5kZXJlZFJhbmdlU3RyZWFtLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5zdGlja3lDaGFuZ2UuY29tcGxldGUoKTtcbiAgfVxuXG4gIG9uQ29udGVudFNjcm9sbGVkKCk6IHZvaWQge1xuICAgIHRoaXMuX3VwZGF0ZUNvbnRlbnQoKTtcbiAgfVxuXG4gIG9uRGF0YUxlbmd0aENoYW5nZWQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudmlld3BvcnQpIHtcbiAgICAgIHRoaXMudmlld3BvcnQuc2V0VG90YWxDb250ZW50U2l6ZSh0aGlzLl9yb3dIZWlnaHQgKiB0aGlzLmRhdGFMZW5ndGgpO1xuICAgIH1cbiAgICB0aGlzLl91cGRhdGVDb250ZW50KCk7XG4gIH1cblxuICBvbkNvbnRlbnRSZW5kZXJlZCgpOiB2b2lkIHtcbiAgICAvLyBuby1vcFxuICB9XG5cbiAgb25SZW5kZXJlZE9mZnNldENoYW5nZWQoKTogdm9pZCB7XG4gICAgLy8gbm8tb3BcbiAgfVxuXG4gIHNjcm9sbFRvSW5kZXgoaW5kZXg6IG51bWJlciwgYmVoYXZpb3I6IFNjcm9sbEJlaGF2aW9yKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnZpZXdwb3J0IHx8ICF0aGlzLl9yb3dIZWlnaHQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy52aWV3cG9ydC5zY3JvbGxUb09mZnNldChcbiAgICAgIChpbmRleCAtIDEpICogdGhpcy5fcm93SGVpZ2h0ICsgdGhpcy5faGVhZGVySGVpZ2h0LFxuICAgICAgYmVoYXZpb3IsXG4gICAgKTtcbiAgfVxuXG4gIHNldENvbmZpZyhyb3dIZWlnaHQ6IG51bWJlciwgaGVhZGVySGVpZ2h0OiBudW1iZXIsIGJ1ZmZlclNpemU6IG51bWJlcikge1xuICAgIHRoaXMuX3Jvd0hlaWdodCA9IHJvd0hlaWdodDtcbiAgICB0aGlzLl9oZWFkZXJIZWlnaHQgPSBoZWFkZXJIZWlnaHQ7XG4gICAgdGhpcy5fYnVmZmVyU2l6ZSA9IGJ1ZmZlclNpemU7XG4gICAgdGhpcy5vbkRhdGFMZW5ndGhDaGFuZ2VkKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVDb250ZW50KCkge1xuICAgIGlmICghdGhpcy52aWV3cG9ydCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBuZXdJbmRleCA9XG4gICAgICBNYXRoLnJvdW5kKFxuICAgICAgICAodGhpcy52aWV3cG9ydC5tZWFzdXJlU2Nyb2xsT2Zmc2V0KCkgLSB0aGlzLl9oZWFkZXJIZWlnaHQpIC9cbiAgICAgICAgICB0aGlzLl9yb3dIZWlnaHQsXG4gICAgICApICsgMTtcbiAgICBjb25zdCBzdGFydCA9IE1hdGgubWF4KDAsIG5ld0luZGV4IC0gdGhpcy5fYnVmZmVyU2l6ZSk7XG4gICAgY29uc3QgZW5kID0gTWF0aC5taW4oXG4gICAgICB0aGlzLl9kYXRhTGVuZ3RoLFxuICAgICAgbmV3SW5kZXggK1xuICAgICAgICBNYXRoLmNlaWwodGhpcy52aWV3cG9ydC5nZXRWaWV3cG9ydFNpemUoKSAvIHRoaXMuX3Jvd0hlaWdodCkgK1xuICAgICAgICB0aGlzLl9idWZmZXJTaXplLFxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyZWRPZmZzZXQgPSBzdGFydCAqIHRoaXMuX3Jvd0hlaWdodDtcbiAgICB0aGlzLnZpZXdwb3J0LnNldFJlbmRlcmVkQ29udGVudE9mZnNldChyZW5kZXJlZE9mZnNldCk7XG4gICAgdGhpcy52aWV3cG9ydC5zZXRSZW5kZXJlZFJhbmdlKHsgc3RhcnQsIGVuZCB9KTtcbiAgICB0aGlzLnN0aWNreUNoYW5nZS5uZXh0KHJlbmRlcmVkT2Zmc2V0KTtcbiAgICB0aGlzLl9pbmRleENoYW5nZS5uZXh0KG5ld0luZGV4KTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { VIRTUAL_SCROLL_STRATEGY } from '@angular/cdk/scrolling';
|
|
2
|
+
import { ContentChild, Directive, Input, forwardRef, } from '@angular/core';
|
|
3
|
+
import { BehaviorSubject, Subject, combineLatest, filter, map, takeUntil, tap, } from 'rxjs';
|
|
4
|
+
import { TableComponent } from '../table';
|
|
5
|
+
import { FixedSizeTableVirtualScrollStrategy } from './fixed-size-table-virtual-scroll-strategy';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export function _tableVirtualScrollDirectiveStrategyFactory(tableDir) {
|
|
8
|
+
return tableDir.scrollStrategy;
|
|
9
|
+
}
|
|
10
|
+
const stickyHeaderSelector = '.aui-table__header-row.aui-table-sticky';
|
|
11
|
+
const defaults = {
|
|
12
|
+
rowHeight: 42,
|
|
13
|
+
headerHeight: 42,
|
|
14
|
+
buffer: 10,
|
|
15
|
+
};
|
|
16
|
+
export class FixedSizeTableVirtualScrollDirective {
|
|
17
|
+
onDestroy$ = new Subject();
|
|
18
|
+
_dataSource$$ = new BehaviorSubject([]);
|
|
19
|
+
rowHeight = defaults.rowHeight;
|
|
20
|
+
headerHeight = defaults.headerHeight;
|
|
21
|
+
buffer = defaults.buffer;
|
|
22
|
+
set dataSource(dataSource) {
|
|
23
|
+
this._dataSource$$.next(dataSource);
|
|
24
|
+
this.scrollStrategy.dataLength = dataSource?.length;
|
|
25
|
+
}
|
|
26
|
+
table;
|
|
27
|
+
scrollStrategy = new FixedSizeTableVirtualScrollStrategy();
|
|
28
|
+
stickyPositions;
|
|
29
|
+
ngAfterContentInit() {
|
|
30
|
+
this.scrollStrategy.stickyChange
|
|
31
|
+
.pipe(filter(() => this.isStickyEnabled()), tap(() => {
|
|
32
|
+
if (!this.stickyPositions) {
|
|
33
|
+
this.initStickyPositions();
|
|
34
|
+
}
|
|
35
|
+
}), takeUntil(this.onDestroy$))
|
|
36
|
+
.subscribe(stickyOffset => {
|
|
37
|
+
this.setSticky(stickyOffset);
|
|
38
|
+
});
|
|
39
|
+
combineLatest([this.scrollStrategy.renderedRangeStream, this._dataSource$$])
|
|
40
|
+
.pipe(map(([{ start, end }, dataSource]) => typeof start !== 'number' || typeof end !== 'number'
|
|
41
|
+
? dataSource
|
|
42
|
+
: dataSource?.slice(start, end)), takeUntil(this.onDestroy$))
|
|
43
|
+
.subscribe(data => {
|
|
44
|
+
this.table.dataSource = data;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
ngOnChanges({ rowHeight, headerHeight, buffer }) {
|
|
48
|
+
if (rowHeight || headerHeight || buffer) {
|
|
49
|
+
this.scrollStrategy.setConfig(this.rowHeight, this.headerHeight, this.buffer);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
ngOnDestroy() {
|
|
53
|
+
this.onDestroy$.next(null);
|
|
54
|
+
this.onDestroy$.complete();
|
|
55
|
+
}
|
|
56
|
+
isStickyEnabled() {
|
|
57
|
+
return (!!this.scrollStrategy.viewport &&
|
|
58
|
+
this.table._headerRowDefs
|
|
59
|
+
.map(def => def.sticky)
|
|
60
|
+
.reduce((prev, curr) => prev && curr, true));
|
|
61
|
+
}
|
|
62
|
+
initStickyPositions() {
|
|
63
|
+
this.stickyPositions = new Map();
|
|
64
|
+
this.scrollStrategy.viewport.elementRef.nativeElement
|
|
65
|
+
.querySelectorAll(stickyHeaderSelector)
|
|
66
|
+
.forEach(el => {
|
|
67
|
+
const parent = el.parentElement;
|
|
68
|
+
if (!this.stickyPositions.has(parent)) {
|
|
69
|
+
this.stickyPositions.set(parent, parent.offsetTop);
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
setSticky(offset) {
|
|
74
|
+
this.scrollStrategy.viewport.elementRef.nativeElement
|
|
75
|
+
.querySelectorAll(stickyHeaderSelector)
|
|
76
|
+
.forEach(el => {
|
|
77
|
+
const parent = el.parentElement;
|
|
78
|
+
let baseOffset = 0;
|
|
79
|
+
if (this.stickyPositions.has(parent)) {
|
|
80
|
+
baseOffset = this.stickyPositions.get(parent);
|
|
81
|
+
}
|
|
82
|
+
el.style.top = `${baseOffset - offset}px`;
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeTableVirtualScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
86
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: FixedSizeTableVirtualScrollDirective, selector: "aui-virtual-scroll-viewport[fixedSize]", inputs: { rowHeight: "rowHeight", headerHeight: "headerHeight", buffer: "buffer", dataSource: "dataSource" }, providers: [
|
|
87
|
+
{
|
|
88
|
+
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
89
|
+
useFactory: _tableVirtualScrollDirectiveStrategyFactory,
|
|
90
|
+
deps: [forwardRef(() => FixedSizeTableVirtualScrollDirective)],
|
|
91
|
+
},
|
|
92
|
+
], queries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true }], exportAs: ["viewPort"], usesOnChanges: true, ngImport: i0 });
|
|
93
|
+
}
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeTableVirtualScrollDirective, decorators: [{
|
|
95
|
+
type: Directive,
|
|
96
|
+
args: [{
|
|
97
|
+
selector: 'aui-virtual-scroll-viewport[fixedSize]',
|
|
98
|
+
exportAs: 'viewPort',
|
|
99
|
+
providers: [
|
|
100
|
+
{
|
|
101
|
+
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
102
|
+
useFactory: _tableVirtualScrollDirectiveStrategyFactory,
|
|
103
|
+
deps: [forwardRef(() => FixedSizeTableVirtualScrollDirective)],
|
|
104
|
+
},
|
|
105
|
+
],
|
|
106
|
+
}]
|
|
107
|
+
}], propDecorators: { rowHeight: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], headerHeight: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], buffer: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], dataSource: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], table: [{
|
|
116
|
+
type: ContentChild,
|
|
117
|
+
args: [TableComponent, { static: false }]
|
|
118
|
+
}] } });
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZWQtc2l6ZS10YWJsZS12aXJ0dWFsLXNjcm9sbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2Nyb2xsaW5nL2ZpeGVkLXNpemUtdGFibGUtdmlydHVhbC1zY3JvbGwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWpFLE9BQU8sRUFFTCxZQUFZLEVBQ1osU0FBUyxFQUNULEtBQUssRUFJTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsRUFDZixPQUFPLEVBQ1AsYUFBYSxFQUNiLE1BQU0sRUFDTixHQUFHLEVBQ0gsU0FBUyxFQUNULEdBQUcsR0FDSixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFMUMsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBRWpHLE1BQU0sVUFBVSwyQ0FBMkMsQ0FDekQsUUFBOEM7SUFFOUMsT0FBTyxRQUFRLENBQUMsY0FBYyxDQUFDO0FBQ2pDLENBQUM7QUFFRCxNQUFNLG9CQUFvQixHQUFHLHlDQUF5QyxDQUFDO0FBRXZFLE1BQU0sUUFBUSxHQUFHO0lBQ2YsU0FBUyxFQUFFLEVBQUU7SUFDYixZQUFZLEVBQUUsRUFBRTtJQUNoQixNQUFNLEVBQUUsRUFBRTtDQUNYLENBQUM7QUFjRixNQUFNLE9BQU8sb0NBQW9DO0lBRzlCLFVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBQzNCLGFBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBTSxFQUFFLENBQUMsQ0FBQztJQUc5RCxTQUFTLEdBQVcsUUFBUSxDQUFDLFNBQVMsQ0FBQztJQUd2QyxZQUFZLEdBQVcsUUFBUSxDQUFDLFlBQVksQ0FBQztJQUc3QyxNQUFNLEdBQVcsUUFBUSxDQUFDLE1BQU0s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NEJBQ2hDLFVBQVUsRUFBRSwyQ0FBMkM7NEJBQ3ZELElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUNBQXFDLENBQUMsQ0FBQzt5QkFDL0Q7cUJBQ0Y7aUJBQ0Y7OEJBUUMsU0FBUztzQkFEUixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSUYsVUFBVTtzQkFEYixLQUFLO2dCQU9OLEtBQUs7c0JBREosWUFBWTt1QkFBQyxjQUFjLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVklSVFVBTF9TQ1JPTExfU1RSQVRFR1kgfSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcbmltcG9ydCB7IENka0hlYWRlclJvd0RlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90YWJsZSc7XG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb250ZW50Q2hpbGQsXG4gIERpcmVjdGl2ZSxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEJlaGF2aW9yU3ViamVjdCxcbiAgU3ViamVjdCxcbiAgY29tYmluZUxhdGVzdCxcbiAgZmlsdGVyLFxuICBtYXAsXG4gIHRha2VVbnRpbCxcbiAgdGFwLFxufSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuLi90YWJsZSc7XG5cbmltcG9ydCB7IEZpeGVkU2l6ZVRhYmxlVmlydHVhbFNjcm9sbFN0cmF0ZWd5IH0gZnJvbSAnLi9maXhlZC1zaXplLXRhYmxlLXZpcnR1YWwtc2Nyb2xsLXN0cmF0ZWd5JztcblxuZXhwb3J0IGZ1bmN0aW9uIF90YWJsZVZpcnR1YWxTY3JvbGxEaXJlY3RpdmVTdHJhdGVneUZhY3RvcnkoXG4gIHRhYmxlRGlyOiBGaXhlZFNpemVUYWJsZVZpcnR1YWxTY3JvbGxEaXJlY3RpdmUsXG4pIHtcbiAgcmV0dXJuIHRhYmxlRGlyLnNjcm9sbFN0cmF0ZWd5O1xufVxuXG5jb25zdCBzdGlja3lIZWFkZXJTZWxlY3RvciA9ICcuYXVpLXRhYmxlX19oZWFkZXItcm93LmF1aS10YWJsZS1zdGlja3knO1xuXG5jb25zdCBkZWZhdWx0cyA9IHtcbiAgcm93SGVpZ2h0OiA0MixcbiAgaGVhZGVySGVpZ2h0OiA0MixcbiAgYnVmZmVyOiAxMCxcbn07XG5cbkBEaXJlY3RpdmUoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2F1aS12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydFtmaXhlZFNpemVdJyxcbiAgZXhwb3J0QXM6ICd2aWV3UG9ydCcsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFZJUlRVQUxfU0NST0xMX1NUUkFURUdZLFxuICAgICAgdXNlRmFjdG9yeTogX3RhYmxlVmlydHVhbFNjcm9sbERpcmVjdGl2ZVN0cmF0ZWd5RmFjdG9yeSxcbiAgICAgIGRlcHM6IFtmb3J3YXJkUmVmKCgpID0+IEZpeGVkU2l6ZVRhYmxlVmlydHVhbFNjcm9sbERpcmVjdGl2ZSldLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZpeGVkU2l6ZVRhYmxlVmlydHVhbFNjcm9sbERpcmVjdGl2ZTxUID0gdW5rbm93bj5cbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveVxue1xuICBwcml2YXRlIHJlYWRvbmx5IG9uRGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xuICBwcml2YXRlIHJlYWRvbmx5IF9kYXRhU291cmNlJCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFRbXT4oW10pO1xuXG4gIEBJbnB1dCgpXG4gIHJvd0hlaWdodDogbnVtYmVyID0gZGVmYXVsdHMucm93SGVpZ2h0O1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRlckhlaWdodDogbnVtYmVyID0gZGVmYXVsdHMuaGVhZGVySGVpZ2h0O1xuXG4gIEBJbnB1dCgpXG4gIGJ1ZmZlcjogbnVtYmVyID0gZGVmYXVsdHMuYnVmZmVyO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBkYXRhU291cmNlKGRhdGFTb3VyY2U6IFRbXSkge1xuICAgIHRoaXMuX2RhdGFTb3VyY2UkJC5uZXh0KGRhdGFTb3VyY2UpO1xuICAgIHRoaXMuc2Nyb2xsU3RyYXRlZ3kuZGF0YUxlbmd0aCA9IGRhdGFTb3VyY2U/Lmxlbmd0aDtcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoVGFibGVDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KVxuICB0YWJsZTogVGFibGVDb21wb25lbnQ8YW55PjtcblxuICBzY3JvbGxTdHJhdGVneSA9IG5ldyBGaXhlZFNpemVUYWJsZVZpcnR1YWxTY3JvbGxTdHJhdGVneSgpO1xuXG4gIHByaXZhdGUgc3RpY2t5UG9zaXRpb25zOiBNYXA8SFRNTEVsZW1lbnQsIG51bWJlcj47XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuc2Nyb2xsU3RyYXRlZ3kuc3RpY2t5Q2hhbmdlXG4gICAgICAucGlwZShcbiAgICAgICAgZmlsdGVyKCgpID0+IHRoaXMuaXNTdGlja3lFbmFibGVkKCkpLFxuICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgIGlmICghdGhpcy5zdGlja3lQb3NpdGlvbnMpIHtcbiAgICAgICAgICAgIHRoaXMuaW5pdFN0aWNreVBvc2l0aW9ucygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZShzdGlja3lPZmZzZXQgPT4ge1xuICAgICAgICB0aGlzLnNldFN0aWNreShzdGlja3lPZmZzZXQpO1xuICAgICAgfSk7XG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5zY3JvbGxTdHJhdGVneS5yZW5kZXJlZFJhbmdlU3RyZWFtLCB0aGlzLl9kYXRhU291cmNlJCRdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIG1hcCgoW3sgc3RhcnQsIGVuZCB9LCBkYXRhU291cmNlXSkgPT5cbiAgICAgICAgICB0eXBlb2Ygc3RhcnQgIT09ICdudW1iZXInIHx8IHR5cGVvZiBlbmQgIT09ICdudW1iZXInXG4gICAgICAgICAgICA/IGRhdGFTb3VyY2VcbiAgICAgICAgICAgIDogZGF0YVNvdXJjZT8uc2xpY2Uoc3RhcnQsIGVuZCksXG4gICAgICAgICksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgICAgdGhpcy50YWJsZS5kYXRhU291cmNlID0gZGF0YTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoeyByb3dIZWlnaHQsIGhlYWRlckhlaWdodCwgYnVmZmVyIH06IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAocm93SGVpZ2h0IHx8IGhlYWRlckhlaWdodCB8fCBidWZmZXIpIHtcbiAgICAgIHRoaXMuc2Nyb2xsU3RyYXRlZ3kuc2V0Q29uZmlnKFxuICAgICAgICB0aGlzLnJvd0hlaWdodCxcbiAgICAgICAgdGhpcy5oZWFkZXJIZWlnaHQsXG4gICAgICAgIHRoaXMuYnVmZmVyLFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLm9uRGVzdHJveSQubmV4dChudWxsKTtcbiAgICB0aGlzLm9uRGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgaXNTdGlja3lFbmFibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAoXG4gICAgICAhIXRoaXMuc2Nyb2xsU3RyYXRlZ3kudmlld3BvcnQgJiZcbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICh0aGlzLnRhYmxlLl9oZWFkZXJSb3dEZWZzIGFzIENka0hlYWRlclJvd0RlZltdKVxuICAgICAgICAubWFwKGRlZiA9PiBkZWYuc3RpY2t5KVxuICAgICAgICAucmVkdWNlKChwcmV2LCBjdXJyKSA9PiBwcmV2ICYmIGN1cnIsIHRydWUpXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdFN0aWNreVBvc2l0aW9ucygpIHtcbiAgICB0aGlzLnN0aWNreVBvc2l0aW9ucyA9IG5ldyBNYXA8SFRNTEVsZW1lbnQsIG51bWJlcj4oKTtcbiAgICB0aGlzLnNjcm9sbFN0cmF0ZWd5LnZpZXdwb3J0LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxuICAgICAgLnF1ZXJ5U2VsZWN0b3JBbGwoc3RpY2t5SGVhZGVyU2VsZWN0b3IpXG4gICAgICAuZm9yRWFjaChlbCA9PiB7XG4gICAgICAgIGNvbnN0IHBhcmVudCA9IGVsLnBhcmVudEVsZW1lbnQ7XG4gICAgICAgIGlmICghdGhpcy5zdGlja3lQb3NpdGlvbnMuaGFzKHBhcmVudCkpIHtcbiAgICAgICAgICB0aGlzLnN0aWNreVBvc2l0aW9ucy5zZXQocGFyZW50LCBwYXJlbnQub2Zmc2V0VG9wKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNldFN0aWNreShvZmZzZXQ6IG51bWJlcikge1xuICAgIHRoaXMuc2Nyb2xsU3RyYXRlZ3kudmlld3BvcnQuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICAucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oc3RpY2t5SGVhZGVyU2VsZWN0b3IpXG4gICAgICAuZm9yRWFjaChlbCA9PiB7XG4gICAgICAgIGNvbnN0IHBhcmVudCA9IGVsLnBhcmVudEVsZW1lbnQ7XG4gICAgICAgIGxldCBiYXNlT2Zmc2V0ID0gMDtcbiAgICAgICAgaWYgKHRoaXMuc3RpY2t5UG9zaXRpb25zLmhhcyhwYXJlbnQpKSB7XG4gICAgICAgICAgYmFzZU9mZnNldCA9IHRoaXMuc3RpY2t5UG9zaXRpb25zLmdldChwYXJlbnQpO1xuICAgICAgICB9XG4gICAgICAgIGVsLnN0eWxlLnRvcCA9IGAke2Jhc2VPZmZzZXQgLSBvZmZzZXR9cHhgO1xuICAgICAgfSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CdkFixedSizeVirtualScroll, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, } from '@angular/cdk/scrolling';
|
|
2
|
+
import { Directive, forwardRef } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class FixedSizeVirtualScrollDirective extends CdkFixedSizeVirtualScroll {
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeVirtualScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: FixedSizeVirtualScrollDirective, selector: "aui-virtual-scroll-viewport[itemSize]", providers: [
|
|
7
|
+
{
|
|
8
|
+
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
9
|
+
useFactory: _fixedSizeVirtualScrollStrategyFactory,
|
|
10
|
+
deps: [forwardRef(() => FixedSizeVirtualScrollDirective)],
|
|
11
|
+
},
|
|
12
|
+
], usesInheritance: true, ngImport: i0 });
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FixedSizeVirtualScrollDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: 'aui-virtual-scroll-viewport[itemSize]',
|
|
18
|
+
providers: [
|
|
19
|
+
{
|
|
20
|
+
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
21
|
+
useFactory: _fixedSizeVirtualScrollStrategyFactory,
|
|
22
|
+
deps: [forwardRef(() => FixedSizeVirtualScrollDirective)],
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
}]
|
|
26
|
+
}] });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZWQtc2l6ZS12aXJ0dWFsLXNjcm9sbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2Nyb2xsaW5nL2ZpeGVkLXNpemUtdmlydHVhbC1zY3JvbGwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx5QkFBeUIsRUFDekIsdUJBQXVCLEVBQ3ZCLHNDQUFzQyxHQUN2QyxNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWF0RCxNQUFNLE9BQU8sK0JBQWdDLFNBQVEseUJBQXlCO3VHQUFqRSwrQkFBK0I7MkZBQS9CLCtCQUErQixnRUFSL0I7WUFDVDtnQkFDRSxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxVQUFVLEVBQUUsc0NBQXNDO2dCQUNsRCxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsK0JBQStCLENBQUMsQ0FBQzthQUMxRDtTQUNGOzsyRkFFVSwrQkFBK0I7a0JBWDNDLFNBQVM7bUJBQUM7b0JBRVQsUUFBUSxFQUFFLHVDQUF1QztvQkFDakQsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFVBQVUsRUFBRSxzQ0FBc0M7NEJBQ2xELElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0NBQWdDLENBQUMsQ0FBQzt5QkFDMUQ7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDZGtGaXhlZFNpemVWaXJ0dWFsU2Nyb2xsLFxuICBWSVJUVUFMX1NDUk9MTF9TVFJBVEVHWSxcbiAgX2ZpeGVkU2l6ZVZpcnR1YWxTY3JvbGxTdHJhdGVneUZhY3RvcnksXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9zY3JvbGxpbmcnO1xuaW1wb3J0IHsgRGlyZWN0aXZlLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2F1aS12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydFtpdGVtU2l6ZV0nLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBWSVJUVUFMX1NDUk9MTF9TVFJBVEVHWSxcbiAgICAgIHVzZUZhY3Rvcnk6IF9maXhlZFNpemVWaXJ0dWFsU2Nyb2xsU3RyYXRlZ3lGYWN0b3J5LFxuICAgICAgZGVwczogW2ZvcndhcmRSZWYoKCkgPT4gRml4ZWRTaXplVmlydHVhbFNjcm9sbERpcmVjdGl2ZSldLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZpeGVkU2l6ZVZpcnR1YWxTY3JvbGxEaXJlY3RpdmUgZXh0ZW5kcyBDZGtGaXhlZFNpemVWaXJ0dWFsU2Nyb2xsIHt9XG4iXX0=
|
|
@@ -12,19 +12,19 @@ const EXPORTABLE_DIRECTIVES = [
|
|
|
12
12
|
];
|
|
13
13
|
const EXPORTABLE = [...EXPORTABLE_COMPONENTS, ...EXPORTABLE_DIRECTIVES];
|
|
14
14
|
export class ScrollingModule {
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: ScrollingModule, declarations: [VirtualScrollViewportComponent, FixedSizeTableVirtualScrollDirective,
|
|
17
|
+
FixedSizeVirtualScrollDirective,
|
|
18
|
+
VirtualForOfDirective], exports: [VirtualScrollViewportComponent, FixedSizeTableVirtualScrollDirective,
|
|
19
|
+
FixedSizeVirtualScrollDirective,
|
|
20
|
+
VirtualForOfDirective] });
|
|
21
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ScrollingModule });
|
|
15
22
|
}
|
|
16
|
-
|
|
17
|
-
ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollingModule, declarations: [VirtualScrollViewportComponent, FixedSizeTableVirtualScrollDirective,
|
|
18
|
-
FixedSizeVirtualScrollDirective,
|
|
19
|
-
VirtualForOfDirective], exports: [VirtualScrollViewportComponent, FixedSizeTableVirtualScrollDirective,
|
|
20
|
-
FixedSizeVirtualScrollDirective,
|
|
21
|
-
VirtualForOfDirective] });
|
|
22
|
-
ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollingModule });
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollingModule, decorators: [{
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ScrollingModule, decorators: [{
|
|
24
24
|
type: NgModule,
|
|
25
25
|
args: [{
|
|
26
26
|
declarations: EXPORTABLE,
|
|
27
27
|
exports: EXPORTABLE,
|
|
28
28
|
}]
|
|
29
29
|
}] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsaW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zY3JvbGxpbmcvc2Nyb2xsaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ25HLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25FLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQUVyRixNQUFNLHFCQUFxQixHQUFHLENBQUMsOEJBQThCLENBQUMsQ0FBQztBQUMvRCxNQUFNLHFCQUFxQixHQUFHO0lBQzVCLG9DQUFvQztJQUNwQywrQkFBK0I7SUFDL0IscUJBQXFCO0NBQ3RCLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcscUJBQXFCLEVBQUUsR0FBRyxxQkFBcUIsQ0FBQyxDQUFDO0FBTXhFLE1BQU0sT0FBTyxlQUFlO3VHQUFmLGVBQWU7d0dBQWYsZUFBZSxpQkFiRyw4QkFBOEIsRUFFM0Qsb0NBQW9DO1lBQ3BDLCtCQUErQjtZQUMvQixxQkFBcUIsYUFKUSw4QkFBOEIsRUFFM0Qsb0NBQW9DO1lBQ3BDLCtCQUErQjtZQUMvQixxQkFBcUI7d0dBU1YsZUFBZTs7MkZBQWYsZUFBZTtrQkFKM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsVUFBVTtvQkFDeEIsT0FBTyxFQUFFLFVBQVU7aUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRml4ZWRTaXplVGFibGVWaXJ0dWFsU2Nyb2xsRGlyZWN0aXZlIH0gZnJvbSAnLi9maXhlZC1zaXplLXRhYmxlLXZpcnR1YWwtc2Nyb2xsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBGaXhlZFNpemVWaXJ0dWFsU2Nyb2xsRGlyZWN0aXZlIH0gZnJvbSAnLi9maXhlZC1zaXplLXZpcnR1YWwtc2Nyb2xsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBWaXJ0dWFsRm9yT2ZEaXJlY3RpdmUgfSBmcm9tICcuL3ZpcnR1YWwtZm9yLW9mLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsVmlld3BvcnRDb21wb25lbnQgfSBmcm9tICcuL3ZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0LmNvbXBvbmVudCc7XG5cbmNvbnN0IEVYUE9SVEFCTEVfQ09NUE9ORU5UUyA9IFtWaXJ0dWFsU2Nyb2xsVmlld3BvcnRDb21wb25lbnRdO1xuY29uc3QgRVhQT1JUQUJMRV9ESVJFQ1RJVkVTID0gW1xuICBGaXhlZFNpemVUYWJsZVZpcnR1YWxTY3JvbGxEaXJlY3RpdmUsXG4gIEZpeGVkU2l6ZVZpcnR1YWxTY3JvbGxEaXJlY3RpdmUsXG4gIFZpcnR1YWxGb3JPZkRpcmVjdGl2ZSxcbl07XG5cbmNvbnN0IEVYUE9SVEFCTEUgPSBbLi4uRVhQT1JUQUJMRV9DT01QT05FTlRTLCAuLi5FWFBPUlRBQkxFX0RJUkVDVElWRVNdO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IEVYUE9SVEFCTEUsXG4gIGV4cG9ydHM6IEVYUE9SVEFCTEUsXG59KVxuZXhwb3J0IGNsYXNzIFNjcm9sbGluZ01vZHVsZSB7fVxuIl19
|