@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,73 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
+
import { CdkAccordionItem } from '@angular/cdk/accordion';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, TemplateRef, ViewEncapsulation, } from '@angular/core';
|
|
4
|
+
import { filter, startWith, take } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../accordion.component";
|
|
7
|
+
import * as i2 from "@angular/cdk/collections";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
import * as i4 from "../../icon/icon.component";
|
|
10
|
+
export class AccordionItemHeaderDirective {
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
12
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: AccordionItemHeaderDirective, selector: "[auiAccordionItemHeader]", ngImport: i0 });
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemHeaderDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: '[auiAccordionItemHeader]',
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
export class AccordionItemContentDirective {
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
22
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: AccordionItemContentDirective, selector: "[auiAccordionContent]", ngImport: i0 });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemContentDirective, decorators: [{
|
|
25
|
+
type: Directive,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: '[auiAccordionContent]',
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
export class AccordionItemComponent extends CdkAccordionItem {
|
|
31
|
+
background = true;
|
|
32
|
+
_lazyContentTpl;
|
|
33
|
+
lazyContentTpl;
|
|
34
|
+
constructor(accordion, cdr, uniqueSelectionDispatcher) {
|
|
35
|
+
super(accordion, cdr, uniqueSelectionDispatcher);
|
|
36
|
+
}
|
|
37
|
+
ngAfterContentInit() {
|
|
38
|
+
if (this._lazyContentTpl) {
|
|
39
|
+
this.opened
|
|
40
|
+
.pipe(startWith(null), filter(() => !!this.expanded), take(1))
|
|
41
|
+
.subscribe(() => {
|
|
42
|
+
this.lazyContentTpl = this._lazyContentTpl;
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemComponent, deps: [{ token: i1.AccordionComponent }, { token: i0.ChangeDetectorRef }, { token: i2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AccordionItemComponent, selector: "aui-accordion-item", inputs: { background: "background" }, queries: [{ propertyName: "_lazyContentTpl", first: true, predicate: AccordionItemContentDirective, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;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))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], viewProviders: [AccordionItemComponent], animations: [
|
|
48
|
+
trigger('expand', [
|
|
49
|
+
state('*', style({ height: 0 })),
|
|
50
|
+
state('expanded', style({ height: '*' })),
|
|
51
|
+
transition('* <=> expanded', [animate('0.1s ease-in-out')]),
|
|
52
|
+
]),
|
|
53
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'aui-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, animations: [
|
|
58
|
+
trigger('expand', [
|
|
59
|
+
state('*', style({ height: 0 })),
|
|
60
|
+
state('expanded', style({ height: '*' })),
|
|
61
|
+
transition('* <=> expanded', [animate('0.1s ease-in-out')]),
|
|
62
|
+
]),
|
|
63
|
+
], viewProviders: [AccordionItemComponent], template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;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))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"] }]
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i1.AccordionComponent }, { type: i0.ChangeDetectorRef }, { type: i2.UniqueSelectionDispatcher }]; }, propDecorators: { background: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], _lazyContentTpl: [{
|
|
67
|
+
type: ContentChild,
|
|
68
|
+
args: [AccordionItemContentDirective, {
|
|
69
|
+
read: TemplateRef,
|
|
70
|
+
static: true,
|
|
71
|
+
}]
|
|
72
|
+
}] } });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS9hY2NvcmRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUNSLE1BQU0scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFMUQsT0FBTyxFQUVMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLEVBQ0wsV0FBVyxFQUNYLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQU8vQyxNQUFNLE9BQU8sNEJBQTRCO3VHQUE1Qiw0QkFBNEI7MkZBQTVCLDRCQUE0Qjs7MkZBQTVCLDRCQUE0QjtrQkFIeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO2lCQUNyQzs7QUFLRCxNQUFNLE9BQU8sNkJBQTZCO3VHQUE3Qiw2QkFBNkI7MkZBQTdCLDZCQUE2Qjs7MkZBQTdCLDZCQUE2QjtrQkFIekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2lCQUNsQzs7QUFrQkQsTUFBTSxPQUFPLHNCQUNYLFNBQVEsZ0JBQWdCO0lBSXhCLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFNbEIsZUFBZSxDQUF1QjtJQUV0QyxjQUFjLENBQXVCO0lBR3JDLFlBQ0UsU0FBNkIsRUFDN0IsR0FBc0IsRUFDdEIseUJBQW9EO1FBRXBELEtBQUssQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLHlCQUF5QixDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFFeEIsSUFBSSxDQUFDLE1BQU07aUJBQ1IsSUFBSSxDQUNILFNBQVMsQ0FBQyxJQUFZLENBQUMsRUFDdkIsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQzdCLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDUjtpQkFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztZQUM3QyxDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0gsQ0FBQzt1R0FyQ1Usc0JBQXNCOzJGQUF0QixzQkFBc0IsNklBT25CLDZCQUE2QiwyQkFDbkMsV0FBVyxrRUN4RHJCLHE4QkFpQ0EscW9GRGFpQixDQUFDLHNCQUFzQixDQUFDLGNBUDNCO1lBQ1YsT0FBTyxDQUFDLFFBQVEsRUFBRTtnQkFDaEIsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDaEMsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDekMsVUFBVSxDQUFDLGdCQUFnQixFQUFFLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQzthQUM1RCxDQUFDO1NBQ0g7OzJGQUdVLHNCQUFzQjtrQkFoQmxDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUssY0FDZDt3QkFDVixPQUFPLENBQUMsUUFBUSxFQUFFOzRCQUNoQixLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDOzRCQUNoQyxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUN6QyxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO3lCQUM1RCxDQUFDO3FCQUNILGlCQUNjLHdCQUF3QjtpTEFPdkMsVUFBVTtzQkFEVCxLQUFLO2dCQU9OLGVBQWU7c0JBSmQsWUFBWTt1QkFBQyw2QkFBNkIsRUFBRTt3QkFDM0MsSUFBSSxFQUFFLFdBQVc7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENka0FjY29yZGlvbkl0ZW0gfSBmcm9tICdAYW5ndWxhci9jZGsvYWNjb3JkaW9uJztcbmltcG9ydCB7IFVuaXF1ZVNlbGVjdGlvbkRpc3BhdGNoZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvY29sbGVjdGlvbnMnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRGlyZWN0aXZlLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZpbHRlciwgc3RhcnRXaXRoLCB0YWtlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL2FjY29yZGlvbi5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpQWNjb3JkaW9uSXRlbUhlYWRlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25JdGVtSGVhZGVyRGlyZWN0aXZlIHt9XG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpQWNjb3JkaW9uQ29udGVudF0nLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25JdGVtQ29udGVudERpcmVjdGl2ZSB7fVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWFjY29yZGlvbi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICdhY2NvcmRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydhY2NvcmRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdleHBhbmQnLCBbXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHsgaGVpZ2h0OiAwIH0pKSxcbiAgICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHsgaGVpZ2h0OiAnKicgfSkpLFxuICAgICAgdHJhbnNpdGlvbignKiA8PT4gZXhwYW5kZWQnLCBbYW5pbWF0ZSgnMC4xcyBlYXNlLWluLW91dCcpXSksXG4gICAgXSksXG4gIF0sXG4gIHZpZXdQcm92aWRlcnM6IFtBY2NvcmRpb25JdGVtQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uSXRlbUNvbXBvbmVudFxuICBleHRlbmRzIENka0FjY29yZGlvbkl0ZW1cbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0XG57XG4gIEBJbnB1dCgpXG4gIGJhY2tncm91bmQgPSB0cnVlO1xuXG4gIEBDb250ZW50Q2hpbGQoQWNjb3JkaW9uSXRlbUNvbnRlbnREaXJlY3RpdmUsIHtcbiAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgICBzdGF0aWM6IHRydWUsXG4gIH0pXG4gIF9sYXp5Q29udGVudFRwbDogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgbGF6eUNvbnRlbnRUcGw6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlbGVzcy1jb25zdHJ1Y3RvclxuICBjb25zdHJ1Y3RvcihcbiAgICBhY2NvcmRpb246IEFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHVuaXF1ZVNlbGVjdGlvbkRpc3BhdGNoZXI6IFVuaXF1ZVNlbGVjdGlvbkRpc3BhdGNoZXIsXG4gICkge1xuICAgIHN1cGVyKGFjY29yZGlvbiwgY2RyLCB1bmlxdWVTZWxlY3Rpb25EaXNwYXRjaGVyKTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBpZiAodGhpcy5fbGF6eUNvbnRlbnRUcGwpIHtcbiAgICAgIC8vIFJlbmRlciB0aGUgY29udGVudCBhcyBzb29uIGFzIHRoZSBhY2NvcmRpb24gYmVjb21lcyBvcGVuLlxuICAgICAgdGhpcy5vcGVuZWRcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgc3RhcnRXaXRoKG51bGwgYXMgdm9pZCksXG4gICAgICAgICAgZmlsdGVyKCgpID0+ICEhdGhpcy5leHBhbmRlZCksXG4gICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICB0aGlzLmxhenlDb250ZW50VHBsID0gdGhpcy5fbGF6eUNvbnRlbnRUcGw7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF1aS1hY2NvcmRpb24taXRlbVwiPlxuICA8ZGl2IGNsYXNzPVwiYXVpLWFjY29yZGlvbi1pdGVtX19oZWFkZXJcIj5cbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNsYXNzPVwiYXVpLWFjY29yZGlvbi1pdGVtX19leHBhbmQtYnV0dG9uXCJcbiAgICAgIFtjbGFzcy5pc0V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxuICAgID5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwiYW5nbGVfcmlnaHRcIj48L2F1aS1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYXVpLWFjY29yZGlvbi1pdGVtX19oZWFkZXItY29udGVudFwiXG4gICAgICBbY2xhc3MuYXVpLWFjY29yZGlvbi1pdGVtX19oZWFkZXItY29udGVudC0tZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthdWlBY2NvcmRpb25JdGVtSGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICAqbmdJZj1cImV4cGFuZGVkXCJcbiAgICBjbGFzcz1cImF1aS1hY2NvcmRpb24taXRlbV9fYm9keVwiXG4gICAgW2lkXT1cImlkXCJcbiAgICBbQGV4cGFuZF09XCJleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1wiXG4gID5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImF1aS1hY2NvcmRpb24taXRlbV9fY29udGVudFwiXG4gICAgICBbY2xhc3MuaGFzQmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibGF6eUNvbnRlbnRUcGxcIj48L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { CdkAccordion } from '@angular/cdk/accordion';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input, Optional, SkipSelf, ViewEncapsulation, } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class AccordionComponent extends CdkAccordion {
|
|
5
|
+
parent;
|
|
6
|
+
background = true;
|
|
7
|
+
depth;
|
|
8
|
+
constructor(parent) {
|
|
9
|
+
super();
|
|
10
|
+
this.parent = parent;
|
|
11
|
+
this.depth = parent ? parent.depth + 1 : 0;
|
|
12
|
+
}
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionComponent, deps: [{ token: AccordionComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AccordionComponent, selector: "aui-accordion", inputs: { background: "background" }, host: { properties: { "attr.accordion-depth": "this.depth" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"aui-accordion\"\n [class.hasBg]=\"background\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-accordion.hasBg{padding:12px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9))}aui-accordion+aui-accordion .aui-accordion{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'aui-accordion', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-accordion\"\n [class.hasBg]=\"background\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-accordion.hasBg{padding:12px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9))}aui-accordion+aui-accordion .aui-accordion{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: AccordionComponent, decorators: [{
|
|
20
|
+
type: SkipSelf
|
|
21
|
+
}, {
|
|
22
|
+
type: Optional
|
|
23
|
+
}] }]; }, propDecorators: { background: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], depth: [{
|
|
26
|
+
type: HostBinding,
|
|
27
|
+
args: ['attr.accordion-depth']
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLFFBQVEsRUFDUixRQUFRLEVBQ1IsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQVV2QixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsWUFBWTtJQVV6QztJQVJULFVBQVUsR0FBRyxJQUFJLENBQUM7SUFHbEIsS0FBSyxDQUFTO0lBRWQsWUFHUyxNQUEwQjtRQUVqQyxLQUFLLEVBQUUsQ0FBQztRQUZELFdBQU0sR0FBTixNQUFNLENBQW9CO1FBR2pDLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7dUdBZFUsa0JBQWtCOzJGQUFsQixrQkFBa0Isa0xDbkIvQiwyR0FNQTs7MkZEYWEsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsaUJBR1YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSx1QkFDMUIsS0FBSzs7MEJBVXZCLFFBQVE7OzBCQUNSLFFBQVE7NENBUFgsVUFBVTtzQkFEVCxLQUFLO2dCQUlOLEtBQUs7c0JBREosV0FBVzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtBY2NvcmRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvYWNjb3JkaW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIFNraXBTZWxmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1hY2NvcmRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uQ29tcG9uZW50IGV4dGVuZHMgQ2RrQWNjb3JkaW9uIHtcbiAgQElucHV0KClcbiAgYmFja2dyb3VuZCA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFjY29yZGlvbi1kZXB0aCcpXG4gIGRlcHRoOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQFNraXBTZWxmKClcbiAgICBAT3B0aW9uYWwoKVxuICAgIHB1YmxpYyBwYXJlbnQ6IEFjY29yZGlvbkNvbXBvbmVudCxcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmRlcHRoID0gcGFyZW50ID8gcGFyZW50LmRlcHRoICsgMSA6IDA7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhdWktYWNjb3JkaW9uXCJcbiAgW2NsYXNzLmhhc0JnXT1cImJhY2tncm91bmRcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { CdkAccordionModule } from '@angular/cdk/accordion';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { ButtonModule } from '../button';
|
|
5
|
+
import { IconModule } from '../icon';
|
|
6
|
+
import { AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, } from './accordion-item/accordion-item.component';
|
|
7
|
+
import { AccordionComponent } from './accordion.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class AccordionModule {
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent,
|
|
12
|
+
AccordionItemComponent,
|
|
13
|
+
AccordionItemHeaderDirective,
|
|
14
|
+
AccordionItemContentDirective], imports: [CommonModule, CdkAccordionModule, IconModule, ButtonModule], exports: [AccordionComponent,
|
|
15
|
+
AccordionItemComponent,
|
|
16
|
+
AccordionItemHeaderDirective,
|
|
17
|
+
AccordionItemContentDirective] });
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, imports: [CommonModule, CdkAccordionModule, IconModule, ButtonModule] });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, decorators: [{
|
|
21
|
+
type: NgModule,
|
|
22
|
+
args: [{
|
|
23
|
+
declarations: [
|
|
24
|
+
AccordionComponent,
|
|
25
|
+
AccordionItemComponent,
|
|
26
|
+
AccordionItemHeaderDirective,
|
|
27
|
+
AccordionItemContentDirective,
|
|
28
|
+
],
|
|
29
|
+
imports: [CommonModule, CdkAccordionModule, IconModule, ButtonModule],
|
|
30
|
+
exports: [
|
|
31
|
+
AccordionComponent,
|
|
32
|
+
AccordionItemComponent,
|
|
33
|
+
AccordionItemHeaderDirective,
|
|
34
|
+
AccordionItemContentDirective,
|
|
35
|
+
],
|
|
36
|
+
providers: [],
|
|
37
|
+
}]
|
|
38
|
+
}] });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFckMsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qiw2QkFBNkIsRUFDN0IsNEJBQTRCLEdBQzdCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBa0IzRCxNQUFNLE9BQU8sZUFBZTt1R0FBZixlQUFlO3dHQUFmLGVBQWUsaUJBZHhCLGtCQUFrQjtZQUNsQixzQkFBc0I7WUFDdEIsNEJBQTRCO1lBQzVCLDZCQUE2QixhQUVyQixZQUFZLEVBQUUsa0JBQWtCLEVBQUUsVUFBVSxFQUFFLFlBQVksYUFFbEUsa0JBQWtCO1lBQ2xCLHNCQUFzQjtZQUN0Qiw0QkFBNEI7WUFDNUIsNkJBQTZCO3dHQUlwQixlQUFlLFlBVGhCLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsWUFBWTs7MkZBU3pELGVBQWU7a0JBaEIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7d0JBQ2xCLHNCQUFzQjt3QkFDdEIsNEJBQTRCO3dCQUM1Qiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDO29CQUNyRSxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQixzQkFBc0I7d0JBQ3RCLDRCQUE0Qjt3QkFDNUIsNkJBQTZCO3FCQUM5QjtvQkFDRCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0FjY29yZGlvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hY2NvcmRpb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbic7XG5cbmltcG9ydCB7XG4gIEFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gIEFjY29yZGlvbkl0ZW1Db250ZW50RGlyZWN0aXZlLFxuICBBY2NvcmRpb25JdGVtSGVhZGVyRGlyZWN0aXZlLFxufSBmcm9tICcuL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBY2NvcmRpb25Db21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBY2NvcmRpb25Db21wb25lbnQsXG4gICAgQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBBY2NvcmRpb25JdGVtSGVhZGVyRGlyZWN0aXZlLFxuICAgIEFjY29yZGlvbkl0ZW1Db250ZW50RGlyZWN0aXZlLFxuICBdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDZGtBY2NvcmRpb25Nb2R1bGUsIEljb25Nb2R1bGUsIEJ1dHRvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtcbiAgICBBY2NvcmRpb25Db21wb25lbnQsXG4gICAgQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBBY2NvcmRpb25JdGVtSGVhZGVyRGlyZWN0aXZlLFxuICAgIEFjY29yZGlvbkl0ZW1Db250ZW50RGlyZWN0aXZlLFxuICBdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './index';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxhdWRhLXVpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FsYXVkYS11aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { EMPTY, Subject, combineLatest, fromEvent, of, debounceTime, switchMap, takeUntil, tap, } from 'rxjs';
|
|
3
|
+
import { buildBem, isTemplateRef, last } from '../utils';
|
|
4
|
+
import { AnchorDirectiveChild } from './anchor.directive';
|
|
5
|
+
import { getAnchorTreeItems } from './utils';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
const bem = buildBem('aui-anchor');
|
|
9
|
+
export class AnchorTreeComponent extends AnchorDirectiveChild {
|
|
10
|
+
set treeItems(treeItems) {
|
|
11
|
+
this._treeItems = treeItems;
|
|
12
|
+
this.watchLabelsChange();
|
|
13
|
+
}
|
|
14
|
+
get treeItems() {
|
|
15
|
+
return this._treeItems;
|
|
16
|
+
}
|
|
17
|
+
_treeItems;
|
|
18
|
+
activeId;
|
|
19
|
+
activeIdChange = new EventEmitter();
|
|
20
|
+
bem = bem;
|
|
21
|
+
isTemplateRef = isTemplateRef;
|
|
22
|
+
depose$$ = new Subject();
|
|
23
|
+
watchLabelsChange() {
|
|
24
|
+
this.depose$$.next();
|
|
25
|
+
const cdr = this.injector.get(ChangeDetectorRef);
|
|
26
|
+
combineLatest(this.treeItems.map(({ labelChange }) => labelChange).filter(Boolean))
|
|
27
|
+
.pipe(debounceTime(0), takeUntil(this.depose$$))
|
|
28
|
+
.subscribe(() => cdr.markForCheck());
|
|
29
|
+
}
|
|
30
|
+
ngOnDestroy() {
|
|
31
|
+
this.depose$$.next();
|
|
32
|
+
this.depose$$.complete();
|
|
33
|
+
}
|
|
34
|
+
isActive(item) {
|
|
35
|
+
return (item.id === this.activeId ||
|
|
36
|
+
item.children?.some(subItem => this.isActive(subItem)));
|
|
37
|
+
}
|
|
38
|
+
onItemClick(e, item) {
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
if (this.parent.injectId) {
|
|
41
|
+
const selector = '#' + item.id;
|
|
42
|
+
if (location.hash === selector) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
history.pushState(null, null, location.pathname + location.search + selector);
|
|
46
|
+
}
|
|
47
|
+
item.target.scrollIntoView({ behavior: 'smooth' });
|
|
48
|
+
this.activeIdChange.emit(item.id);
|
|
49
|
+
}
|
|
50
|
+
trackById(_index, item) {
|
|
51
|
+
return item.id;
|
|
52
|
+
}
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorTreeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AnchorTreeComponent, selector: "aui-anchor-tree", inputs: { treeItems: "treeItems", activeId: "activeId" }, outputs: { activeIdChange: "activeIdChange" }, usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"bem.element('item')\"\n [class.active]=\"isActive(item)\"\n *ngFor=\"let item of treeItems; trackBy: trackById\"\n>\n <a\n *ngIf=\"item.label as label\"\n [href]=\"parent.injectId ? '#' + item.id : undefined\"\n (click)=\"onItemClick($event, item)\"\n >\n <ng-container *ngIf=\"isTemplateRef(label); else plain\">\n <ng-container\n *ngTemplateOutlet=\"label; context: item.labelContext\"\n ></ng-container>\n </ng-container>\n <ng-template #plain>\n {{ item.label }}\n </ng-template>\n </a>\n <aui-anchor-tree\n *ngIf=\"item.children?.length\"\n [treeItems]=\"item.children\"\n [(activeId)]=\"activeId\"\n ></aui-anchor-tree>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorTreeComponent, selector: "aui-anchor-tree", inputs: ["treeItems", "activeId"], outputs: ["activeIdChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorTreeComponent, decorators: [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'aui-anchor-tree', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('item')\"\n [class.active]=\"isActive(item)\"\n *ngFor=\"let item of treeItems; trackBy: trackById\"\n>\n <a\n *ngIf=\"item.label as label\"\n [href]=\"parent.injectId ? '#' + item.id : undefined\"\n (click)=\"onItemClick($event, item)\"\n >\n <ng-container *ngIf=\"isTemplateRef(label); else plain\">\n <ng-container\n *ngTemplateOutlet=\"label; context: item.labelContext\"\n ></ng-container>\n </ng-container>\n <ng-template #plain>\n {{ item.label }}\n </ng-template>\n </a>\n <aui-anchor-tree\n *ngIf=\"item.children?.length\"\n [treeItems]=\"item.children\"\n [(activeId)]=\"activeId\"\n ></aui-anchor-tree>\n</div>\n" }]
|
|
59
|
+
}], propDecorators: { treeItems: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], activeId: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], activeIdChange: [{
|
|
64
|
+
type: Output
|
|
65
|
+
}] } });
|
|
66
|
+
export class AnchorComponent extends AnchorDirectiveChild {
|
|
67
|
+
injector;
|
|
68
|
+
cdr;
|
|
69
|
+
get items() {
|
|
70
|
+
return this._items;
|
|
71
|
+
}
|
|
72
|
+
set items(items) {
|
|
73
|
+
this._items = items;
|
|
74
|
+
this.treeItems = getAnchorTreeItems(items);
|
|
75
|
+
const anchorId = (this.parent.injectId && location.hash.slice(1)) || this.activeId;
|
|
76
|
+
const activeItem = (anchorId && items.find(({ id }) => id === anchorId)) || items[0];
|
|
77
|
+
if (activeItem) {
|
|
78
|
+
if (this.parent.injectId && this.parent.scrollableEl !== window) {
|
|
79
|
+
activeItem.target.scrollIntoView();
|
|
80
|
+
}
|
|
81
|
+
this.activeId = activeItem.id;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
_items;
|
|
85
|
+
treeItems;
|
|
86
|
+
activeId;
|
|
87
|
+
bem = bem;
|
|
88
|
+
destroy$$ = new Subject();
|
|
89
|
+
constructor(injector, cdr) {
|
|
90
|
+
super(injector);
|
|
91
|
+
this.injector = injector;
|
|
92
|
+
this.cdr = cdr;
|
|
93
|
+
}
|
|
94
|
+
ngAfterViewInit() {
|
|
95
|
+
const { injectId, containerEl, scrollableEl } = this.parent;
|
|
96
|
+
const pageContentEl = containerEl.closest('.aui-page__content');
|
|
97
|
+
const paddingTop = pageContentEl
|
|
98
|
+
? +getComputedStyle(pageContentEl).paddingTop.slice(0, -2)
|
|
99
|
+
: 0;
|
|
100
|
+
fromEvent(scrollableEl, 'scroll')
|
|
101
|
+
.pipe(debounceTime(100), switchMap(() => {
|
|
102
|
+
const { scrollTop } = scrollableEl === window
|
|
103
|
+
? document.documentElement
|
|
104
|
+
: scrollableEl;
|
|
105
|
+
const activedItem = this.items.find(({ target }) => target.offsetTop +
|
|
106
|
+
target.offsetHeight / 2 +
|
|
107
|
+
((scrollableEl === window &&
|
|
108
|
+
target.offsetParent?.offsetTop) ||
|
|
109
|
+
0) >
|
|
110
|
+
scrollTop + paddingTop) || last(this.items);
|
|
111
|
+
return activedItem ? of(activedItem) : EMPTY;
|
|
112
|
+
}), tap(activedItem => {
|
|
113
|
+
if (activedItem.id) {
|
|
114
|
+
this.activeId = activedItem.id;
|
|
115
|
+
this.cdr.markForCheck();
|
|
116
|
+
}
|
|
117
|
+
}), debounceTime(100), tap(activedItem => {
|
|
118
|
+
if (injectId && activedItem.id) {
|
|
119
|
+
history.replaceState(null, null, location.pathname + location.search + '#' + activedItem.id);
|
|
120
|
+
}
|
|
121
|
+
}), takeUntil(this.destroy$$))
|
|
122
|
+
.subscribe();
|
|
123
|
+
}
|
|
124
|
+
ngOnDestroy() {
|
|
125
|
+
this.destroy$$.next();
|
|
126
|
+
this.destroy$$.complete();
|
|
127
|
+
}
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AnchorComponent, selector: "aui-anchor", inputs: { items: "items", treeItems: "treeItems", activeId: "activeId" }, usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.block()\">\n <aui-anchor-tree\n [treeItems]=\"treeItems\"\n [(activeId)]=\"activeId\"\n ></aui-anchor-tree>\n</div>\n", styles: ["aui-anchor{display:block;position:fixed;z-index:1;white-space:nowrap}.aui-anchor{padding:30px 16px;border-left:1px solid rgb(var(--aui-color-border))}.aui-anchor:before{content:\"\";position:absolute;left:0;top:0;transform:translate3d(-50%,-50%,0);width:5px;height:5px;border-radius:50%;background-color:rgb(var(--aui-color-border))}.aui-anchor:after{content:\"\";position:absolute;left:0;bottom:0;transform:translate3d(-50%,50%,0);width:5px;height:5px;border-radius:50%;background-color:rgb(var(--aui-color-border))}.aui-anchor__label{scroll-margin-top:20px}.aui-anchor__item{position:relative;margin-bottom:12px}.aui-anchor__item:before{content:\"\";position:absolute;top:9px;left:-16px;transform:translate3d(-50%,-50%,0);box-sizing:border-box;border:1px solid rgb(var(--aui-color-help-text));width:9px;height:9px;border-radius:50%;background-color:rgb(var(--aui-color-n-1))}.aui-anchor__item a{color:rgb(var(--aui-color-main-text))}.aui-anchor__item a:hover{color:rgb(var(--aui-color-primary))}.aui-anchor__item.active:before{border:0;width:9px;height:9px;border-radius:50%;background-color:rgb(var(--aui-color-primary))}.aui-anchor__item.active a,.aui-anchor__item.active .aui-anchor__item.active a{color:rgb(var(--aui-color-primary))}.aui-anchor__item.active .aui-anchor__item:not(.active) a{color:rgb(var(--aui-color-secondary-text))}.aui-anchor__item .aui-anchor__item{margin-top:4px;margin-bottom:0;margin-left:14px;font-size:10px}.aui-anchor__item .aui-anchor__item:before{display:none}.aui-anchor__item .aui-anchor__item a{color:rgb(var(--aui-color-help-text))}.aui-anchor__item .aui-anchor__item a:hover{color:rgb(var(--aui-color-primary))}\n"], dependencies: [{ kind: "component", type: AnchorTreeComponent, selector: "aui-anchor-tree", inputs: ["treeItems", "activeId"], outputs: ["activeIdChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorComponent, decorators: [{
|
|
132
|
+
type: Component,
|
|
133
|
+
args: [{ selector: 'aui-anchor', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"bem.block()\">\n <aui-anchor-tree\n [treeItems]=\"treeItems\"\n [(activeId)]=\"activeId\"\n ></aui-anchor-tree>\n</div>\n", styles: ["aui-anchor{display:block;position:fixed;z-index:1;white-space:nowrap}.aui-anchor{padding:30px 16px;border-left:1px solid rgb(var(--aui-color-border))}.aui-anchor:before{content:\"\";position:absolute;left:0;top:0;transform:translate3d(-50%,-50%,0);width:5px;height:5px;border-radius:50%;background-color:rgb(var(--aui-color-border))}.aui-anchor:after{content:\"\";position:absolute;left:0;bottom:0;transform:translate3d(-50%,50%,0);width:5px;height:5px;border-radius:50%;background-color:rgb(var(--aui-color-border))}.aui-anchor__label{scroll-margin-top:20px}.aui-anchor__item{position:relative;margin-bottom:12px}.aui-anchor__item:before{content:\"\";position:absolute;top:9px;left:-16px;transform:translate3d(-50%,-50%,0);box-sizing:border-box;border:1px solid rgb(var(--aui-color-help-text));width:9px;height:9px;border-radius:50%;background-color:rgb(var(--aui-color-n-1))}.aui-anchor__item a{color:rgb(var(--aui-color-main-text))}.aui-anchor__item a:hover{color:rgb(var(--aui-color-primary))}.aui-anchor__item.active:before{border:0;width:9px;height:9px;border-radius:50%;background-color:rgb(var(--aui-color-primary))}.aui-anchor__item.active a,.aui-anchor__item.active .aui-anchor__item.active a{color:rgb(var(--aui-color-primary))}.aui-anchor__item.active .aui-anchor__item:not(.active) a{color:rgb(var(--aui-color-secondary-text))}.aui-anchor__item .aui-anchor__item{margin-top:4px;margin-bottom:0;margin-left:14px;font-size:10px}.aui-anchor__item .aui-anchor__item:before{display:none}.aui-anchor__item .aui-anchor__item a{color:rgb(var(--aui-color-help-text))}.aui-anchor__item .aui-anchor__item a:hover{color:rgb(var(--aui-color-primary))}\n"] }]
|
|
134
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}], treeItems: [{
|
|
137
|
+
type: Input
|
|
138
|
+
}], activeId: [{
|
|
139
|
+
type: Input
|
|
140
|
+
}] } });
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hbmNob3IvYW5jaG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9hbmNob3IvYW5jaG9yLXRyZWUuY29tcG9uZW50Lmh0bWwiLCIuLi8uLi8uLi9zcmMvYW5jaG9yL2FuY2hvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUVaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxLQUFLLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixTQUFTLEVBQ1QsRUFBRSxFQUNGLFlBQVksRUFDWixTQUFTLEVBQ1QsU0FBUyxFQUNULEdBQUcsR0FDSixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQUU3QyxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7QUFRbkMsTUFBTSxPQUFPLG1CQUNYLFNBQVEsb0JBQW9CO0lBRzVCLElBQ0ksU0FBUyxDQUFDLFNBQVM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRU8sVUFBVSxDQUFtQjtJQUdyQyxRQUFRLENBQVM7SUFHakIsY0FBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFNUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUVWLGFBQWEsR0FBRyxhQUFhLENBQUM7SUFFYixRQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUVoRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFakQsYUFBYSxDQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUNyRTthQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMvQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFvQjtRQUMzQixPQUFPLENBQ0wsSUFBSSxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUTtZQUN6QixJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FDdkQsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBUSxFQUFFLElBQW9CO1FBQ3hDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUVuQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ3hCLE1BQU0sUUFBUSxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1lBRS9CLElBQUksUUFBUSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUU7Z0JBQzlCLE9BQU87YUFDUjtZQUVELE9BQU8sQ0FBQyxTQUFTLENBQ2YsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUMvQyxDQUFDO1NBQ0g7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRW5ELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWMsRUFBRSxJQUFvQjtRQUM1QyxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQzt1R0EzRVUsbUJBQW1COzJGQUFuQixtQkFBbUIsdUxDdENoQywwc0JBeUJBLG9iRGFhLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsaUJBRVosaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFPM0MsU0FBUztzQkFEWixLQUFLO2dCQWFOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixjQUFjO3NCQURiLE1BQU07O0FBa0VULE1BQU0sT0FBTyxlQUNYLFNBQVEsb0JBQW9CO0lBb0NQO0lBQ0Y7SUFsQ25CLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBSztRQUNiLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0MsTUFBTSxRQUFRLEdBQ1osQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDcEUsTUFBTSxVQUFVLEdBQ2QsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwRSxJQUFJLFVBQVUsRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEtBQUssTUFBTSxFQUFFO2dCQUMvRCxVQUFVLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO2FBQ3BDO1lBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUMsRUFBRSxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztJQUVPLE1BQU0sQ0FBZTtJQUc3QixTQUFTLENBQW1CO0lBRzVCLFFBQVEsQ0FBUztJQUVqQixHQUFHLEdBQUcsR0FBRyxDQUFDO0lBRU8sU0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFFakQsWUFDcUIsUUFBa0IsRUFDcEIsR0FBc0I7UUFFdkMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSEcsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNwQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUd6QyxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDNUQsTUFBTSxhQUFhLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2hFLE1BQU0sVUFBVSxHQUFHLGFBQWE7WUFDOUIsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDMUQsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNOLFNBQVMsQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDO2FBQzlCLElBQUksQ0FDSCxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQ2pCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDYixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQ2pCLFlBQVksS0FBSyxNQUFNO2dCQUNyQixDQUFDLENBQUMsUUFBUSxDQUFDLGVBQWU7Z0JBQzFCLENBQUMsQ0FBRSxZQUE0QixDQUFDO1lBQ3BDLE1BQU0sV0FBVyxHQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUNiLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQ2IsTUFBTSxDQUFDLFNBQVM7Z0JBQ2QsTUFBTSxDQUFDLFlBQVksR0FBRyxDQUFDO2dCQUN2QixDQUFDLENBQUMsWUFBWSxLQUFLLE1BQU07b0JBQ3RCLE1BQU0sQ0FBQyxZQUE0QixFQUFFLFNBQVMsQ0FBQztvQkFDaEQsQ0FBQyxDQUFDO2dCQUNOLFNBQVMsR0FBRyxVQUFVLENBQ3pCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN4QixPQUFPLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDL0MsQ0FBQyxDQUFDLEVBQ0YsR0FBRyxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ2hCLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxXQUFXLENBQUMsRUFBRSxDQUFDO2dCQUMvQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO2FBQ3pCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUNqQixHQUFHLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDaEIsSUFBSSxRQUFRLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRTtnQkFDOUIsT0FBTyxDQUFDLFlBQVksQ0FDbEIsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLEdBQUcsR0FBRyxHQUFHLFdBQVcsQ0FBQyxFQUFFLENBQzNELENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzt1R0E3RlUsZUFBZTsyRkFBZixlQUFlLG1KRTNINUIsa0pBTUEsK3FERmdDYSxtQkFBbUI7OzJGQXFGbkIsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07K0hBTzNDLEtBQUs7c0JBRFIsS0FBSztnQkF1Qk4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdG9yLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEVNUFRZLFxuICBTdWJqZWN0LFxuICBjb21iaW5lTGF0ZXN0LFxuICBmcm9tRXZlbnQsXG4gIG9mLFxuICBkZWJvdW5jZVRpbWUsXG4gIHN3aXRjaE1hcCxcbiAgdGFrZVVudGlsLFxuICB0YXAsXG59IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBidWlsZEJlbSwgaXNUZW1wbGF0ZVJlZiwgbGFzdCB9IGZyb20gJy4uL3V0aWxzJztcblxuaW1wb3J0IHsgQW5jaG9yRGlyZWN0aXZlQ2hpbGQgfSBmcm9tICcuL2FuY2hvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQW5jaG9ySXRlbSwgQW5jaG9yVHJlZUl0ZW0gfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGdldEFuY2hvclRyZWVJdGVtcyB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCBiZW0gPSBidWlsZEJlbSgnYXVpLWFuY2hvcicpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktYW5jaG9yLXRyZWUnLFxuICB0ZW1wbGF0ZVVybDogJ2FuY2hvci10cmVlLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFuY2hvclRyZWVDb21wb25lbnRcbiAgZXh0ZW5kcyBBbmNob3JEaXJlY3RpdmVDaGlsZFxuICBpbXBsZW1lbnRzIE9uRGVzdHJveVxue1xuICBASW5wdXQoKVxuICBzZXQgdHJlZUl0ZW1zKHRyZWVJdGVtcykge1xuICAgIHRoaXMuX3RyZWVJdGVtcyA9IHRyZWVJdGVtcztcbiAgICB0aGlzLndhdGNoTGFiZWxzQ2hhbmdlKCk7XG4gIH1cblxuICBnZXQgdHJlZUl0ZW1zKCkge1xuICAgIHJldHVybiB0aGlzLl90cmVlSXRlbXM7XG4gIH1cblxuICBwcml2YXRlIF90cmVlSXRlbXM6IEFuY2hvclRyZWVJdGVtW107XG5cbiAgQElucHV0KClcbiAgYWN0aXZlSWQ6IHN0cmluZztcblxuICBAT3V0cHV0KClcbiAgYWN0aXZlSWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBiZW0gPSBiZW07XG5cbiAgaXNUZW1wbGF0ZVJlZiA9IGlzVGVtcGxhdGVSZWY7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZXBvc2UkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgd2F0Y2hMYWJlbHNDaGFuZ2UoKSB7XG4gICAgdGhpcy5kZXBvc2UkJC5uZXh0KCk7XG4gICAgY29uc3QgY2RyID0gdGhpcy5pbmplY3Rvci5nZXQoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICAgIC8vIEZJWE1FOiBJcyB0aGVyZSBhbnkgYmV0dGVyIHdheSB0byBhY2hpZXZlIHRoaXM/XG4gICAgY29tYmluZUxhdGVzdChcbiAgICAgIHRoaXMudHJlZUl0ZW1zLm1hcCgoeyBsYWJlbENoYW5nZSB9KSA9PiBsYWJlbENoYW5nZSkuZmlsdGVyKEJvb2xlYW4pLFxuICAgIClcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSgwKSwgdGFrZVVudGlsKHRoaXMuZGVwb3NlJCQpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiBjZHIubWFya0ZvckNoZWNrKCkpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXBvc2UkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXBvc2UkJC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgaXNBY3RpdmUoaXRlbTogQW5jaG9yVHJlZUl0ZW0pOiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgaXRlbS5pZCA9PT0gdGhpcy5hY3RpdmVJZCB8fFxuICAgICAgaXRlbS5jaGlsZHJlbj8uc29tZShzdWJJdGVtID0+IHRoaXMuaXNBY3RpdmUoc3ViSXRlbSkpXG4gICAgKTtcbiAgfVxuXG4gIG9uSXRlbUNsaWNrKGU6IEV2ZW50LCBpdGVtOiBBbmNob3JUcmVlSXRlbSkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcblxuICAgIGlmICh0aGlzLnBhcmVudC5pbmplY3RJZCkge1xuICAgICAgY29uc3Qgc2VsZWN0b3IgPSAnIycgKyBpdGVtLmlkO1xuXG4gICAgICBpZiAobG9jYXRpb24uaGFzaCA9PT0gc2VsZWN0b3IpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBoaXN0b3J5LnB1c2hTdGF0ZShcbiAgICAgICAgbnVsbCxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgbG9jYXRpb24ucGF0aG5hbWUgKyBsb2NhdGlvbi5zZWFyY2ggKyBzZWxlY3RvcixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaXRlbS50YXJnZXQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG5cbiAgICB0aGlzLmFjdGl2ZUlkQ2hhbmdlLmVtaXQoaXRlbS5pZCk7XG4gIH1cblxuICB0cmFja0J5SWQoX2luZGV4OiBudW1iZXIsIGl0ZW06IEFuY2hvclRyZWVJdGVtKSB7XG4gICAgcmV0dXJuIGl0ZW0uaWQ7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWFuY2hvcicsXG4gIHRlbXBsYXRlVXJsOiAnYW5jaG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2FuY2hvci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQW5jaG9yQ29tcG9uZW50XG4gIGV4dGVuZHMgQW5jaG9yRGlyZWN0aXZlQ2hpbGRcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3lcbntcbiAgQElucHV0KClcbiAgZ2V0IGl0ZW1zKCkge1xuICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgfVxuXG4gIHNldCBpdGVtcyhpdGVtcykge1xuICAgIHRoaXMuX2l0ZW1zID0gaXRlbXM7XG4gICAgdGhpcy50cmVlSXRlbXMgPSBnZXRBbmNob3JUcmVlSXRlbXMoaXRlbXMpO1xuICAgIGNvbnN0IGFuY2hvcklkID1cbiAgICAgICh0aGlzLnBhcmVudC5pbmplY3RJZCAmJiBsb2NhdGlvbi5oYXNoLnNsaWNlKDEpKSB8fCB0aGlzLmFjdGl2ZUlkO1xuICAgIGNvbnN0IGFjdGl2ZUl0ZW0gPVxuICAgICAgKGFuY2hvcklkICYmIGl0ZW1zLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09IGFuY2hvcklkKSkgfHwgaXRlbXNbMF07XG4gICAgaWYgKGFjdGl2ZUl0ZW0pIHtcbiAgICAgIGlmICh0aGlzLnBhcmVudC5pbmplY3RJZCAmJiB0aGlzLnBhcmVudC5zY3JvbGxhYmxlRWwgIT09IHdpbmRvdykge1xuICAgICAgICBhY3RpdmVJdGVtLnRhcmdldC5zY3JvbGxJbnRvVmlldygpO1xuICAgICAgfVxuICAgICAgdGhpcy5hY3RpdmVJZCA9IGFjdGl2ZUl0ZW0uaWQ7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXRlbXM6IEFuY2hvckl0ZW1bXTtcblxuICBASW5wdXQoKVxuICB0cmVlSXRlbXM6IEFuY2hvclRyZWVJdGVtW107XG5cbiAgQElucHV0KClcbiAgYWN0aXZlSWQ6IHN0cmluZztcblxuICBiZW0gPSBiZW07XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBvdmVycmlkZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJpdmF0ZSByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgY29uc3QgeyBpbmplY3RJZCwgY29udGFpbmVyRWwsIHNjcm9sbGFibGVFbCB9ID0gdGhpcy5wYXJlbnQ7XG4gICAgY29uc3QgcGFnZUNvbnRlbnRFbCA9IGNvbnRhaW5lckVsLmNsb3Nlc3QoJy5hdWktcGFnZV9fY29udGVudCcpO1xuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBwYWdlQ29udGVudEVsXG4gICAgICA/ICtnZXRDb21wdXRlZFN0eWxlKHBhZ2VDb250ZW50RWwpLnBhZGRpbmdUb3Auc2xpY2UoMCwgLTIpXG4gICAgICA6IDA7XG4gICAgZnJvbUV2ZW50KHNjcm9sbGFibGVFbCwgJ3Njcm9sbCcpXG4gICAgICAucGlwZShcbiAgICAgICAgZGVib3VuY2VUaW1lKDEwMCksXG4gICAgICAgIHN3aXRjaE1hcCgoKSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBzY3JvbGxUb3AgfSA9XG4gICAgICAgICAgICBzY3JvbGxhYmxlRWwgPT09IHdpbmRvd1xuICAgICAgICAgICAgICA/IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudFxuICAgICAgICAgICAgICA6IChzY3JvbGxhYmxlRWwgYXMgSFRNTEVsZW1lbnQpO1xuICAgICAgICAgIGNvbnN0IGFjdGl2ZWRJdGVtID1cbiAgICAgICAgICAgIHRoaXMuaXRlbXMuZmluZChcbiAgICAgICAgICAgICAgKHsgdGFyZ2V0IH0pID0+XG4gICAgICAgICAgICAgICAgdGFyZ2V0Lm9mZnNldFRvcCArXG4gICAgICAgICAgICAgICAgICB0YXJnZXQub2Zmc2V0SGVpZ2h0IC8gMiArXG4gICAgICAgICAgICAgICAgICAoKHNjcm9sbGFibGVFbCA9PT0gd2luZG93ICYmXG4gICAgICAgICAgICAgICAgICAgICh0YXJnZXQub2Zmc2V0UGFyZW50IGFzIEhUTUxFbGVtZW50KT8ub2Zmc2V0VG9wKSB8fFxuICAgICAgICAgICAgICAgICAgICAwKSA+XG4gICAgICAgICAgICAgICAgc2Nyb2xsVG9wICsgcGFkZGluZ1RvcCxcbiAgICAgICAgICAgICkgfHwgbGFzdCh0aGlzLml0ZW1zKTtcbiAgICAgICAgICByZXR1cm4gYWN0aXZlZEl0ZW0gPyBvZihhY3RpdmVkSXRlbSkgOiBFTVBUWTtcbiAgICAgICAgfSksXG4gICAgICAgIHRhcChhY3RpdmVkSXRlbSA9PiB7XG4gICAgICAgICAgaWYgKGFjdGl2ZWRJdGVtLmlkKSB7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUlkID0gYWN0aXZlZEl0ZW0uaWQ7XG4gICAgICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICBkZWJvdW5jZVRpbWUoMTAwKSxcbiAgICAgICAgdGFwKGFjdGl2ZWRJdGVtID0+IHtcbiAgICAgICAgICBpZiAoaW5qZWN0SWQgJiYgYWN0aXZlZEl0ZW0uaWQpIHtcbiAgICAgICAgICAgIGhpc3RvcnkucmVwbGFjZVN0YXRlKFxuICAgICAgICAgICAgICBudWxsLFxuICAgICAgICAgICAgICBudWxsLFxuICAgICAgICAgICAgICBsb2NhdGlvbi5wYXRobmFtZSArIGxvY2F0aW9uLnNlYXJjaCArICcjJyArIGFjdGl2ZWRJdGVtLmlkLFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95JCQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdpdGVtJylcIlxuICBbY2xhc3MuYWN0aXZlXT1cImlzQWN0aXZlKGl0ZW0pXCJcbiAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdHJlZUl0ZW1zOyB0cmFja0J5OiB0cmFja0J5SWRcIlxuPlxuICA8YVxuICAgICpuZ0lmPVwiaXRlbS5sYWJlbCBhcyBsYWJlbFwiXG4gICAgW2hyZWZdPVwicGFyZW50LmluamVjdElkID8gJyMnICsgaXRlbS5pZCA6IHVuZGVmaW5lZFwiXG4gICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudCwgaXRlbSlcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzVGVtcGxhdGVSZWYobGFiZWwpOyBlbHNlIHBsYWluXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwibGFiZWw7IGNvbnRleHQ6IGl0ZW0ubGFiZWxDb250ZXh0XCJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI3BsYWluPlxuICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvYT5cbiAgPGF1aS1hbmNob3ItdHJlZVxuICAgICpuZ0lmPVwiaXRlbS5jaGlsZHJlbj8ubGVuZ3RoXCJcbiAgICBbdHJlZUl0ZW1zXT1cIml0ZW0uY2hpbGRyZW5cIlxuICAgIFsoYWN0aXZlSWQpXT1cImFjdGl2ZUlkXCJcbiAgPjwvYXVpLWFuY2hvci10cmVlPlxuPC9kaXY+XG4iLCI8ZGl2IFtjbGFzc109XCJiZW0uYmxvY2soKVwiPlxuICA8YXVpLWFuY2hvci10cmVlXG4gICAgW3RyZWVJdGVtc109XCJ0cmVlSXRlbXNcIlxuICAgIFsoYWN0aXZlSWQpXT1cImFjdGl2ZUlkXCJcbiAgPjwvYXVpLWFuY2hvci10cmVlPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
|
|
2
|
+
import { ContentChildren, Directive, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, } from '@angular/core';
|
|
3
|
+
import { Subject, fromEvent, merge, startWith, takeUntil } from 'rxjs';
|
|
4
|
+
import { observeResizeOn } from '../utils';
|
|
5
|
+
import { AnchorComponent } from './anchor.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/cdk/scrolling";
|
|
8
|
+
let uid = 0;
|
|
9
|
+
export class AnchorDirectiveChild {
|
|
10
|
+
injector;
|
|
11
|
+
parent;
|
|
12
|
+
constructor(injector) {
|
|
13
|
+
this.injector = injector;
|
|
14
|
+
this.parent = this.injector.get(AnchorDirective);
|
|
15
|
+
}
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorDirectiveChild, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
|
|
17
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: AnchorDirectiveChild, ngImport: i0 });
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorDirectiveChild, decorators: [{
|
|
20
|
+
type: Directive
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }]; } });
|
|
22
|
+
export class AnchorLabelDirective extends AnchorDirectiveChild {
|
|
23
|
+
injector;
|
|
24
|
+
elRef;
|
|
25
|
+
get label() {
|
|
26
|
+
return this._label || this.elRef.nativeElement.textContent;
|
|
27
|
+
}
|
|
28
|
+
set label(value) {
|
|
29
|
+
this._label = value;
|
|
30
|
+
this.labelChange.emit(value);
|
|
31
|
+
}
|
|
32
|
+
_label;
|
|
33
|
+
labelContext;
|
|
34
|
+
get target() {
|
|
35
|
+
return this.elRef.nativeElement;
|
|
36
|
+
}
|
|
37
|
+
set id(id) {
|
|
38
|
+
if (this.parent.injectId && !this.id) {
|
|
39
|
+
this.elRef.nativeElement.id = id;
|
|
40
|
+
}
|
|
41
|
+
this._id = id;
|
|
42
|
+
}
|
|
43
|
+
get id() {
|
|
44
|
+
return this._id;
|
|
45
|
+
}
|
|
46
|
+
_id;
|
|
47
|
+
set level(value) {
|
|
48
|
+
this._level = value === '' ? 1 : value;
|
|
49
|
+
}
|
|
50
|
+
get level() {
|
|
51
|
+
return this._level;
|
|
52
|
+
}
|
|
53
|
+
_level = 0;
|
|
54
|
+
labelChange = new EventEmitter();
|
|
55
|
+
constructor(injector, elRef) {
|
|
56
|
+
super(injector);
|
|
57
|
+
this.injector = injector;
|
|
58
|
+
this.elRef = elRef;
|
|
59
|
+
this._id = this.elRef.nativeElement.id;
|
|
60
|
+
}
|
|
61
|
+
ngOnInit() {
|
|
62
|
+
if (!this.id) {
|
|
63
|
+
this.id = 'anchor-uid-' + uid++;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
ngAfterContentChecked() {
|
|
67
|
+
if (!this._label) {
|
|
68
|
+
this.labelChange.emit(this.label);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorLabelDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
72
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: AnchorLabelDirective, selector: "[auiAnchorLabel]", inputs: { label: ["auiAnchorLabel", "label"], labelContext: ["auiAnchorLabelContext", "labelContext"], id: "id", level: "level" }, outputs: { labelChange: "labelChange" }, host: { properties: { "class.aui-anchor__label": "this.label" } }, usesInheritance: true, ngImport: i0 });
|
|
73
|
+
}
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorLabelDirective, decorators: [{
|
|
75
|
+
type: Directive,
|
|
76
|
+
args: [{
|
|
77
|
+
selector: '[auiAnchorLabel]',
|
|
78
|
+
}]
|
|
79
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { label: [{
|
|
80
|
+
type: HostBinding,
|
|
81
|
+
args: ['class.aui-anchor__label']
|
|
82
|
+
}, {
|
|
83
|
+
type: Input,
|
|
84
|
+
args: ['auiAnchorLabel']
|
|
85
|
+
}], labelContext: [{
|
|
86
|
+
type: Input,
|
|
87
|
+
args: ['auiAnchorLabelContext']
|
|
88
|
+
}], id: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], level: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], labelChange: [{
|
|
93
|
+
type: Output
|
|
94
|
+
}] } });
|
|
95
|
+
export class AnchorDirective {
|
|
96
|
+
cfr;
|
|
97
|
+
appRef;
|
|
98
|
+
injector;
|
|
99
|
+
elRef;
|
|
100
|
+
cdkScrollable;
|
|
101
|
+
auiAnchor;
|
|
102
|
+
adaptPosition = true;
|
|
103
|
+
padding = 20;
|
|
104
|
+
minTop;
|
|
105
|
+
injectId = window === window.top;
|
|
106
|
+
anchorLabels;
|
|
107
|
+
get containerEl() {
|
|
108
|
+
return this.elRef.nativeElement;
|
|
109
|
+
}
|
|
110
|
+
get scrollableEl() {
|
|
111
|
+
const el = this.containerEl;
|
|
112
|
+
return (this.auiAnchor ||
|
|
113
|
+
this.cdkScrollable?.getElementRef().nativeElement ||
|
|
114
|
+
(el.scrollHeight > el.offsetHeight ? el : window));
|
|
115
|
+
}
|
|
116
|
+
anchorPortal;
|
|
117
|
+
destroy$$ = new Subject();
|
|
118
|
+
constructor(cfr, appRef, injector, elRef, cdkScrollable) {
|
|
119
|
+
this.cfr = cfr;
|
|
120
|
+
this.appRef = appRef;
|
|
121
|
+
this.injector = injector;
|
|
122
|
+
this.elRef = elRef;
|
|
123
|
+
this.cdkScrollable = cdkScrollable;
|
|
124
|
+
}
|
|
125
|
+
ngAfterContentInit() {
|
|
126
|
+
const containerEl = this.containerEl;
|
|
127
|
+
this.anchorPortal = new ComponentPortal(AnchorComponent);
|
|
128
|
+
const portalOutlet = new DomPortalOutlet(document.body, this.cfr, this.appRef, this.injector);
|
|
129
|
+
const anchorComponentRef = this.anchorPortal.attach(portalOutlet);
|
|
130
|
+
const anchorEl = anchorComponentRef.injector.get(ElementRef)
|
|
131
|
+
.nativeElement;
|
|
132
|
+
requestAnimationFrame(() => this.adaptAnchorPosition(containerEl, anchorEl));
|
|
133
|
+
this.anchorLabels.changes
|
|
134
|
+
.pipe(startWith(this.anchorLabels), takeUntil(this.destroy$$))
|
|
135
|
+
.subscribe((anchorLabels) => {
|
|
136
|
+
Object.assign(anchorComponentRef.instance, {
|
|
137
|
+
items: anchorLabels.toArray(),
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
ngOnDestroy() {
|
|
142
|
+
this.destroy$$.next();
|
|
143
|
+
this.destroy$$.complete();
|
|
144
|
+
this.anchorPortal.detach();
|
|
145
|
+
}
|
|
146
|
+
adaptAnchorPosition(containerEl, anchorEl) {
|
|
147
|
+
const pageContentEl = containerEl.closest('.aui-page__content');
|
|
148
|
+
const anchorContentEl = anchorEl.querySelector('.aui-anchor');
|
|
149
|
+
merge(observeResizeOn(containerEl), fromEvent(window, 'scroll'))
|
|
150
|
+
.pipe(startWith(null), takeUntil(this.destroy$$))
|
|
151
|
+
.subscribe(() => {
|
|
152
|
+
const containerRect = containerEl.getBoundingClientRect();
|
|
153
|
+
Object.assign(anchorEl.style, {
|
|
154
|
+
display: !containerRect.width || !containerRect.height ? 'none' : '',
|
|
155
|
+
left: containerRect.right -
|
|
156
|
+
anchorContentEl.getBoundingClientRect().width +
|
|
157
|
+
'px',
|
|
158
|
+
top: Math.max(containerRect.top, (this.minTop ??
|
|
159
|
+
(pageContentEl &&
|
|
160
|
+
+getComputedStyle(pageContentEl).paddingTop.slice(0, -2))) ||
|
|
161
|
+
0) + 'px',
|
|
162
|
+
});
|
|
163
|
+
});
|
|
164
|
+
if (this.adaptPosition) {
|
|
165
|
+
observeResizeOn(anchorContentEl)
|
|
166
|
+
.pipe(takeUntil(this.destroy$$))
|
|
167
|
+
.subscribe(el => {
|
|
168
|
+
const width = el.getBoundingClientRect().width;
|
|
169
|
+
const padding = width + this.padding;
|
|
170
|
+
containerEl.style.paddingRight = padding + 'px';
|
|
171
|
+
});
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorDirective, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
175
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: AnchorDirective, selector: "[auiAnchor]", inputs: { auiAnchor: "auiAnchor", adaptPosition: "adaptPosition", padding: "padding", minTop: "minTop", injectId: "injectId" }, queries: [{ propertyName: "anchorLabels", predicate: AnchorLabelDirective, descendants: true }], ngImport: i0 });
|
|
176
|
+
}
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AnchorDirective, decorators: [{
|
|
178
|
+
type: Directive,
|
|
179
|
+
args: [{
|
|
180
|
+
selector: '[auiAnchor]',
|
|
181
|
+
}]
|
|
182
|
+
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i1.CdkScrollable, decorators: [{
|
|
183
|
+
type: Optional
|
|
184
|
+
}] }]; }, propDecorators: { auiAnchor: [{
|
|
185
|
+
type: Input
|
|
186
|
+
}], adaptPosition: [{
|
|
187
|
+
type: Input
|
|
188
|
+
}], padding: [{
|
|
189
|
+
type: Input
|
|
190
|
+
}], minTop: [{
|
|
191
|
+
type: Input
|
|
192
|
+
}], injectId: [{
|
|
193
|
+
type: Input
|
|
194
|
+
}], anchorLabels: [{
|
|
195
|
+
type: ContentChildren,
|
|
196
|
+
args: [AnchorLabelDirective, { descendants: true }]
|
|
197
|
+
}] } });
|
|
198
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hbmNob3IvYW5jaG9yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXZFLE9BQU8sRUFLTCxlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUVYLEtBQUssRUFHTCxRQUFRLEVBQ1IsTUFBTSxHQUdQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFckQsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDO0FBR1osTUFBTSxPQUFPLG9CQUFvQjtJQUdUO0lBRmIsTUFBTSxDQUFrQjtJQUVqQyxZQUFzQixRQUFrQjtRQUFsQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ3RDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDbkQsQ0FBQzt1R0FMVSxvQkFBb0I7MkZBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFEaEMsU0FBUzs7QUFZVixNQUFNLE9BQU8sb0JBQ1gsU0FBUSxvQkFBb0I7SUFvRFA7SUFDSDtJQWxEbEIsSUFFSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztJQUM3RCxDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBSztRQUNiLElBQUksQ0FB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LEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsLCBEb21Qb3J0YWxPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IENka1Njcm9sbGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcbmltcG9ydCB7XG4gIEFmdGVyQ29udGVudENoZWNrZWQsXG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFwcGxpY2F0aW9uUmVmLFxuICBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPcHRpb25hbCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIGZyb21FdmVudCwgbWVyZ2UsIHN0YXJ0V2l0aCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IG9ic2VydmVSZXNpemVPbiB9IGZyb20gJy4uL3V0aWxzJztcblxuaW1wb3J0IHsgQW5jaG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hbmNob3IuY29tcG9uZW50JztcblxubGV0IHVpZCA9IDA7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIEFuY2hvckRpcmVjdGl2ZUNoaWxkIHtcbiAgcmVhZG9ubHkgcGFyZW50OiBBbmNob3JEaXJlY3RpdmU7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgIHRoaXMucGFyZW50ID0gdGhpcy5pbmplY3Rvci5nZXQoQW5jaG9yRGlyZWN0aXZlKTtcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpQW5jaG9yTGFiZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgQW5jaG9yTGFiZWxEaXJlY3RpdmVcbiAgZXh0ZW5kcyBBbmNob3JEaXJlY3RpdmVDaGlsZFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50Q2hlY2tlZFxue1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmF1aS1hbmNob3JfX2xhYmVsJylcbiAgQElucHV0KCdhdWlBbmNob3JMYWJlbCcpXG4gIGdldCBsYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5fbGFiZWwgfHwgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LnRleHRDb250ZW50O1xuICB9XG5cbiAgc2V0IGxhYmVsKHZhbHVlKSB7XG4gICAgdGhpcy5fbGFiZWwgPSB2YWx1ZTtcbiAgICB0aGlzLmxhYmVsQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBfbGFiZWw6IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIEBJbnB1dCgnYXVpQW5jaG9yTGFiZWxDb250ZXh0JylcbiAgbGFiZWxDb250ZXh0OiB1bmtub3duO1xuXG4gIGdldCB0YXJnZXQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBpZChpZCkge1xuICAgIGlmICh0aGlzLnBhcmVudC5pbmplY3RJZCAmJiAhdGhpcy5pZCkge1xuICAgICAgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmlkID0gaWQ7XG4gICAgfVxuICAgIHRoaXMuX2lkID0gaWQ7XG4gIH1cblxuICBnZXQgaWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2lkO1xuICB9XG5cbiAgcHJpdmF0ZSBfaWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZXQgbGV2ZWwodmFsdWU6IG51bWJlciB8ICcnKSB7XG4gICAgdGhpcy5fbGV2ZWwgPSB2YWx1ZSA9PT0gJycgPyAxIDogdmFsdWU7XG4gIH1cblxuICBnZXQgbGV2ZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2xldmVsO1xuICB9XG5cbiAgcHJpdmF0ZSBfbGV2ZWwgPSAwO1xuXG4gIEBPdXRwdXQoKVxuICBsYWJlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgVGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICBwdWJsaWMgcmVhZG9ubHkgZWxSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICApIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgdGhpcy5faWQgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuaWQ7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMuaWQpIHtcbiAgICAgIHRoaXMuaWQgPSAnYW5jaG9yLXVpZC0nICsgdWlkKys7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCkge1xuICAgIGlmICghdGhpcy5fbGFiZWwpIHtcbiAgICAgIHRoaXMubGFiZWxDaGFuZ2UuZW1pdCh0aGlzLmxhYmVsKTtcbiAgICB9XG4gIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F1aUFuY2hvcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBBbmNob3JEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBhdWlBbmNob3I6IEhUTUxFbGVtZW50IHwgJyc7XG5cbiAgQElucHV0KClcbiAgYWRhcHRQb3NpdGlvbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgcGFkZGluZyA9IDIwO1xuXG4gIEBJbnB1dCgpXG4gIG1pblRvcDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGluamVjdElkID0gd2luZG93ID09PSB3aW5kb3cudG9wO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQW5jaG9yTGFiZWxEaXJlY3RpdmUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgYW5jaG9yTGFiZWxzOiBRdWVyeUxpc3Q8QW5jaG9yTGFiZWxEaXJlY3RpdmU+O1xuXG4gIGdldCBjb250YWluZXJFbCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgZ2V0IHNjcm9sbGFibGVFbCgpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuY29udGFpbmVyRWw7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuYXVpQW5jaG9yIHx8XG4gICAgICB0aGlzLmNka1Njcm9sbGFibGU/LmdldEVsZW1lbnRSZWYoKS5uYXRpdmVFbGVtZW50IHx8XG4gICAgICAoZWwuc2Nyb2xsSGVpZ2h0ID4gZWwub2Zmc2V0SGVpZ2h0ID8gZWwgOiB3aW5kb3cpXG4gICAgKTtcbiAgfVxuXG4gIGFuY2hvclBvcnRhbDogQ29tcG9uZW50UG9ydGFsPEFuY2hvckNvbXBvbmVudD47XG5cbiAgZGVzdHJveSQkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNmcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgYXBwUmVmOiBBcHBsaWNhdGlvblJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yOiBJbmplY3RvcixcbiAgICBwdWJsaWMgcmVhZG9ubHkgZWxSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgcmVhZG9ubHkgY2RrU2Nyb2xsYWJsZTogQ2RrU2Nyb2xsYWJsZSxcbiAgKSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBjb25zdCBjb250YWluZXJFbCA9IHRoaXMuY29udGFpbmVyRWw7XG4gICAgdGhpcy5hbmNob3JQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKEFuY2hvckNvbXBvbmVudCk7XG4gICAgY29uc3QgcG9ydGFsT3V0bGV0ID0gbmV3IERvbVBvcnRhbE91dGxldChcbiAgICAgIGRvY3VtZW50LmJvZHksXG4gICAgICB0aGlzLmNmcixcbiAgICAgIHRoaXMuYXBwUmVmLFxuICAgICAgdGhpcy5pbmplY3RvcixcbiAgICApO1xuICAgIGNvbnN0IGFuY2hvckNvbXBvbmVudFJlZiA9IHRoaXMuYW5jaG9yUG9ydGFsLmF0dGFjaChwb3J0YWxPdXRsZXQpO1xuICAgIGNvbnN0IGFuY2hvckVsID0gYW5jaG9yQ29tcG9uZW50UmVmLmluamVjdG9yLmdldChFbGVtZW50UmVmKVxuICAgICAgLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT5cbiAgICAgIHRoaXMuYWRhcHRBbmNob3JQb3NpdGlvbihjb250YWluZXJFbCwgYW5jaG9yRWwpLFxuICAgICk7XG5cbiAgICB0aGlzLmFuY2hvckxhYmVscy5jaGFuZ2VzXG4gICAgICAucGlwZShzdGFydFdpdGgodGhpcy5hbmNob3JMYWJlbHMpLCB0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpKVxuICAgICAgLnN1YnNjcmliZSgoYW5jaG9yTGFiZWxzOiBRdWVyeUxpc3Q8QW5jaG9yTGFiZWxEaXJlY3RpdmU+KSA9PiB7XG4gICAgICAgIE9iamVjdC5hc3NpZ24oYW5jaG9yQ29tcG9uZW50UmVmLmluc3RhbmNlLCB7XG4gICAgICAgICAgaXRlbXM6IGFuY2hvckxhYmVscy50b0FycmF5KCksXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JCQuY29tcGxldGUoKTtcbiAgICB0aGlzLmFuY2hvclBvcnRhbC5kZXRhY2goKTtcbiAgfVxuXG4gIGFkYXB0QW5jaG9yUG9zaXRpb24oY29udGFpbmVyRWw6IEhUTUxFbGVtZW50LCBhbmNob3JFbDogSFRNTEVsZW1lbnQpIHtcbiAgICBjb25zdCBwYWdlQ29udGVudEVsID0gY29udGFpbmVyRWwuY2xvc2VzdCgnLmF1aS1wYWdlX19jb250ZW50Jyk7XG4gICAgY29uc3QgYW5jaG9yQ29udGVudEVsID0gYW5jaG9yRWwucXVlcnlTZWxlY3RvcignLmF1aS1hbmNob3InKTtcblxuICAgIG1lcmdlKG9ic2VydmVSZXNpemVPbihjb250YWluZXJFbCksIGZyb21FdmVudCh3aW5kb3csICdzY3JvbGwnKSlcbiAgICAgIC5waXBlKHN0YXJ0V2l0aChudWxsIGFzIHZvaWQpLCB0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclJlY3QgPSBjb250YWluZXJFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgT2JqZWN0LmFzc2lnbihhbmNob3JFbC5zdHlsZSwge1xuICAgICAgICAgIGRpc3BsYXk6ICFjb250YWluZXJSZWN0LndpZHRoIHx8ICFjb250YWluZXJSZWN0LmhlaWdodCA/ICdub25lJyA6ICcnLFxuICAgICAgICAgIGxlZnQ6XG4gICAgICAgICAgICBjb250YWluZXJSZWN0LnJpZ2h0IC1cbiAgICAgICAgICAgIGFuY2hvckNvbnRlbnRFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCArXG4gICAgICAgICAgICAncHgnLFxuICAgICAgICAgIHRvcDpcbiAgICAgICAgICAgIE1hdGgubWF4KFxuICAgICAgICAgICAgICBjb250YWluZXJSZWN0LnRvcCxcbiAgICAgICAgICAgICAgKHRoaXMubWluVG9wID8/XG4gICAgICAgICAgICAgICAgKHBhZ2VDb250ZW50RWwgJiZcbiAgICAgICAgICAgICAgICAgICtnZXRDb21wdXRlZFN0eWxlKHBhZ2VDb250ZW50RWwpLnBhZGRpbmdUb3Auc2xpY2UoMCwgLTIpKSkgfHxcbiAgICAgICAgICAgICAgICAwLFxuICAgICAgICAgICAgKSArICdweCcsXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG5cbiAgICBpZiAodGhpcy5hZGFwdFBvc2l0aW9uKSB7XG4gICAgICBvYnNlcnZlUmVzaXplT24oYW5jaG9yQ29udGVudEVsKVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCQpKVxuICAgICAgICAuc3Vic2NyaWJlKGVsID0+IHtcbiAgICAgICAgICBjb25zdCB3aWR0aCA9IGVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIGNvbnN0IHBhZGRpbmcgPSB3aWR0aCArIHRoaXMucGFkZGluZztcbiAgICAgICAgICBjb250YWluZXJFbC5zdHlsZS5wYWRkaW5nUmlnaHQgPSBwYWRkaW5nICsgJ3B4JztcbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=
|