af-connect-components 0.0.24 → 0.0.26
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/.editorconfig +16 -0
- package/.vscode/extensions.json +4 -0
- package/.vscode/launch.json +20 -0
- package/.vscode/tasks.json +42 -0
- package/README.md +11 -8
- package/angular.json +40 -0
- package/package.json +41 -31
- package/projects/af-connect-components/README.md +24 -0
- package/projects/af-connect-components/ng-package.json +7 -0
- package/projects/af-connect-components/package-lock.json +4286 -0
- package/projects/af-connect-components/package.json +12 -0
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.html +13 -0
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.scss +50 -0
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.ts +17 -0
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.html +25 -0
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.scss +306 -0
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.ts +25 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.html +20 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.scss +209 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.ts +21 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.html +4 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.scss +100 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.ts +14 -0
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.scss +0 -0
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.ts +10 -0
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.html +15 -0
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.scss +125 -0
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.ts +22 -0
- package/projects/af-connect-components/src/lib/af-connect-components.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-components.component.ts +15 -0
- package/projects/af-connect-components/src/lib/af-connect-components.module.ts +146 -0
- package/projects/af-connect-components/src/lib/af-connect-components.service.spec.ts +16 -0
- package/projects/af-connect-components/src/lib/af-connect-components.service.ts +9 -0
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.scss +227 -0
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.ts +13 -0
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.scss +0 -0
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.ts +10 -0
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.scss +51 -0
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.ts +18 -0
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.html +106 -0
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.scss +186 -0
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.ts +292 -0
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.scss +18 -0
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.ts +10 -0
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.html +40 -0
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.scss +5 -0
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.ts +14 -0
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.html +49 -0
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.scss +24 -0
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.ts +27 -0
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.scss +68 -0
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.ts +18 -0
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.html +29 -0
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.scss +117 -0
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.ts +77 -0
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.scss +67 -0
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.ts +15 -0
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.html +43 -0
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.scss +136 -0
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.ts +99 -0
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.html +8 -0
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.scss +94 -0
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.ts +18 -0
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.html +11 -0
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.scss +72 -0
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.ts +12 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.html +16 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.scss +32 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.spec.ts +22 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.ts +58 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/defaultConfig.ts +26 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.scss +96 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.ts +21 -0
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.html +94 -0
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.scss +176 -0
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.ts +48 -0
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.html +11 -0
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.scss +48 -0
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.ts +34 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.html +28 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.scss +204 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.ts +101 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.scss +28 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.ts +111 -0
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.scss +8 -0
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.ts +13 -0
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.html +17 -0
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.scss +153 -0
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.ts +22 -0
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.html +91 -0
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.scss +242 -0
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.ts +10 -0
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.html +6 -0
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.scss +66 -0
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.ts +19 -0
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.html +4 -0
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.scss +0 -0
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.ts +11 -0
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.html +1 -0
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.scss +0 -0
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.ts +10 -0
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.html +15 -0
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.scss +125 -0
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.ts +100 -0
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.html +13 -0
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.scss +66 -0
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.ts +22 -0
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.html +26 -0
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.scss +55 -0
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.ts +120 -0
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.html +11 -0
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.scss +149 -0
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.ts +36 -0
- package/projects/af-connect-components/src/lib/af-connect-tooltip/types.ts +1 -0
- package/projects/af-connect-components/src/lib/constants/animation.constants.ts +149 -0
- package/projects/af-connect-components/src/lib/constants/base.constants.ts +10 -0
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.html +4 -0
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.scss +0 -0
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.spec.ts +22 -0
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.ts +21 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.html +14 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.scss +0 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.spec.ts +22 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.ts +38 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.html +3 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.scss +3 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.ts +21 -0
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.html +7 -0
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.scss +18 -0
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.ts +16 -0
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.html +15 -0
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.scss +58 -0
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.spec.ts +23 -0
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.ts +12 -0
- package/projects/af-connect-components/src/lib/faq/image-fallback/image-fallback.component.ts +57 -0
- package/{lib/models/notification-response.model.d.ts → projects/af-connect-components/src/lib/models/notification-response.model.ts} +1 -0
- package/projects/af-connect-components/src/lib/models/radio.model.ts +3 -0
- package/projects/af-connect-components/src/lib/services/breakpoint.service.ts +10 -0
- package/projects/af-connect-components/src/lib/utilities/number.util.ts +3 -0
- package/{public-api.d.ts → projects/af-connect-components/src/public-api.ts} +7 -0
- package/projects/af-connect-components/src/shared/pipes/get-initials.ts +13 -0
- package/projects/af-connect-components/src/styles/breakpoints.scss +91 -0
- package/projects/af-connect-components/tsconfig.lib.json +14 -0
- package/projects/af-connect-components/tsconfig.lib.prod.json +10 -0
- package/projects/af-connect-components/tsconfig.spec.json +14 -0
- package/tsconfig.json +39 -0
- package/esm2020/af-connect-components.mjs +0 -5
- package/esm2020/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +0 -22
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +0 -47
- package/esm2020/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +0 -33
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +0 -17
- package/esm2020/lib/af-connect-chart/af-connect-chart.component.mjs +0 -11
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +0 -23
- package/esm2020/lib/af-connect-components.component.mjs +0 -19
- package/esm2020/lib/af-connect-components.module.mjs +0 -239
- package/esm2020/lib/af-connect-components.service.mjs +0 -14
- package/esm2020/lib/af-connect-content/af-connect-content.component.mjs +0 -14
- package/esm2020/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +0 -11
- package/esm2020/lib/af-connect-error/af-connect-error.component.mjs +0 -26
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +0 -266
- package/esm2020/lib/af-connect-form-group/af-connect-form-group.component.mjs +0 -11
- package/esm2020/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +0 -21
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +0 -46
- package/esm2020/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +0 -29
- package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +0 -92
- package/esm2020/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +0 -18
- package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +0 -101
- package/esm2020/lib/af-connect-no-content/af-connect-no-content.component.mjs +0 -26
- package/esm2020/lib/af-connect-notification/af-connect-notification.component.mjs +0 -15
- package/esm2020/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +0 -47
- package/esm2020/lib/af-connect-products-carousel/defaultConfig.mjs +0 -27
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +0 -27
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +0 -69
- package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +0 -45
- package/esm2020/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +0 -99
- package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +0 -114
- package/esm2020/lib/af-connect-section/af-connect-section.component.mjs +0 -14
- package/esm2020/lib/af-connect-section-header/af-connect-section-header.component.mjs +0 -35
- package/esm2020/lib/af-connect-select/af-connect-select.component.mjs +0 -11
- package/esm2020/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +0 -27
- package/esm2020/lib/af-connect-tab/af-connect-tab.component.mjs +0 -20
- package/esm2020/lib/af-connect-table/af-connect-table.component.mjs +0 -11
- package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +0 -87
- package/esm2020/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +0 -33
- package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +0 -133
- package/esm2020/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +0 -48
- package/esm2020/lib/af-connect-tooltip/types.mjs +0 -2
- package/esm2020/lib/constants/animation.constants.mjs +0 -121
- package/esm2020/lib/constants/base.constants.mjs +0 -10
- package/esm2020/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +0 -23
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +0 -54
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +0 -29
- package/esm2020/lib/faq/faq/faq.component.mjs +0 -22
- package/esm2020/lib/faq/faq-item/faq-item.component.mjs +0 -16
- package/esm2020/lib/faq/faqItem.mjs +0 -2
- package/esm2020/lib/faq/image-fallback/image-fallback.component.mjs +0 -74
- package/esm2020/lib/models/notification-response.model.mjs +0 -2
- package/esm2020/lib/models/radio.model.mjs +0 -2
- package/esm2020/lib/services/breakpoint.service.mjs +0 -16
- package/esm2020/lib/utilities/number.util.mjs +0 -4
- package/esm2020/public-api.mjs +0 -43
- package/esm2020/shared/pipes/get-initials.mjs +0 -20
- package/fesm2015/af-connect-components.mjs +0 -2154
- package/fesm2015/af-connect-components.mjs.map +0 -1
- package/fesm2020/af-connect-components.mjs +0 -2146
- package/fesm2020/af-connect-components.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +0 -10
- package/lib/af-connect-button/af-connect-button.component.d.ts +0 -21
- package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +0 -14
- package/lib/af-connect-card/af-connect-card.component.d.ts +0 -8
- package/lib/af-connect-chart/af-connect-chart.component.d.ts +0 -5
- package/lib/af-connect-chip/af-connect-chip.component.d.ts +0 -12
- package/lib/af-connect-components.component.d.ts +0 -5
- package/lib/af-connect-components.module.d.ts +0 -52
- package/lib/af-connect-components.service.d.ts +0 -6
- package/lib/af-connect-content/af-connect-content.component.d.ts +0 -8
- package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +0 -5
- package/lib/af-connect-error/af-connect-error.component.d.ts +0 -12
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +0 -152
- package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +0 -5
- package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +0 -10
- package/lib/af-connect-header/af-connect-header.component.d.ts +0 -18
- package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts +0 -13
- package/lib/af-connect-input/af-connect-input.component.d.ts +0 -36
- package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts +0 -8
- package/lib/af-connect-modal/af-connect-modal.component.d.ts +0 -46
- package/lib/af-connect-no-content/af-connect-no-content.component.d.ts +0 -12
- package/lib/af-connect-notification/af-connect-notification.component.d.ts +0 -8
- package/lib/af-connect-products-carousel/af-connect-products-carousel.component.d.ts +0 -32
- package/lib/af-connect-products-carousel/defaultConfig.d.ts +0 -6
- package/lib/af-connect-products-carousel/image-card/image-card.component.d.ts +0 -13
- package/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.d.ts +0 -26
- package/lib/af-connect-progress-bar/af-connect-progress-bar.component.d.ts +0 -18
- package/lib/af-connect-radio-button/af-connect-radio-button.component.d.ts +0 -34
- package/lib/af-connect-radio-group/af-connect-radio-group.component.d.ts +0 -35
- package/lib/af-connect-section/af-connect-section.component.d.ts +0 -8
- package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +0 -15
- package/lib/af-connect-select/af-connect-select.component.d.ts +0 -5
- package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +0 -14
- package/lib/af-connect-tab/af-connect-tab.component.d.ts +0 -9
- package/lib/af-connect-table/af-connect-table.component.d.ts +0 -5
- package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +0 -25
- package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +0 -13
- package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +0 -37
- package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +0 -16
- package/lib/af-connect-tooltip/types.d.ts +0 -1
- package/lib/constants/animation.constants.d.ts +0 -13
- package/lib/constants/base.constants.d.ts +0 -10
- package/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.d.ts +0 -8
- package/lib/expandable/expandable-arrow/expandable-arrow.component.d.ts +0 -21
- package/lib/expandable/expandable-container/expandable-container.component.d.ts +0 -8
- package/lib/faq/faq/faq.component.d.ts +0 -9
- package/lib/faq/faq-item/faq-item.component.d.ts +0 -7
- package/lib/faq/image-fallback/image-fallback.component.d.ts +0 -18
- package/lib/models/radio.model.d.ts +0 -3
- package/lib/services/breakpoint.service.d.ts +0 -9
- package/lib/utilities/number.util.d.ts +0 -1
- package/shared/pipes/get-initials.d.ts +0 -10
- /package/{lib/faq/faqItem.d.ts → projects/af-connect-components/src/lib/faq/faqItem.ts} +0 -0
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { Component, HostListener, Output, EventEmitter, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../af-connect-radio-button/af-connect-radio-button.component";
|
|
5
|
-
import * as i3 from "../af-connect-radio-group/af-connect-radio-group.component";
|
|
6
|
-
export var UserType;
|
|
7
|
-
(function (UserType) {
|
|
8
|
-
UserType["Retail"] = "Retail";
|
|
9
|
-
UserType["Institutional"] = "Institutional";
|
|
10
|
-
UserType["Hybrid"] = "Hybrid";
|
|
11
|
-
})(UserType || (UserType = {}));
|
|
12
|
-
export class AfConnectProfileDropdown {
|
|
13
|
-
constructor(elementRef) {
|
|
14
|
-
this.elementRef = elementRef;
|
|
15
|
-
this.username = '';
|
|
16
|
-
this.callMeBack = new EventEmitter();
|
|
17
|
-
this.contactAdviser = new EventEmitter();
|
|
18
|
-
this.resetPassword = new EventEmitter();
|
|
19
|
-
this.logout = new EventEmitter();
|
|
20
|
-
this.switchUserType = new EventEmitter();
|
|
21
|
-
this.showMenu = false;
|
|
22
|
-
this.USER_TYPE = UserType;
|
|
23
|
-
}
|
|
24
|
-
show(e) {
|
|
25
|
-
this.showMenu = !this.showMenu;
|
|
26
|
-
}
|
|
27
|
-
click(event) {
|
|
28
|
-
const iconClick = this.elementRef.nativeElement.contains(event.target);
|
|
29
|
-
const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
|
|
30
|
-
const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
|
|
31
|
-
this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
|
|
32
|
-
}
|
|
33
|
-
select(value) {
|
|
34
|
-
if (this.userType !== value) {
|
|
35
|
-
this.userType = value;
|
|
36
|
-
this.showMenu = false;
|
|
37
|
-
this.switchUserType.emit(value);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator" }, outputs: { callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" } }, ngImport: i0, template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #retail>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF;cursor:pointer}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:12rem;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg{width:20px;height:20px;padding-left:1rem}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i3.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }] });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #retail>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF;cursor:pointer}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:12rem;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content>div:not(.user-type-switch):nth-child(-n+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg{width:20px;height:20px;padding-left:1rem}.dropdown-content>div:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
|
|
46
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], userType: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], hasSwitchIndicator: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], callMeBack: [{
|
|
53
|
-
type: Output
|
|
54
|
-
}], contactAdviser: [{
|
|
55
|
-
type: Output
|
|
56
|
-
}], resetPassword: [{
|
|
57
|
-
type: Output
|
|
58
|
-
}], logout: [{
|
|
59
|
-
type: Output
|
|
60
|
-
}], switchUserType: [{
|
|
61
|
-
type: Output
|
|
62
|
-
}], show: [{
|
|
63
|
-
type: HostListener,
|
|
64
|
-
args: ['click', ['$event']]
|
|
65
|
-
}], click: [{
|
|
66
|
-
type: HostListener,
|
|
67
|
-
args: ['document:click', ['$event']]
|
|
68
|
-
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBYW5DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFaakMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUdiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUV3QixDQUFDO0lBRVgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFDbkYsTUFBTSw2QkFBNkIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUVqRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7cUhBakNVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJaQ2JyQyxrMlNBOEZBOzJGRGpGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2lHQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQU80QixJQUFJO3NCQUF0QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFJVyxLQUFLO3NCQUFoRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuZXhwb3J0IGVudW0gVXNlclR5cGUge1xyXG4gIFJldGFpbCA9ICdSZXRhaWwnLFxyXG4gIEluc3RpdHV0aW9uYWwgPSAnSW5zdGl0dXRpb25hbCcsXHJcbiAgSHlicmlkID0gJ0h5YnJpZCdcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UHJvZmlsZURyb3Bkb3duIHtcclxuICBASW5wdXQoKSB1c2VybmFtZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHVzZXJUeXBlOiBVc2VyVHlwZS5JbnN0aXR1dGlvbmFsIHwgVXNlclR5cGUuUmV0YWlsO1xyXG4gIEBJbnB1dCgpICBoYXNTd2l0Y2hJbmRpY2F0b3I6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHNwYW4gW2NsYXNzXT1cIlsnbG9nby1jb250ZW50JywgdXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgPyAnYmx1ZScgOiAnb3JhbmdlJ11cIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLlJldGFpbCA/IHJldGFpbCA6IGluc3RpdHV0aW9uYWxcIj48L25nLWNvbnRhaW5lcj5cclxuPC9zcGFuPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dNZW51XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNhbGxNZUJhY2suZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiY2FsbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwaG9uZS0xXCIgZD1cIk0xOS45NzYsMTcuNTQ5bC0yLjU4OC0yLjE1NmEuNjk0LjY5NCwwLDAsMC0uNy0uMDM3bC0xLjQzOC45NThhLjkxLjkxLDAsMCwxLS41MDkuMTUzLDUuOTgzLDUuOTgzLDAsMCwxLTEuMjgtLjE4LDcuNzI0LDcuNzI0LDAsMCwxLTUuNzU0LTUuNzUyLDUuOTc3LDUuOTc3LDAsMCwxLS4xOC0xLjI4LjkwOS45MDksMCwwLDEsLjE1My0uNTA5bC45NTktMS40MzdhLjY4MS42ODEsMCwwLDAtLjAzNy0uN0w2LjQ0NCw0LjAyMmEuNDI3LjQyNywwLDAsMC0uNzMsMEw0LjI4NSw1Ljc3YTIuNTQ5LDIuNTQ5LDAsMCwwLS40LDIuMDM1LjkwOS45MDksMCwwLDEsLjAyNy4xMDUsNC42NzEsNC42NzEsMCwwLDAsLjE0Mi41LDExLjY4NSwxMS42ODUsMCwwLDAsLjY1NCwxLjU2MywyMC43NzUsMjAuNzc1LDAsMCwwLDMuOTczLDUuMzMyQTIwLjc2LDIwLjc2LDAsMCwwLDE0LjAyLDE5LjI4YTExLjY5MywxMS42OTMsMCwwLDAsMS41NjMuNjU0LDQuODIzLDQuODIzLDAsMCwwLC41LjE0Mi45MDkuOTA5LDAsMCwxLC4xMjYuMDMzLDIuNDkyLDIuNDkyLDAsMCwwLDIuMDE0LS40bDEuNzQ3LTEuNDI5QS40MjYuNDI2LDAsMCwwLDE5Ljk3NiwxNy41NDlabS00LjMtMy43MDZBMi41LDIuNSwwLDAsMSwxOC41NTIsMTRsMi41ODksMi4xNTZhMi4yMzUsMi4yMzUsMCwwLDEtLjAxNSwzLjUzNGwtMS43NDcsMS40MjhhNC4yOSw0LjI5LDAsMCwxLTMuNjk1LjczNXEtLjMzOC0uMDc3LS42NjctLjE4OGExMy41LDEzLjUsMCwwLDEtMS44MDktLjc1NUEyMi41ODMsMjIuNTgzLDAsMCwxLDcuNCwxNi41OTRhMjIuNTc5LDIyLjU3OSwwLDAsMS00LjMxNC01LjgwNiwxMy40ODgsMTMuNDg4LDAsMCwxLS43NTUtMS44MDlBNi44MzMsNi44MzMsMCwwLDEsMi4xNCw4LjNhNC4zNDMsNC4zNDMsMCwwLDEsLjczOC0zLjY4M0w0LjMwNywyLjg3M2EyLjIzOCwyLjIzOCwwLDAsMSwzLjUzNS0uMDE1TDEwLDUuNDQ1YTIuNDg1LDIuNDg1LDAsMCwxLC4xNTMsMi44NzFMOS4zNjYsOS40OTRhNS4zNzQsNS4zNzQsMCwwLDAsLjExLjYyLDUuOTQ4LDUuOTQ4LDAsMCwwLC45MjIsMi4wNTIsNS44NjgsNS44NjgsMCwwLDAsMS40MywxLjQzLDUuOTUyLDUuOTUyLDAsMCwwLDIuMDUzLjkyMSw1LjI3Nyw1LjI3NywwLDAsMCwuNjIuMTFsMS4xNzktLjc4NVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTIgLTIpXCIgZmlsbD1cIiNlZjRmMWZcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5DYWxsIG1lIGJhY2s8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY29udGFjdEFkdmlzZXIuZW1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjEuNVwiIGhlaWdodD1cIjE3Ljg2NFwiIHZpZXdCb3g9XCIwIDAgMjEuNSAxNy44NjRcIj5cclxuICAgICAgICAgICAgICAgIDxnIGlkPVwiSWNvbnNfVUlfQ29udGFjdHNfQ29sb3VyX1wiIGRhdGEtbmFtZT1cIkljb25zIC8gVUkgLyBDb250YWN0cyAvIENvbG91ciAgXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuNzUgMC43NSlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZVwiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIxNi4zNjRcIiByeD1cIjNcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0uNTUuNTYzbDguNTkxLDcuNjdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC44NTkgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMy0yXCIgZGF0YS1uYW1lPVwiTGluZSAzXCIgZD1cIk0tMS40MDkuNTYzLTEwLDguMjMzXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIwIDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Db250YWN0IGFkdmlzZXI8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImhhc1N3aXRjaEluZGljYXRvclwiIGNsYXNzPVwidXNlci10eXBlLXN3aXRjaCB1c2VyLXR5cGUtc3dpdGNoXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19idG4tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAgbGFiZWw9XCJWaWV3IGFzXCIgdmFyaWFudD1cImNoZWNrYm94XCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgKHZhbHVlQ2hhbmdlKT1cInNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5SZXRhaWwpXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2dvIGJsdWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZXRhaWxcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1yYWRpby1idXR0b24gbmdDbGFzcz1cImxhcmdlclwiIFt2YWx1ZV09XCJVU0VSX1RZUEUuUmV0YWlsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5JbmRpdmlkdWFsL1JldGFpbDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbiBib3hTaGFkb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBvcmFuZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBbY2hlY2tlZF09XCJ1c2VyVHlwZSA9PT0gVVNFUl9UWVBFLkluc3RpdHV0aW9uYWxcIiBpdGVtT3JkZXI9XCJyaWdodC10by1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FbXBsb3llZSBiZW5lZml0czwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJyZXNldFBhc3N3b3JkLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIyXCIgaGVpZ2h0PVwiMjAuMDA0XCIgdmlld0JveD1cIjAgMCAyMiAyMC4wMDRcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiU2hhcGVcIiBkPVwiTTEyLjUyMiwyMEE5Ljg4Miw5Ljg4MiwwLDAsMSwyLjQ4NCwxMEguNTQ0YS41NTIuNTUyLDAsMCwxLS4zNzktLjk0NGwzLjAyNC0zLjFhLjUyOC41MjgsMCwwLDEsLjc3LDBsMy4wMjQsMy4xYS41NTcuNTU3LDAsMCwxLS4zOS45NDRINC42NTJhNy42NzksNy42NzksMCwwLDAsNy43LDcuNzc4LDcuNzgyLDcuNzgyLDAsMCwwLDcuNDgtNy42NjdBNy42OTIsNy42OTIsMCwwLDAsMTIuMjQsMi4yMjIsNy40ODEsNy40ODEsMCwwLDAsOC41MTEsMy4yMzNhMS4wMzUsMS4wMzUsMCwwLDEtMS4yNzktLjIsMS4xMjUsMS4xMjUsMCwwLDEsLjIxNy0xLjc0NEE5LjYxNyw5LjYxNywwLDAsMSwxMi4yNCwwLDkuOSw5LjksMCwwLDEsMjIsMTAuMjg5LDEwLDEwLDAsMCwxLDEyLjUyMiwyMFpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjIgMjAuMDA0KSByb3RhdGUoMTgwKVwiIGZpbGw9XCIjZjE1YTIyXCIvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+UmVzZXQgcGFzc3dvcmQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwibG9nb3V0LmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIGlkPVwiaWNvblwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XHJcbiAgICAgICAgICAgICAgICA8cmVjdCBpZD1cImJnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgZmlsbD1cIm5vbmVcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cInBhdGhcIiBkPVwiTTkuMjEsOS4yNzNsMi43NTgtMi43NThBLjcyNy43MjcsMCwxLDAsMTAuOTQsNS40ODZsLTQsNGEuNzI3LjcyNywwLDAsMCwwLDEuMDI5bDQsNGEuNzI3LjcyNywwLDEsMCwxLjAyOS0xLjAyOUw5LjIxLDEwLjcyN2g4LjA2NmEuNzI3LjcyNywwLDAsMCwwLTEuNDU1Wm0xLjUxNy01LjgxOGEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxQTEuODIsMS44MiwwLDAsMCwyLDMuODIxVjE2LjE3OUExLjgyMSwxLjgyMSwwLDAsMCwzLjgyMSwxOGg2LjkwNmEuNzI3LjcyNywwLDEsMCwwLTEuNDU1SDMuODIxYS4zNjYuMzY2LDAsMCwxLS4zNjctLjM2NlYzLjgyMWEuMzY2LjM2NiwwLDAsMSwuMzY3LS4zNjZaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjA5OSlcIiBmaWxsPVwiIzdmODk5MVwiLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPkxvZyBPdXQ8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI3JldGFpbD5cclxuICAgIDxzdmcgaWQ9XCJHcm91cFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjEyLjgzN1wiIGhlaWdodD1cIjEzLjY5M1wiIHZpZXdCb3g9XCIwIDAgMTIuODM3IDEzLjY5M1wiPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiT3ZhbFwiIGQ9XCJNMi43ODUtMUEzLjc4NSwzLjc4NSwwLDEsMS0xLDIuNzg1LDMuNzksMy43OSwwLDAsMSwyLjc4NS0xWm0wLDYuNTgzYTIuOCwyLjgsMCwxLDAtMi44LTIuOEEyLjgsMi44LDAsMCwwLDIuNzg1LDUuNTgzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgzLjYzMyAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlXCIgZD1cIk03LjM5Myw0LjEzNUEuNDk0LjQ5NCwwLDAsMSw2LjksMy42NDEsMy43MTIsMy43MTIsMCwwLDAsMy4xNC0uMDEzSC0uNTA2QS40OTQuNDk0LDAsMCwxLTEtLjUwNi40OTQuNDk0LDAsMCwxLS41MDYtMUgzLjE0QTQuNyw0LjcsMCwwLDEsNy44ODcsMy42NDEuNDk0LjQ5NCwwLDAsMSw3LjM5Myw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNC45NSA5LjU1OClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZS0yXCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlXCIgZD1cIk0tMTIuNTA2LDQuMTM1QS40OTQuNDk0LDAsMCwxLTEzLDMuNjQxLDQuNyw0LjcsMCwwLDEtOC4yNTMtMWgzLjY0NmEuNDk0LjQ5NCwwLDAsMSwuNDk0LjQ5NC40OTQuNDk0LDAsMCwxLS40OTQuNDk0SC04LjI1M2EzLjcxMiwzLjcxMiwwLDAsMC0zLjc2LDMuNjU0QS40OTQuNDk0LDAsMCwxLTEyLjUwNiw0LjEzNVpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTMgOS41NTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICA8L3N2Zz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaW5zdGl0dXRpb25hbD5cclxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHdpZHRoPVwiMTUuMzg0XCIgaGVpZ2h0PVwiMTIuNDg4XCIgdmlld0JveD1cIjAgMCAxNS4zODQgMTIuNDg4XCI+XHJcbiAgICAgICAgPGRlZnM+XHJcbiAgICAgICAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAtcGF0aFwiPlxyXG4gICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZV8xNDI0XCIgZGF0YS1uYW1lPVwiUmVjdGFuZ2xlIDE0MjRcIiB3aWR0aD1cIjE1LjM4M1wiIGhlaWdodD1cIjEyLjQ4OVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjNzA3MDcwXCIgc3Ryb2tlLXdpZHRoPVwiMVwiLz5cclxuICAgICAgICAgICAgPC9jbGlwUGF0aD5cclxuICAgICAgICA8L2RlZnM+XHJcbiAgICAgICAgPGcgaWQ9XCJHcm91cF8xMDI5OFwiIGRhdGEtbmFtZT1cIkdyb3VwIDEwMjk4XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0wLjk1MiAtMC43NzMpXCI+XHJcbiAgICAgICAgICAgIDxnIGlkPVwiR3JvdXBfMTAyOTdcIiBkYXRhLW5hbWU9XCJHcm91cCAxMDI5N1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjk1MyAwLjc3MylcIiBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAtcGF0aClcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiUGF0aF82MDgwXCIgZGF0YS1uYW1lPVwiUGF0aCA2MDgwXCIgZD1cIk0yOS4zODYsMy4wM2EuMzQ2LjM0NiwwLDAsMS0uMzQ2LS4zNDZWMS4zMmEuNjI5LjYyOSwwLDAsMC0uNjI4LS42MjlIMjMuMjc0YS42MjkuNjI5LDAsMCwwLS42MjguNjI5VjIuNjg0YS4zNDYuMzQ2LDAsMSwxLS42OTMsMFYxLjMyQTEuMzIzLDEuMzIzLDAsMCwxLDIzLjI3NCwwaDUuMTM3QTEuMzIzLDEuMzIzLDAsMCwxLDI5LjczMiwxLjMyVjIuNjg0QS4zNDYuMzQ2LDAsMCwxLDI5LjM4NiwzLjAzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMTguMTUxIDAuMDAxKVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGVfMTQyM1wiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZSAxNDIzXCIgZD1cIk0tLjkzMy0yaDEzLjI1QTEuMDY4LDEuMDY4LDAsMCwxLDEzLjM4NC0uOTMzVjcuMDg0YTEuMDY4LDEuMDY4LDAsMCwxLTEuMDY3LDEuMDY3SC0uOTMzQTEuMDY4LDEuMDY4LDAsMCwxLTIsNy4wODRWLS45MzNBMS4wNjgsMS4wNjgsMCwwLDEtLjkzMy0yWm0xMy4yNSw5LjQ1OGEuMzc0LjM3NCwwLDAsMCwuMzc0LS4zNzRWLS45MzNhLjM3NC4zNzQsMCwwLDAtLjM3NC0uMzc0SC0uOTMzYS4zNzQuMzc0LDAsMCwwLS4zNzQuMzc0VjcuMDg0YS4zNzQuMzc0LDAsMCwwLC4zNzQuMzc0WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyIDQuMzM4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNFwiIGRhdGEtbmFtZT1cIkxpbmUgMzI0XCIgZD1cIk0xMi43MTItMS4zMDdILTEuNjU0QS4zNDYuMzQ2LDAsMCwxLTItMS42NTQuMzQ2LjM0NiwwLDAsMS0xLjY1NC0ySDEyLjcxMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NkEuMzQ2LjM0NiwwLDAsMSwxMi43MTItMS4zMDdaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIuMDM3IDguMDg3KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNVwiIGRhdGEtbmFtZT1cIkxpbmUgMzI1XCIgZD1cIk0tMS42NTQuMjIzQS4zNDYuMzQ2LDAsMCwxLTItLjEyNHYtMS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC0yYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2djEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQuMjIzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMi44ODggNy4zMTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfMzI2XCIgZGF0YS1uYW1lPVwiTGluZSAzMjZcIiBkPVwiTS0xLjY1NC4yMjNBLjM0Ni4zNDYsMCwwLDEtMi0uMTI0di0xLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZ2MS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC4yMjNaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDUuODAyIDcuMzE4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgPC9nPlxyXG4gICAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { Subscription, interval, take } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class AfConnectProgressBarComponent {
|
|
6
|
-
constructor(cdr) {
|
|
7
|
-
this.cdr = cdr;
|
|
8
|
-
this.progressBarTreshold = 30;
|
|
9
|
-
this.progressCounter = 0;
|
|
10
|
-
this.minimumProgressAnimation = 30;
|
|
11
|
-
this.withProgressAnimation = false;
|
|
12
|
-
this.subscription = new Subscription();
|
|
13
|
-
this.primaryColor = 'primary-green';
|
|
14
|
-
this.secondaryColor = 'grey';
|
|
15
|
-
}
|
|
16
|
-
ngAfterViewInit() {
|
|
17
|
-
this.minimumProgressAnimation = this.progress < this.progressBarTreshold ? this.progressBarTreshold : this.progress;
|
|
18
|
-
interval(11)
|
|
19
|
-
.pipe(take(this.minimumProgressAnimation || 100))
|
|
20
|
-
.subscribe(() => {
|
|
21
|
-
if (!this.withProgressAnimation) {
|
|
22
|
-
this.progressCounter = this.progress;
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
this.progressCounter++;
|
|
26
|
-
}
|
|
27
|
-
this.cdr.detectChanges();
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
AfConnectProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
AfConnectProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProgressBarComponent, selector: "lib-af-connect-progress-bar", inputs: { withProgressAnimation: "withProgressAnimation", progress: "progress", primaryColor: "primaryColor", secondaryColor: "secondaryColor" }, ngImport: i0, template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\r\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n <div class=\"text-container\">\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, decorators: [{
|
|
34
|
-
type: Component,
|
|
35
|
-
args: [{ selector: 'lib-af-connect-progress-bar', template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\r\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n <div class=\"text-container\">\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"] }]
|
|
36
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { withProgressAnimation: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], progress: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], primaryColor: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], secondaryColor: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUN4QjtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzswSEF4QlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIscU5DUjFDLHFaQVVFOzJGREZXLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7d0dBUzlCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGludGVydmFsLCB0YWtlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2dyZXNzLWJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9ncmVzc0JhckNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIHB1YmxpYyBwcm9ncmVzc0JhclRyZXNob2xkID0gMzA7XHJcbiAgcHVibGljIHByb2dyZXNzQ291bnRlciA9IDA7XHJcbiAgcHVibGljIG1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IDMwO1xyXG4gIEBJbnB1dCgpIHdpdGhQcm9ncmVzc0FuaW1hdGlvbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIEBJbnB1dCgpIHByb2dyZXNzOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcHJpbWFyeUNvbG9yOiAncHJpbWFyeS1ncmVlbicgfCAncHJpbWFyeS1vcmFuZ2UnID0gJ3ByaW1hcnktZ3JlZW4nO1xyXG4gIEBJbnB1dCgpIHNlY29uZGFyeUNvbG9yOiAnb3JhbmdlJyB8ICd0cmFuc3BhcmVudCcgfCAnZ3JleScgPSAnZ3JleSc7XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IHRoaXMucHJvZ3Jlc3MgPCB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgPyB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgOiB0aGlzLnByb2dyZXNzO1xyXG4gICAgaW50ZXJ2YWwoMTEpXHJcbiAgICAgIC5waXBlKHRha2UodGhpcy5taW5pbXVtUHJvZ3Jlc3NBbmltYXRpb24gfHwgMTAwKSlcclxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgaWYgKCF0aGlzLndpdGhQcm9ncmVzc0FuaW1hdGlvbikge1xyXG4gICAgICAgICAgdGhpcy5wcm9ncmVzc0NvdW50ZXIgPSB0aGlzLnByb2dyZXNzO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlcisrO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIltzZWNvbmRhcnlDb2xvcl1cIiBjbGFzcz1cInByb2dyZXNzLWJhci1jb250YWluZXJcIj5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwiWydwcm9ncmVzcy1iYXInLCBwcmltYXJ5Q29sb3JdXCIgW3N0eWxlXT1cInsgd2lkdGg6IHByb2dyZXNzQ291bnRlciArICclJyB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmYWxzZVwiPiB7eyBwcm9ncmVzcy50b0ZpeGVkKDApIH19JSA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgIl19
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../af-connect-radio-group/af-connect-radio-group.component";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
// Increasing integer for generating unique ids for all afc-radio-button instances.
|
|
6
|
-
let nextUniqueId = 0;
|
|
7
|
-
export class AfConnectRadioButtonComponent {
|
|
8
|
-
constructor(radioGroup, changeDetector) {
|
|
9
|
-
this.radioGroup = radioGroup;
|
|
10
|
-
this.changeDetector = changeDetector;
|
|
11
|
-
this._uniqueId = `afc-radio-${++nextUniqueId}`;
|
|
12
|
-
this._checked = false;
|
|
13
|
-
this._disabled = false;
|
|
14
|
-
this._variant = 'default';
|
|
15
|
-
this._labelPosition = 'after';
|
|
16
|
-
this._size = 'inline';
|
|
17
|
-
this.id = this._uniqueId;
|
|
18
|
-
this.itemOrder = 'left-to-right';
|
|
19
|
-
}
|
|
20
|
-
get checked() {
|
|
21
|
-
return this._checked;
|
|
22
|
-
}
|
|
23
|
-
set checked(newCheckedState) {
|
|
24
|
-
if (this._checked !== newCheckedState) {
|
|
25
|
-
this._checked = newCheckedState;
|
|
26
|
-
if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
|
|
27
|
-
this.radioGroup.selected = this;
|
|
28
|
-
}
|
|
29
|
-
this.markForCheck();
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
get disabled() {
|
|
33
|
-
return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
|
|
34
|
-
}
|
|
35
|
-
set disabled(newValue) {
|
|
36
|
-
this._disabled = newValue;
|
|
37
|
-
}
|
|
38
|
-
get inputId() {
|
|
39
|
-
return `${this.id}-input`;
|
|
40
|
-
}
|
|
41
|
-
get variant() {
|
|
42
|
-
return this._variant;
|
|
43
|
-
}
|
|
44
|
-
get labelPosition() {
|
|
45
|
-
return this._labelPosition;
|
|
46
|
-
}
|
|
47
|
-
get size() {
|
|
48
|
-
return this._size;
|
|
49
|
-
}
|
|
50
|
-
ngOnInit() {
|
|
51
|
-
if (!this.radioGroup) {
|
|
52
|
-
this._variant = 'checkbox';
|
|
53
|
-
}
|
|
54
|
-
if (this.radioGroup) {
|
|
55
|
-
this.checked = this.radioGroup.value === this.value;
|
|
56
|
-
this._variant = this.radioGroup.variant;
|
|
57
|
-
this._labelPosition = this.radioGroup.labelPosition;
|
|
58
|
-
this._size = this.radioGroup.size;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
markForCheck() {
|
|
62
|
-
this.changeDetector.markForCheck();
|
|
63
|
-
}
|
|
64
|
-
onTouchTargetClick(event) {
|
|
65
|
-
this.onChange(event);
|
|
66
|
-
// Since the click comes from the touch target, we need
|
|
67
|
-
// to focus the native input element manually.
|
|
68
|
-
this.inputElement.nativeElement.focus();
|
|
69
|
-
}
|
|
70
|
-
onBlur() {
|
|
71
|
-
this.radioGroup.propagateTouch();
|
|
72
|
-
}
|
|
73
|
-
onChange(event) {
|
|
74
|
-
event.stopPropagation();
|
|
75
|
-
if (!this.checked && !this.disabled) {
|
|
76
|
-
this.checked = true;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
AfConnectRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
AfConnectRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", itemOrder: "itemOrder", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\r\n class=\"field-container\"\r\n [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n <div [ngClass]=\"['radio-container', variant]\">\r\n <input\r\n #input\r\n type=\"radio\"\r\n class=\"input\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n [attr.value]=\"value\"\r\n (change)=\"onChange($event)\"\r\n (blur)=\"onBlur()\"\r\n />\r\n <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n <div class=\"radio-visualization\">\r\n <span [class]=\"['outer-circle', variant]\"></span>\r\n <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n </div>\r\n </div>\r\n <label class=\"label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
|
|
83
|
-
type: Component,
|
|
84
|
-
args: [{ selector: 'lib-af-connect-radio-button', template: "<div\r\n class=\"field-container\"\r\n [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n <div [ngClass]=\"['radio-container', variant]\">\r\n <input\r\n #input\r\n type=\"radio\"\r\n class=\"input\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n [attr.value]=\"value\"\r\n (change)=\"onChange($event)\"\r\n (blur)=\"onBlur()\"\r\n />\r\n <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n <div class=\"radio-visualization\">\r\n <span [class]=\"['outer-circle', variant]\"></span>\r\n <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n </div>\r\n </div>\r\n <label class=\"label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
|
|
85
|
-
}], ctorParameters: function () { return [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], value: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], itemOrder: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], checked: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], disabled: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], inputElement: [{
|
|
96
|
-
type: ViewChild,
|
|
97
|
-
args: ['input']
|
|
98
|
-
}] } });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFvQ3hDLFlBQW9CLFVBQXdDLEVBQVUsY0FBaUM7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFuQy9GLGNBQVMsR0FBVyxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFDbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBdUIsU0FBUyxDQUFDO1FBQ3pDLG1CQUFjLEdBQTZCLE9BQU8sQ0FBQztRQUNuRCxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVqQyxPQUFFLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUU1QixjQUFTLEdBQXNDLGVBQWUsQ0FBQztJQTBCa0MsQ0FBQztJQXhCM0csSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssZUFBZSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDO1lBQ2hDLElBQUksZUFBZSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDOUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO2FBQ2pDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEYsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFNRCxJQUFJLE9BQU87UUFDVCxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7U0FDNUI7UUFDRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUM7WUFDeEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztZQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFZO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFckIsdURBQXVEO1FBQ3ZELDhDQUE4QztRQUM5QyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7U0FDckI7SUFDSCxDQUFDOzswSEF2RlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa1JDWjFDLDBrQ0E0QkE7MkZEaEJhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7bUpBWTlCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFHRixPQUFPO3NCQURWLEtBQUs7Z0JBZUYsUUFBUTtzQkFEWCxLQUFLO2dCQVFjLFlBQVk7c0JBQS9CLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG4vLyBJbmNyZWFzaW5nIGludGVnZXIgZm9yIGdlbmVyYXRpbmcgdW5pcXVlIGlkcyBmb3IgYWxsIGFmYy1yYWRpby1idXR0b24gaW5zdGFuY2VzLlxyXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF91bmlxdWVJZDogc3RyaW5nID0gYGFmYy1yYWRpby0keysrbmV4dFVuaXF1ZUlkfWA7XHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgcHJpdmF0ZSBfc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1PcmRlcjogJ2xlZnQtdG8tcmlnaHQnIHwgJ3JpZ2h0LXRvLWxlZnQnID0gJ2xlZnQtdG8tcmlnaHQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIHNldCBjaGVja2VkKG5ld0NoZWNrZWRTdGF0ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2NoZWNrZWQgIT09IG5ld0NoZWNrZWRTdGF0ZSkge1xyXG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xyXG4gICAgICBpZiAobmV3Q2hlY2tlZFN0YXRlICYmIHRoaXMucmFkaW9Hcm91cCAmJiB0aGlzLnJhZGlvR3JvdXAudmFsdWUgIT09IHRoaXMudmFsdWUpIHtcclxuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0ZWQgPSB0aGlzO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5yYWRpb0dyb3VwICE9PSBudWxsICYmIHRoaXMucmFkaW9Hcm91cC5kaXNhYmxlZCk7XHJcbiAgfVxyXG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBnZXQgaW5wdXRJZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcclxuICB9XHJcblxyXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcblxyXG4gIGdldCBsYWJlbFBvc2l0aW9uKCk6IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxQb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIGdldCBzaXplKCk6IFJhZGlvQnV0dG9uU2l6ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLnJhZGlvR3JvdXApIHtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9ICdjaGVja2JveCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5yYWRpb0dyb3VwKSB7XHJcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9IHRoaXMucmFkaW9Hcm91cC52YXJpYW50O1xyXG4gICAgICB0aGlzLl9sYWJlbFBvc2l0aW9uID0gdGhpcy5yYWRpb0dyb3VwLmxhYmVsUG9zaXRpb247XHJcbiAgICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBvblRvdWNoVGFyZ2V0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuXHJcbiAgICAvLyBTaW5jZSB0aGUgY2xpY2sgY29tZXMgZnJvbSB0aGUgdG91Y2ggdGFyZ2V0LCB3ZSBuZWVkXHJcbiAgICAvLyB0byBmb2N1cyB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQgbWFudWFsbHkuXHJcbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvR3JvdXAucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWJlZm9yZSc6IGxhYmVsUG9zaXRpb24gPT09ICdiZWZvcmUnLCAnc2l6ZS1ib3gnOiBzaXplID09PSAnYm94JywgY2hlY2tlZDogY2hlY2tlZCwgZGlzYWJsZWQ6IGRpc2FibGVkIH1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgJ2ZsZXgtZGlyZWN0aW9uJzogaXRlbU9yZGVyID09PSAnbGVmdC10by1yaWdodCcgPyAncm93JyA6ICdyb3ctcmV2ZXJzZScgfVwiXHJcbj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cIlsncmFkaW8tY29udGFpbmVyJywgdmFyaWFudF1cIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAjaW5wdXRcclxuICAgICAgdHlwZT1cInJhZGlvXCJcclxuICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcclxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b3VjaC10YXJnZXRcIiAoY2xpY2spPVwib25Ub3VjaFRhcmdldENsaWNrKCRldmVudClcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWRpby12aXN1YWxpemF0aW9uXCI+XHJcbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiIGNsYXNzPVwiaW5uZXItY2lyY2xlXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdjaGVja2JveCcgfHwgdmFyaWFudCA9PT0gJ2N1YmUnXCIgY2xhc3M9XCJjaGVjay1tYXJrXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlucHV0SWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { AfConnectRadioButtonComponent } from '../af-connect-radio-button/af-connect-radio-button.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class AfConnectRadioGroupComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this._selected = null;
|
|
9
|
-
this._disabled = false;
|
|
10
|
-
this.direction = 'row';
|
|
11
|
-
this.withAsterisk = false;
|
|
12
|
-
this.variant = 'default';
|
|
13
|
-
this.labelPosition = 'after';
|
|
14
|
-
this.size = 'inline';
|
|
15
|
-
this.valueChange = new EventEmitter();
|
|
16
|
-
this.propagateChange = (_) => { };
|
|
17
|
-
this.propagateTouch = (_) => { };
|
|
18
|
-
}
|
|
19
|
-
get value() {
|
|
20
|
-
return this._value;
|
|
21
|
-
}
|
|
22
|
-
set value(newValue) {
|
|
23
|
-
if (this._value !== newValue) {
|
|
24
|
-
this._value = newValue;
|
|
25
|
-
this.updateRadioButtonsState();
|
|
26
|
-
this.propagateChange(this._value);
|
|
27
|
-
this.valueChange.emit(this._value);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
get selected() {
|
|
31
|
-
return this._selected;
|
|
32
|
-
}
|
|
33
|
-
set selected(newSelected) {
|
|
34
|
-
this._selected = newSelected;
|
|
35
|
-
this.value = newSelected ? newSelected.value : null;
|
|
36
|
-
}
|
|
37
|
-
get disabled() {
|
|
38
|
-
return this._disabled;
|
|
39
|
-
}
|
|
40
|
-
set disabled(newValue) {
|
|
41
|
-
this._disabled = newValue;
|
|
42
|
-
this.markRadiosForCheck();
|
|
43
|
-
}
|
|
44
|
-
writeValue(value) {
|
|
45
|
-
this.value = value;
|
|
46
|
-
}
|
|
47
|
-
registerOnChange(fn) {
|
|
48
|
-
this.propagateChange = fn;
|
|
49
|
-
}
|
|
50
|
-
registerOnTouched(fn) {
|
|
51
|
-
this.propagateTouch = fn;
|
|
52
|
-
}
|
|
53
|
-
setDisabledState(isDisabled) {
|
|
54
|
-
this.disabled = isDisabled;
|
|
55
|
-
}
|
|
56
|
-
emitChangeEvent() {
|
|
57
|
-
this.valueChange.emit(this._value);
|
|
58
|
-
}
|
|
59
|
-
markRadiosForCheck() {
|
|
60
|
-
if (this.radios) {
|
|
61
|
-
this.radios.forEach((radio) => radio.markForCheck());
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
updateRadioButtonsState() {
|
|
65
|
-
this.radios?.forEach((radio) => {
|
|
66
|
-
radio.checked = this._value === radio.value;
|
|
67
|
-
if (radio.checked) {
|
|
68
|
-
this._selected = radio;
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
AfConnectRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
AfConnectRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: { label: "label", direction: "direction", withAsterisk: "withAsterisk", variant: "variant", labelPosition: "labelPosition", size: "size", value: "value", selected: "selected", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
75
|
-
{
|
|
76
|
-
provide: NG_VALUE_ACCESSOR,
|
|
77
|
-
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
78
|
-
multi: true
|
|
79
|
-
}
|
|
80
|
-
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(function () { return AfConnectRadioButtonComponent; }), descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, decorators: [{
|
|
82
|
-
type: Component,
|
|
83
|
-
args: [{ selector: 'lib-af-connect-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
84
|
-
{
|
|
85
|
-
provide: NG_VALUE_ACCESSOR,
|
|
86
|
-
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
87
|
-
multi: true
|
|
88
|
-
}
|
|
89
|
-
], template: "<span *ngIf=\"label\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"] }]
|
|
90
|
-
}], propDecorators: { label: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], direction: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], withAsterisk: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], variant: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], labelPosition: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], size: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], value: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], selected: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], disabled: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}], valueChange: [{
|
|
109
|
-
type: Output
|
|
110
|
-
}], radios: [{
|
|
111
|
-
type: ContentChildren,
|
|
112
|
-
args: [forwardRef(() => AfConnectRadioButtonComponent), { descendants: true }]
|
|
113
|
-
}] } });
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWlDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0M5QztJQXhFQyxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLFFBQXVCO1FBQy9CLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxRQUFRLEVBQUU7WUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7WUFDdkIsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsV0FBaUQ7UUFDNUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUM7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxRQUFpQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBU0QsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztTQUN0RDtJQUNILENBQUM7SUFFTyx1QkFBdUI7UUFDN0IsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM3QixLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLEtBQUssS0FBSyxDQUFDLEtBQUssQ0FBQztZQUM1QyxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3hCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzt5SEFsRlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsOFNBUjVCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7WUFDM0QsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLG9GQTZDaUMsNkJBQTZCLG9EQ3RFakUsOFBBTUE7MkZEcUJhLDRCQUE0QjtrQkFieEMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNkJBQTZCLENBQUM7NEJBQzNELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdGLEtBQUs7c0JBRFIsS0FBSztnQkFjRixRQUFRO3NCQURYLEtBQUs7Z0JBVUYsUUFBUTtzQkFEWCxLQUFLO2dCQVNhLFdBQVc7c0JBQTdCLE1BQU07Z0JBRVAsTUFBTTtzQkFETCxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgUXVlcnlMaXN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbi9hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb0J1dHRvbkxhYmVsUG9zaXRpb24sIFJhZGlvQnV0dG9uU2l6ZSwgUmFkaW9CdXR0b25WYXJpYW50IH0gZnJvbSAnLi4vbW9kZWxzL3JhZGlvLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsO1xyXG4gIHByaXZhdGUgX3NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwgPSBudWxsO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbicgPSAncm93JztcclxuICBASW5wdXQoKSB3aXRoQXN0ZXJpc2s6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiBSYWRpb0J1dHRvblZhcmlhbnQgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uID0gJ2FmdGVyJztcclxuICBASW5wdXQoKSBzaXplOiBSYWRpb0J1dHRvblNpemUgPSAnaW5saW5lJztcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgdmFsdWUoKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgfVxyXG4gIHNldCB2YWx1ZShuZXdWYWx1ZTogc3RyaW5nIHwgbnVsbCkge1xyXG4gICAgaWYgKHRoaXMuX3ZhbHVlICE9PSBuZXdWYWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgICB0aGlzLnVwZGF0ZVJhZGlvQnV0dG9uc1N0YXRlKCk7XHJcbiAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMuX3ZhbHVlKTtcclxuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMuX3ZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHNlbGVjdGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkO1xyXG4gIH1cclxuICBzZXQgc2VsZWN0ZWQobmV3U2VsZWN0ZWQ6IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHwgbnVsbCkge1xyXG4gICAgdGhpcy5fc2VsZWN0ZWQgPSBuZXdTZWxlY3RlZDtcclxuICAgIHRoaXMudmFsdWUgPSBuZXdTZWxlY3RlZCA/IG5ld1NlbGVjdGVkLnZhbHVlIDogbnVsbDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuICBzZXQgZGlzYWJsZWQobmV3VmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gbmV3VmFsdWU7XHJcbiAgICB0aGlzLm1hcmtSYWRpb3NGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXHJcbiAgcmFkaW9zOiBRdWVyeUxpc3Q8QWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQ+O1xyXG5cclxuICBwcm9wYWdhdGVDaGFuZ2U6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcbiAgcHJvcGFnYXRlVG91Y2g6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBhbnkpID0+IHZvaWQpIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIGVtaXRDaGFuZ2VFdmVudCgpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBtYXJrUmFkaW9zRm9yQ2hlY2soKSB7XHJcbiAgICBpZiAodGhpcy5yYWRpb3MpIHtcclxuICAgICAgdGhpcy5yYWRpb3MuZm9yRWFjaCgocmFkaW8pID0+IHJhZGlvLm1hcmtGb3JDaGVjaygpKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlUmFkaW9CdXR0b25zU3RhdGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvcz8uZm9yRWFjaCgocmFkaW8pID0+IHtcclxuICAgICAgcmFkaW8uY2hlY2tlZCA9IHRoaXMuX3ZhbHVlID09PSByYWRpby52YWx1ZTtcclxuICAgICAgaWYgKHJhZGlvLmNoZWNrZWQpIHtcclxuICAgICAgICB0aGlzLl9zZWxlY3RlZCA9IHJhZGlvO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIj5cclxuICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cInJhZGlvLWJ1dHRvbnMtY29udGFpbmVyXCIgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class AfConnectSectionComponent {
|
|
4
|
-
constructor() { }
|
|
5
|
-
ngOnInit() {
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
AfConnectSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
AfConnectSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionComponent, selector: "lib-af-connect-section", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'lib-af-connect-section', template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] }]
|
|
13
|
-
}], ctorParameters: function () { return []; } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc2VjdGlvbi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztzSEFKVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw4RENQdEMsK0JBQ0E7MkZETWEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0ICB7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuIl19
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Component, Host, Input, Optional, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class AfConnectSectionHeaderComponent {
|
|
6
|
-
constructor(wrapper) {
|
|
7
|
-
this.wrapper = wrapper;
|
|
8
|
-
this.isStatic = true;
|
|
9
|
-
this.variant = 'default';
|
|
10
|
-
this.onClick = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() { }
|
|
13
|
-
toggleMobileContent() {
|
|
14
|
-
this.onClick.emit();
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
AfConnectSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
AfConnectSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionHeaderComponent, selector: "lib-af-connect-section-header", inputs: { title: "title", isStatic: "isStatic", variant: "variant" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"header-container\" [ngClass]=\"[\r\n variant,\r\n isStatic ? 'isStatic' : 'isExpandable',\r\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n ]\" (click)=\"toggleMobileContent()\">\r\n <div class=\"section-wrapper\">\r\n <div class=\"{{variant}}\">\r\n {{ title }}\r\n </div>\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <div class=\"buttons-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'lib-af-connect-section-header', template: "<div class=\"header-container\" [ngClass]=\"[\r\n variant,\r\n isStatic ? 'isStatic' : 'isExpandable',\r\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n ]\" (click)=\"toggleMobileContent()\">\r\n <div class=\"section-wrapper\">\r\n <div class=\"{{variant}}\">\r\n {{ title }}\r\n </div>\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <div class=\"buttons-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"] }]
|
|
22
|
-
}], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
23
|
-
type: Host
|
|
24
|
-
}, {
|
|
25
|
-
type: Optional
|
|
26
|
-
}] }]; }, propDecorators: { title: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], isStatic: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], variant: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], onClick: [{
|
|
33
|
-
type: Output
|
|
34
|
-
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRixNQUFNLE9BQU8sK0JBQStCO0lBTTFDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSmpFLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUE0QixTQUFTLENBQUE7UUFDM0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdUMsQ0FBQztJQUUvRSxRQUFRLEtBQVcsQ0FBQztJQUVwQixtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs0SEFaVSwrQkFBK0I7Z0hBQS9CLCtCQUErQiw0S0NSNUMsd25CQWdCTTsyRkRSTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzswQkFVNUIsSUFBSTs7MEJBQUksUUFBUTs0Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2V4cGFuZGFibGUvYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzU3RhdGljOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAncG9ydGZvbGlvJyA9ICdkZWZhdWx0J1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIHB1YmxpYyB3cmFwcGVyOiBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIHRvZ2dsZU1vYmlsZUNvbnRlbnQoKSB7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIltcclxuIHZhcmlhbnQsXHJcbiAgICBpc1N0YXRpYyA/ICdpc1N0YXRpYycgOiAnaXNFeHBhbmRhYmxlJyxcclxuICAgICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPT09IHRydWUgPyAnZXhwYW5kZWQnIDogJycsXHJcbiAgICAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID09PSBmYWxzZSA/ICdjb2xsYXBzZWQnIDogJydcclxuICBdXCIgKGNsaWNrKT1cInRvZ2dsZU1vYmlsZUNvbnRlbnQoKVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ7e3ZhcmlhbnR9fVwiPlxyXG4gICAgICB7eyB0aXRsZSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImlzU3RhdGljXCIgY2xhc3M9XCJib3JkZXItbGluZVwiPjwvZGl2PlxyXG48L2Rpdj4iXX0=
|