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,92 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import { NgControl } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/forms";
|
|
6
|
-
import * as i3 from "../af-connect-form-validation-errors/af-connect-form-validation-errors.component";
|
|
7
|
-
export class AfConnectInputComponent {
|
|
8
|
-
constructor(injector, cdr) {
|
|
9
|
-
this.injector = injector;
|
|
10
|
-
this.cdr = cdr;
|
|
11
|
-
this.placeholder = '';
|
|
12
|
-
this.isDisabled = true;
|
|
13
|
-
this.withAsterisk = false;
|
|
14
|
-
this.variant = 'editable';
|
|
15
|
-
this.type = 'text';
|
|
16
|
-
this.maxLength = 50;
|
|
17
|
-
this.noFormEnabledBorder = false;
|
|
18
|
-
this.onChange = new EventEmitter();
|
|
19
|
-
this.propagateChange = (_) => { };
|
|
20
|
-
this.propagateTouch = (_) => { };
|
|
21
|
-
}
|
|
22
|
-
handleInputChange($event) {
|
|
23
|
-
this.onChange.emit($event);
|
|
24
|
-
}
|
|
25
|
-
get value() {
|
|
26
|
-
return this._value;
|
|
27
|
-
}
|
|
28
|
-
set value(value) {
|
|
29
|
-
this._value = value;
|
|
30
|
-
this.propagateChange(value);
|
|
31
|
-
}
|
|
32
|
-
ngOnInit() {
|
|
33
|
-
if (this.variant === 'editable') {
|
|
34
|
-
this.isDisabled = false;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
ngAfterViewInit() {
|
|
38
|
-
const ngControl = this.injector.get(NgControl);
|
|
39
|
-
if (ngControl) {
|
|
40
|
-
this.control = ngControl.control;
|
|
41
|
-
this.cdr.detectChanges();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
writeValue(obj) {
|
|
45
|
-
this.value = obj;
|
|
46
|
-
}
|
|
47
|
-
registerOnChange(fn) {
|
|
48
|
-
this.propagateChange = fn;
|
|
49
|
-
}
|
|
50
|
-
registerOnTouched(fn) {
|
|
51
|
-
this.propagateTouch = fn;
|
|
52
|
-
}
|
|
53
|
-
setDisabledState(isDisabled) {
|
|
54
|
-
this.isDisabled = isDisabled;
|
|
55
|
-
}
|
|
56
|
-
onBlur() {
|
|
57
|
-
this.propagateTouch();
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
AfConnectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInputComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
AfConnectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectInputComponent, selector: "lib-af-connect-input", inputs: { label: "label", errorReferenceText: "errorReferenceText", placeholder: "placeholder", isDisabled: "isDisabled", withAsterisk: "withAsterisk", variant: "variant", type: "type", maxLength: "maxLength", id: "id", step: "step", noFormEnabledBorder: "noFormEnabledBorder", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"field-container\">\r\n <div class=\"label-container\">\r\n <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\r\n <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\r\n </div>\r\n <input\r\n [type]=\"type\"\r\n [step]=\"step\"\r\n size=\"10\"\r\n class=\"field-container-input\"\r\n [ngClass]=\"[\r\n variant,\r\n isDisabled ? 'disabled' : 'not-disabled',\r\n noFormEnabledBorder ? 'no-form-border' : '',\r\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\r\n ]\"\r\n [maxLength]=\"maxLength\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"isDisabled || variant === 'read-only'\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"handleInputChange($event)\"\r\n />\r\n <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\r\n <img src=\"../../../assets/icons/warning.svg\" />\r\n </div>\r\n </div>\r\n ", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--secondary-space-color);width:100%;position:relative}:host input:focus{outline:transparent}.field-container{display:flex;flex-direction:column}.field-container .label .asterisk{color:var(--primary-orange-mobile-color)}.field-container .label-container{display:flex;flex-wrap:wrap;padding-bottom:.5rem;gap:.5rem;justify-content:space-between}.field-container .field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 11px 11px 1.25rem;border:1px solid transparent;outline:1px solid transparent;transition-property:outline-color,border-color,background-color;transition-duration:.2s}.field-container .field-container-input:focus{outline:1px solid var(--primary-dark-teal-color)}.field-container .field-container-input.hasError{padding-right:3rem;border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}.field-container .field-container-input.hasError:focus{outline-color:var(--primary-connected-orange-color)}.field-container .field-container-input.editable.not-disabled.no-form-border{border-color:transparent}@media (max-width: 768px){.field-container .field-container-input{border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}.field-container .read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}.field-container .non-editable{background-color:var(--main-white-color);color:var(--warm-grey-color)}.field-container .editable{background-color:var(--main-white-color)}.field-container .editable.disabled{color:var(--secondary-space-color)}.field-container .editable.not-disabled{border-color:var(--primary-dark-teal-color)}.error-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}img{position:absolute;cursor:pointer;right:25px;top:-31px;width:18px;height:18px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\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: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AfConnectFormValidationErrorsComponent, selector: "lib-af-connect-form-validation-errors", inputs: ["fieldText", "control"] }] });
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInputComponent, decorators: [{
|
|
63
|
-
type: Component,
|
|
64
|
-
args: [{ selector: 'lib-af-connect-input', template: "<div class=\"field-container\">\r\n <div class=\"label-container\">\r\n <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\r\n <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\r\n </div>\r\n <input\r\n [type]=\"type\"\r\n [step]=\"step\"\r\n size=\"10\"\r\n class=\"field-container-input\"\r\n [ngClass]=\"[\r\n variant,\r\n isDisabled ? 'disabled' : 'not-disabled',\r\n noFormEnabledBorder ? 'no-form-border' : '',\r\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\r\n ]\"\r\n [maxLength]=\"maxLength\"\r\n [(ngModel)]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"isDisabled || variant === 'read-only'\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"handleInputChange($event)\"\r\n />\r\n <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\r\n <img src=\"../../../assets/icons/warning.svg\" />\r\n </div>\r\n </div>\r\n ", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--secondary-space-color);width:100%;position:relative}:host input:focus{outline:transparent}.field-container{display:flex;flex-direction:column}.field-container .label .asterisk{color:var(--primary-orange-mobile-color)}.field-container .label-container{display:flex;flex-wrap:wrap;padding-bottom:.5rem;gap:.5rem;justify-content:space-between}.field-container .field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 11px 11px 1.25rem;border:1px solid transparent;outline:1px solid transparent;transition-property:outline-color,border-color,background-color;transition-duration:.2s}.field-container .field-container-input:focus{outline:1px solid var(--primary-dark-teal-color)}.field-container .field-container-input.hasError{padding-right:3rem;border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}.field-container .field-container-input.hasError:focus{outline-color:var(--primary-connected-orange-color)}.field-container .field-container-input.editable.not-disabled.no-form-border{border-color:transparent}@media (max-width: 768px){.field-container .field-container-input{border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}.field-container .read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}.field-container .non-editable{background-color:var(--main-white-color);color:var(--warm-grey-color)}.field-container .editable{background-color:var(--main-white-color)}.field-container .editable.disabled{color:var(--secondary-space-color)}.field-container .editable.not-disabled{border-color:var(--primary-dark-teal-color)}.error-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}img{position:absolute;cursor:pointer;right:25px;top:-31px;width:18px;height:18px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
|
|
65
|
-
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], errorReferenceText: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], placeholder: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], isDisabled: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], withAsterisk: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], variant: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], type: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], maxLength: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], id: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], step: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], noFormEnabledBorder: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], onChange: [{
|
|
88
|
-
type: Output
|
|
89
|
-
}], value: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LWlucHV0L2FmLWNvbm5lY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1pbnB1dC9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUF3QixLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQXFDLFNBQVMsRUFBcUIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFPakcsTUFBTSxPQUFPLHVCQUF1QjtJQThCbEMsWUFBb0IsUUFBa0IsRUFBVSxHQUFzQjtRQUFsRCxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUExQjdELGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsWUFBTyxHQUE4QyxVQUFVLENBQUM7UUFDaEUsU0FBSSxHQUE0QyxNQUFNLENBQUM7UUFDdkQsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUd2Qix3QkFBbUIsR0FBWSxLQUFLLENBQUM7UUFDcEMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFpQ2hDLG9CQUFlLEdBQWEsQ0FBQyxDQUFTLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUM5QyxtQkFBYyxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFqQm9CLENBQUM7SUFmbkUsaUJBQWlCLENBQUMsTUFBYTtRQUNwQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBSUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFvQixLQUFLLENBQUMsS0FBYTtRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFVBQVUsRUFBRTtZQUMvQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQWMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQVksU0FBUyxDQUFDLENBQUM7UUFDckUsSUFBSSxTQUFTLEVBQUU7WUFDYixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxPQUFzQixDQUFDO1lBQ2hELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBS00sVUFBVSxDQUFDLEdBQVE7UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7O29IQW5FVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qix1WUNScEMseXdDQTRCRTsyRkRwQlcsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQjsrSEFNdkIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFZYSxLQUFLO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQ29udHJvbCwgTmdDb250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtaW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGVycm9yUmVmZXJlbmNlVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB3aXRoQXN0ZXJpc2s6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZWRpdGFibGUnIHwgJ25vbi1lZGl0YWJsZScgfCAncmVhZC1vbmx5JyA9ICdlZGl0YWJsZSc7XHJcbiAgQElucHV0KCkgdHlwZTogJ3RleHQnIHwgJ251bWJlcicgfCAnZGF0ZScgfCAncGFzc3dvcmQnID0gJ3RleHQnO1xyXG4gIEBJbnB1dCgpIG1heExlbmd0aDogbnVtYmVyID0gNTA7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuICBASW5wdXQoKSBzdGVwOiBudW1iZXI7XHJcbiAgQElucHV0KCkgbm9Gb3JtRW5hYmxlZEJvcmRlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcHVibGljIGhhbmRsZUlucHV0Q2hhbmdlKCRldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMub25DaGFuZ2UuZW1pdCgkZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNvbnRyb2w6IEZvcm1Db250cm9sO1xyXG5cclxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnZhcmlhbnQgPT09ICdlZGl0YWJsZScpIHtcclxuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBuZ0NvbnRyb2w6IE5nQ29udHJvbCA9IHRoaXMuaW5qZWN0b3IuZ2V0PE5nQ29udHJvbD4oTmdDb250cm9sKTtcclxuICAgIGlmIChuZ0NvbnRyb2wpIHtcclxuICAgICAgdGhpcy5jb250cm9sID0gbmdDb250cm9sLmNvbnRyb2wgYXMgRm9ybUNvbnRyb2w7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG4gIHByaXZhdGUgcHJvcGFnYXRlVG91Y2g6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcblxyXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQmx1cigpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiPlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJsYWJlbFwiIFtmb3JdPVwiaWRcIj4ge3sgbGFiZWwgfX08c3BhbiAqbmdJZj1cIndpdGhBc3Rlcmlza1wiIGNsYXNzPVwiYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWw+XHJcbiAgICAgIDxsaWItYWYtY29ubmVjdC1mb3JtLXZhbGlkYXRpb24tZXJyb3JzIFtjb250cm9sXT1cImNvbnRyb2xcIiBbZmllbGRUZXh0XT1cImVycm9yUmVmZXJlbmNlVGV4dCB8fCBsYWJlbFwiPjwvbGliLWFmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGlucHV0XHJcbiAgICAgIFt0eXBlXT1cInR5cGVcIlxyXG4gICAgICBbc3RlcF09XCJzdGVwXCJcclxuICAgICAgc2l6ZT1cIjEwXCJcclxuICAgICAgY2xhc3M9XCJmaWVsZC1jb250YWluZXItaW5wdXRcIlxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgdmFyaWFudCxcclxuICAgICAgICBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub3QtZGlzYWJsZWQnLFxyXG4gICAgICAgIG5vRm9ybUVuYWJsZWRCb3JkZXIgPyAnbm8tZm9ybS1ib3JkZXInIDogJycsXHJcbiAgICAgICAgY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5ICYmIGNvbnRyb2wudG91Y2hlZCA/ICdoYXNFcnJvcicgOiAnJyxcclxuICAgICAgICBjb250cm9sICYmIHZhcmlhbnQgPT09ICdyZWFkLW9ubHknICYmIGNvbnRyb2wuZGlzYWJsZWQgPyAnbm9uLWVkaXRhYmxlJyA6ICcnXHJcbiAgICAgIF1cIlxyXG4gICAgICBbbWF4TGVuZ3RoXT1cIm1heExlbmd0aFwiXHJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCB8fCB2YXJpYW50ID09PSAncmVhZC1vbmx5J1wiXHJcbiAgICAgIChibHVyKT1cIm9uQmx1cigpXCJcclxuICAgICAgKGtleXVwKT1cImhhbmRsZUlucHV0Q2hhbmdlKCRldmVudClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgKm5nSWY9XCJjb250cm9sICYmIGNvbnRyb2wuZXJyb3JzICYmIGNvbnRyb2wuZGlydHkgJiYgY29udHJvbC50b3VjaGVkXCIgY2xhc3M9XCJlcnJvci1jb250YWluZXJcIj5cclxuICAgICAgPGltZyBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaWNvbnMvd2FybmluZy5zdmdcIiAvPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgIl19
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class AfConnectLoadingSpinnerComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.size = 'standard';
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() {
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
AfConnectLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AfConnectLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectLoadingSpinnerComponent, selector: "lib-af-connect-loading-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"spinner\">\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n</div>", styles: [":host{display:flex;justify-content:center;align-self:center}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:4rem;height:4rem;margin:.5rem;border:.5rem solid var(--primary-dark-teal-color);border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--primary-dark-teal-color) transparent transparent transparent}.spinner div.small{width:1rem;height:1rem;border-width:.2rem;border-color:var(--neutral-anchor-color) transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.btn-spinner) .spinner{width:40px;height:40px}:host(.btn-spinner) .spinner div{width:1.5rem;height:1.5rem;border:.15rem solid #fff;border-color:#fff transparent transparent transparent}\n"] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectLoadingSpinnerComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{ selector: 'lib-af-connect-loading-spinner', template: "<div class=\"spinner\">\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n <div [class]=\"size\"></div>\r\n</div>", styles: [":host{display:flex;justify-content:center;align-self:center}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:4rem;height:4rem;margin:.5rem;border:.5rem solid var(--primary-dark-teal-color);border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--primary-dark-teal-color) transparent transparent transparent}.spinner div.small{width:1rem;height:1rem;border-width:.2rem;border-color:var(--neutral-anchor-color) transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.btn-spinner) .spinner{width:40px;height:40px}:host(.btn-spinner) .spinner div{width:1.5rem;height:1.5rem;border:.15rem solid #fff;border-color:#fff transparent transparent transparent}\n"] }]
|
|
15
|
-
}], ctorParameters: function () { return []; }, propDecorators: { size: [{
|
|
16
|
-
type: Input
|
|
17
|
-
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFHM0M7UUFGUyxTQUFJLEdBQXlCLFVBQVUsQ0FBQztJQUVqQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs2SEFOVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxnR0NQN0MsbUxBS007MkZERU8sZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzswRUFLakMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RMb2FkaW5nU3Bpbm5lckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3N0YW5kYXJkJyB8ICdzbWFsbCcgPSAnc3RhbmRhcmQnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { AfConnectButtonComponent } from '../af-connect-button/af-connect-button.component';
|
|
3
|
-
import { AfConnectSvgButtonComponent } from '../af-connect-svg-button/af-connect-svg-button.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../af-connect-svg-button/af-connect-svg-button.component";
|
|
7
|
-
/**
|
|
8
|
-
Example usage
|
|
9
|
-
<afc-modal>
|
|
10
|
-
<afc-button isOpenButton title="Open Modal"></afc-button>
|
|
11
|
-
<div class="content">
|
|
12
|
-
<afc-button emitValue="isCloseModal" title="Close Modal"></afc-button>
|
|
13
|
-
<h1> This is test modal </h1>
|
|
14
|
-
</div>
|
|
15
|
-
</afc-modal>
|
|
16
|
-
|
|
17
|
-
isOpenButton tag specifies which element triggers the modal (usually a button), and it is always shown.
|
|
18
|
-
Pass [isCloseButton]="true" to a button to specify which buttons in the modal should be used
|
|
19
|
-
for closing the modal.Everything that does not have isOpenButton tag is the content of the modal.
|
|
20
|
-
|
|
21
|
-
No additional event handling required for open/close of the modal.
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
*/
|
|
25
|
-
export class AfConnectModalComponent {
|
|
26
|
-
constructor(elementRef) {
|
|
27
|
-
this.isOpen = false;
|
|
28
|
-
this.disableOutsideClickClose = false;
|
|
29
|
-
this.withCloseButton = true;
|
|
30
|
-
this.variant = 'standard';
|
|
31
|
-
this.onClose = new EventEmitter();
|
|
32
|
-
this.nativeElement = elementRef.nativeElement;
|
|
33
|
-
}
|
|
34
|
-
ngAfterViewInit() {
|
|
35
|
-
this.svgButton.forEach((svgButton) => svgButton.clickBtn.subscribe((emitValue) => {
|
|
36
|
-
if (!this.disableOutsideClickClose) {
|
|
37
|
-
this.closeFromModal(emitValue);
|
|
38
|
-
}
|
|
39
|
-
}));
|
|
40
|
-
this.buttons.forEach((buttons) => buttons.clickBtn.subscribe((emitValue) => {
|
|
41
|
-
// if (!this.disableOutsideClickClose) {
|
|
42
|
-
this.closeFromModal(emitValue);
|
|
43
|
-
// }
|
|
44
|
-
}));
|
|
45
|
-
}
|
|
46
|
-
toggleModal() {
|
|
47
|
-
this.isOpen = !this.isOpen;
|
|
48
|
-
this.onClose.emit(this.isOpen);
|
|
49
|
-
}
|
|
50
|
-
externalClickClose(e) {
|
|
51
|
-
if (!this.disableOutsideClickClose) {
|
|
52
|
-
const target = e.target;
|
|
53
|
-
if (target.classList.contains('content-container') || target.classList.contains('background-container')) {
|
|
54
|
-
this.isOpen = false;
|
|
55
|
-
this.onClose.emit(this.isOpen);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
ngOnDestroy() { }
|
|
60
|
-
closeFromModal(emitValue) {
|
|
61
|
-
if (emitValue === 'isCloseModal') {
|
|
62
|
-
this.isOpen = false;
|
|
63
|
-
this.onClose.emit(this.isOpen);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
AfConnectModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectModalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
-
AfConnectModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectModalComponent, selector: "lib-af-connect-modal", inputs: { isOpen: "isOpen", disableOutsideClickClose: "disableOutsideClickClose", withCloseButton: "withCloseButton", variant: "variant", header: "header", content: "content", width: "width", noScrollbarContentContainer: "noScrollbarContentContainer", reversedPadding: "reversedPadding", borderHighlight: "borderHighlight" }, outputs: { onClose: "onClose" }, queries: [{ propertyName: "buttons", predicate: AfConnectButtonComponent, descendants: true }, { propertyName: "svgButton", predicate: AfConnectSvgButtonComponent, descendants: true }], ngImport: i0, template: "<div class=\"modal-wrapper\" (click)=\"toggleModal()\">\r\n <ng-content select=\"[isOpenButton]\"></ng-content>\r\n </div>\r\n \r\n <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\r\n <div\r\n [ngStyle]=\"{ width: width + 'px' }\"\r\n [ngClass]=\"[\r\n 'content-container',\r\n variant,\r\n noScrollbarContentContainer ? 'noScrollbar' : '',\r\n borderHighlight ? 'with-border' : ''\r\n ]\"\r\n >\r\n <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\r\n <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\r\n <div\r\n *ngIf=\"header\"\r\n class=\"header-container\"\r\n [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\r\n >\r\n <div class=\"header-content\">\r\n <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\r\n {{ header }}\r\n </div>\r\n <lib-af-connect-svg-button\r\n *ngIf=\"withCloseButton\"\r\n size=\"small\"\r\n src=\"../../../assets/icons/delete.svg\"\r\n emitValue=\"isCloseModal\"\r\n (clickBtn)=\"toggleModal()\"\r\n ></lib-af-connect-svg-button>\r\n </div>\r\n <div class=\"body-container\">\r\n <ng-container *ngIf=\"content\">\r\n {{ content }}\r\n </ng-container>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.2);z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:hidden}.content-container{box-sizing:border-box;z-index:2050;position:relative;top:15%;margin:auto;overflow:auto;max-height:75%;background:var(--main-white-color);border-radius:5px;max-width:85%}@media (max-width: 768px){.content-container{max-height:95%;width:auto;max-width:95%;top:5%}}.content-container.noScrollbar{overflow:hidden}.content-container.error,.content-container.info{display:flex;align-items:stretch}.content-container.error .inner-container,.content-container.info .inner-container{padding:1.25rem}.content-container.error .header-container,.content-container.info .header-container{color:var(--main-black-color);border-bottom-color:var(--claim-info-grey)}@media (max-width: 768px){.content-container.error .header-container,.content-container.info .header-container{padding-bottom:1.25rem}}.content-container.error .body-container,.content-container.info .body-container{padding-block:1.25rem .5rem}@media (max-width: 768px){.content-container.error .body-container,.content-container.info .body-container{padding-top:1rem}}.inner-container{box-sizing:border-box;width:100%;padding:1.5rem}@media (max-width: 768px){.inner-container{padding:1rem}}.color-bar{width:.5rem;background-color:var(--primary-connected-orange-color)}.header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-dark-teal-color);padding-bottom:1.25rem;color:var(--primary-dark-teal-color);font-size:1.25rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.header-container{font-size:1.125rem;padding-bottom:.5rem}}.header-content{display:flex;align-items:center;gap:1.25rem}.header-content .warning-icon{width:2rem;aspect-ratio:1}@media (max-width: 768px){.header-content{gap:.875rem}.header-content .warning-icon{width:1.625rem}}.content-container.with-border{border-left:8px solid var(--primary-orange-mobile-color)}:host(.claim-details-modal-mobile) .body-container{display:flex}:host(.claim-details-modal-mobile) .inner-container{max-height:90vh}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: ["src", "emitValue", "customSize", "size"], outputs: ["clickBtn"] }] });
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectModalComponent, decorators: [{
|
|
70
|
-
type: Component,
|
|
71
|
-
args: [{ selector: 'lib-af-connect-modal', template: "<div class=\"modal-wrapper\" (click)=\"toggleModal()\">\r\n <ng-content select=\"[isOpenButton]\"></ng-content>\r\n </div>\r\n \r\n <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\r\n <div\r\n [ngStyle]=\"{ width: width + 'px' }\"\r\n [ngClass]=\"[\r\n 'content-container',\r\n variant,\r\n noScrollbarContentContainer ? 'noScrollbar' : '',\r\n borderHighlight ? 'with-border' : ''\r\n ]\"\r\n >\r\n <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\r\n <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\r\n <div\r\n *ngIf=\"header\"\r\n class=\"header-container\"\r\n [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\r\n >\r\n <div class=\"header-content\">\r\n <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\r\n {{ header }}\r\n </div>\r\n <lib-af-connect-svg-button\r\n *ngIf=\"withCloseButton\"\r\n size=\"small\"\r\n src=\"../../../assets/icons/delete.svg\"\r\n emitValue=\"isCloseModal\"\r\n (clickBtn)=\"toggleModal()\"\r\n ></lib-af-connect-svg-button>\r\n </div>\r\n <div class=\"body-container\">\r\n <ng-container *ngIf=\"content\">\r\n {{ content }}\r\n </ng-container>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.2);z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:hidden}.content-container{box-sizing:border-box;z-index:2050;position:relative;top:15%;margin:auto;overflow:auto;max-height:75%;background:var(--main-white-color);border-radius:5px;max-width:85%}@media (max-width: 768px){.content-container{max-height:95%;width:auto;max-width:95%;top:5%}}.content-container.noScrollbar{overflow:hidden}.content-container.error,.content-container.info{display:flex;align-items:stretch}.content-container.error .inner-container,.content-container.info .inner-container{padding:1.25rem}.content-container.error .header-container,.content-container.info .header-container{color:var(--main-black-color);border-bottom-color:var(--claim-info-grey)}@media (max-width: 768px){.content-container.error .header-container,.content-container.info .header-container{padding-bottom:1.25rem}}.content-container.error .body-container,.content-container.info .body-container{padding-block:1.25rem .5rem}@media (max-width: 768px){.content-container.error .body-container,.content-container.info .body-container{padding-top:1rem}}.inner-container{box-sizing:border-box;width:100%;padding:1.5rem}@media (max-width: 768px){.inner-container{padding:1rem}}.color-bar{width:.5rem;background-color:var(--primary-connected-orange-color)}.header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-dark-teal-color);padding-bottom:1.25rem;color:var(--primary-dark-teal-color);font-size:1.25rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.header-container{font-size:1.125rem;padding-bottom:.5rem}}.header-content{display:flex;align-items:center;gap:1.25rem}.header-content .warning-icon{width:2rem;aspect-ratio:1}@media (max-width: 768px){.header-content{gap:.875rem}.header-content .warning-icon{width:1.625rem}}.content-container.with-border{border-left:8px solid var(--primary-orange-mobile-color)}:host(.claim-details-modal-mobile) .body-container{display:flex}:host(.claim-details-modal-mobile) .inner-container{max-height:90vh}\n"] }]
|
|
72
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isOpen: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], disableOutsideClickClose: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], withCloseButton: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], variant: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], header: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], content: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], width: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], noScrollbarContentContainer: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], reversedPadding: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], borderHighlight: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], onClose: [{
|
|
93
|
-
type: Output
|
|
94
|
-
}], buttons: [{
|
|
95
|
-
type: ContentChildren,
|
|
96
|
-
args: [AfConnectButtonComponent, { descendants: true }]
|
|
97
|
-
}], svgButton: [{
|
|
98
|
-
type: ContentChildren,
|
|
99
|
-
args: [AfConnectSvgButtonComponent, { descendants: true }]
|
|
100
|
-
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LW1vZGFsL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1tb2RhbC9hZi1jb25uZWN0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7O0FBRXZHOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFlbEMsWUFBWSxVQUFzQjtRQWR6QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLDZCQUF3QixHQUFZLEtBQUssQ0FBQztRQUMxQyxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxZQUFPLEdBQWtDLFVBQVUsQ0FBQztRQU9uRCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUs5QyxJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDaEQsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFzQyxFQUFFLEVBQUUsQ0FDaEUsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFvQixFQUFFLEVBQUU7WUFDcEQsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNoQztRQUNILENBQUMsQ0FBQyxDQUNILENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQWlDLEVBQUUsRUFBRSxDQUN6RCxPQUFPLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQW9CLEVBQUUsRUFBRTtZQUNsRCx3Q0FBd0M7WUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNqQyxJQUFJO1FBQ04sQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFHTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sa0JBQWtCLENBQUMsQ0FBUTtRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLHdCQUF3QixFQUFFO1lBQ2xDLE1BQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUFxQixDQUFDO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsSUFBSSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFO2dCQUN2RyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQ2hDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sV0FBVyxLQUFVLENBQUM7SUFFckIsY0FBYyxDQUFDLFNBQW9CO1FBQ3pDLElBQUksU0FBUyxLQUFLLGNBQWMsRUFBRTtZQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDaEM7SUFDSCxDQUFDOztvSEEzRFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMmJBWWpCLHdCQUF3QiwrREFDeEIsMkJBQTJCLGdEQ25EOUMsa21EQTBDRTsyRkRKVyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCO2lHQUt2QixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csd0JBQXdCO3NCQUFoQyxLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDMkQsT0FBTztzQkFBeEUsZUFBZTt1QkFBQyx3QkFBd0IsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBQ0ssU0FBUztzQkFBN0UsZUFBZTt1QkFBQywyQkFBMkIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBRdWVyeUxpc3RcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQWZDb25uZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1idXR0b24vYWYtY29ubmVjdC1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAgIEV4YW1wbGUgdXNhZ2VcclxuICAgICA8YWZjLW1vZGFsPlxyXG4gICAgIDxhZmMtYnV0dG9uIGlzT3BlbkJ1dHRvbiB0aXRsZT1cIk9wZW4gTW9kYWxcIj48L2FmYy1idXR0b24+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgIDxhZmMtYnV0dG9uIGVtaXRWYWx1ZT1cImlzQ2xvc2VNb2RhbFwiIHRpdGxlPVwiQ2xvc2UgTW9kYWxcIj48L2FmYy1idXR0b24+XHJcbiAgICAgIDxoMT4gVGhpcyBpcyB0ZXN0IG1vZGFsIDwvaDE+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgIDwvYWZjLW1vZGFsPlxyXG4gICAgIFxyXG4gIGlzT3BlbkJ1dHRvbiB0YWcgc3BlY2lmaWVzIHdoaWNoIGVsZW1lbnQgdHJpZ2dlcnMgdGhlIG1vZGFsICh1c3VhbGx5IGEgYnV0dG9uKSwgYW5kIGl0IGlzIGFsd2F5cyBzaG93bi5cclxuICBQYXNzIFtpc0Nsb3NlQnV0dG9uXT1cInRydWVcIiB0byBhIGJ1dHRvbiB0byBzcGVjaWZ5IHdoaWNoIGJ1dHRvbnMgaW4gdGhlIG1vZGFsIHNob3VsZCBiZSB1c2VkXHJcbiAgZm9yIGNsb3NpbmcgdGhlIG1vZGFsLkV2ZXJ5dGhpbmcgdGhhdCBkb2VzIG5vdCBoYXZlIGlzT3BlbkJ1dHRvbiB0YWcgaXMgdGhlIGNvbnRlbnQgb2YgdGhlIG1vZGFsLlxyXG5cclxuICBObyBhZGRpdGlvbmFsIGV2ZW50IGhhbmRsaW5nIHJlcXVpcmVkIGZvciBvcGVuL2Nsb3NlIG9mIHRoZSBtb2RhbC5cclxuICBcclxuICAgICAgICAgIFxyXG4qL1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0TW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3l7XHJcbiAgQElucHV0KCkgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZU91dHNpZGVDbGlja0Nsb3NlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgd2l0aENsb3NlQnV0dG9uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnc3RhbmRhcmQnIHwgJ2Vycm9yJyB8ICdpbmZvJyA9ICdzdGFuZGFyZCc7XHJcbiAgQElucHV0KCkgaGVhZGVyOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY29udGVudDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXI7XHJcbiAgQElucHV0KCkgbm9TY3JvbGxiYXJDb250ZW50Q29udGFpbmVyOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHJldmVyc2VkUGFkZGluZzogYm9vbGVhbjsgLy8gc2V0cyBpbm5lci1jb250YWluZXIgdG8gMCBwYWRkaW5nLCBzZXRzIDI0cHggdG8gaGVhZGVyLWNvbnRhaW5lclxyXG4gIEBJbnB1dCgpIGJvcmRlckhpZ2hsaWdodDogYm9vbGVhbjtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBAQ29udGVudENoaWxkcmVuKEFmQ29ubmVjdEJ1dHRvbkNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBidXR0b25zOiBRdWVyeUxpc3Q8QWZDb25uZWN0QnV0dG9uQ29tcG9uZW50PjtcclxuICBAQ29udGVudENoaWxkcmVuKEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBzdmdCdXR0b246IFF1ZXJ5TGlzdDxBZkNvbm5lY3RTdmdCdXR0b25Db21wb25lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcbiAgICB0aGlzLm5hdGl2ZUVsZW1lbnQgPSBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgdGhpcy5zdmdCdXR0b24uZm9yRWFjaCgoc3ZnQnV0dG9uOiBBZkNvbm5lY3RTdmdCdXR0b25Db21wb25lbnQpID0+XHJcbiAgICAgIHN2Z0J1dHRvbi5jbGlja0J0bi5zdWJzY3JpYmUoKGVtaXRWYWx1ZTogRW1pdFZhbHVlKSA9PiB7XHJcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZSkge1xyXG4gICAgICAgICAgdGhpcy5jbG9zZUZyb21Nb2RhbChlbWl0VmFsdWUpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICk7XHJcbiAgICB0aGlzLmJ1dHRvbnMuZm9yRWFjaCgoYnV0dG9uczogQWZDb25uZWN0QnV0dG9uQ29tcG9uZW50KSA9PlxyXG4gICAgICBidXR0b25zLmNsaWNrQnRuLnN1YnNjcmliZSgoZW1pdFZhbHVlOiBFbWl0VmFsdWUpID0+IHtcclxuICAgICAgICAvLyBpZiAoIXRoaXMuZGlzYWJsZU91dHNpZGVDbGlja0Nsb3NlKSB7XHJcbiAgICAgICAgICB0aGlzLmNsb3NlRnJvbU1vZGFsKGVtaXRWYWx1ZSk7XHJcbiAgICAgICAgLy8gfVxyXG4gICAgICB9KVxyXG4gICAgKTtcclxuICB9XHJcbiAgcHVibGljIG5hdGl2ZUVsZW1lbnQ6IEhUTUxFbGVtZW50O1xyXG5cclxuICBwdWJsaWMgdG9nZ2xlTW9kYWwoKSB7XHJcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcclxuICAgIHRoaXMub25DbG9zZS5lbWl0KHRoaXMuaXNPcGVuKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBleHRlcm5hbENsaWNrQ2xvc2UoZTogRXZlbnQpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlT3V0c2lkZUNsaWNrQ2xvc2UpIHtcclxuICAgICAgY29uc3QgdGFyZ2V0ID0gZS50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICAgIGlmICh0YXJnZXQuY2xhc3NMaXN0LmNvbnRhaW5zKCdjb250ZW50LWNvbnRhaW5lcicpIHx8IHRhcmdldC5jbGFzc0xpc3QuY29udGFpbnMoJ2JhY2tncm91bmQtY29udGFpbmVyJykpIHtcclxuICAgICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMub25DbG9zZS5lbWl0KHRoaXMuaXNPcGVuKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge31cclxuXHJcbiAgcHJpdmF0ZSBjbG9zZUZyb21Nb2RhbChlbWl0VmFsdWU6IEVtaXRWYWx1ZSkge1xyXG4gICAgaWYgKGVtaXRWYWx1ZSA9PT0gJ2lzQ2xvc2VNb2RhbCcpIHtcclxuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICAgICAgdGhpcy5vbkNsb3NlLmVtaXQodGhpcy5pc09wZW4pO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtd3JhcHBlclwiIChjbGljayk9XCJ0b2dnbGVNb2RhbCgpXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaXNPcGVuQnV0dG9uXVwiPjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuICBcclxuICA8ZGl2ICpuZ0lmPVwiaXNPcGVuXCIgY2xhc3M9XCJiYWNrZ3JvdW5kLWNvbnRhaW5lclwiIChjbGljayk9XCJleHRlcm5hbENsaWNrQ2xvc2UoJGV2ZW50KVwiPlxyXG4gICAgPGRpdlxyXG4gICAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCArICdweCcgfVwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICAnY29udGVudC1jb250YWluZXInLFxyXG4gICAgICAgIHZhcmlhbnQsXHJcbiAgICAgICAgbm9TY3JvbGxiYXJDb250ZW50Q29udGFpbmVyID8gJ25vU2Nyb2xsYmFyJyA6ICcnLFxyXG4gICAgICAgIGJvcmRlckhpZ2hsaWdodCA/ICd3aXRoLWJvcmRlcicgOiAnJ1xyXG4gICAgICBdXCJcclxuICAgID5cclxuICAgICAgPGRpdiAqbmdJZj1cInZhcmlhbnQgIT09ICdzdGFuZGFyZCdcIiBjbGFzcz1cImNvbG9yLWJhclwiPjwvZGl2PlxyXG4gICAgICA8ZGl2IFtuZ1N0eWxlXT1cInsgcGFkZGluZzogcmV2ZXJzZWRQYWRkaW5nID8gJzBweCcgOiBudWxsIH1cIiBjbGFzcz1cImlubmVyLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICpuZ0lmPVwiaGVhZGVyXCJcclxuICAgICAgICAgIGNsYXNzPVwiaGVhZGVyLWNvbnRhaW5lclwiXHJcbiAgICAgICAgICBbbmdTdHlsZV09XCJ7IHBhZGRpbmc6IHJldmVyc2VkUGFkZGluZyA/ICcyNHB4IDI0cHggMjBweCAyNHB4JyA6IG51bGwgfVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJ2YXJpYW50ID09PSAnZXJyb3InXCIgc3JjPVwiLi4vLi4vLi4vLi4vYXNzZXRzL2ljb25zL3dhcm5pbmcuc3ZnXCIgY2xhc3M9XCJ3YXJuaW5nLWljb25cIiAvPlxyXG4gICAgICAgICAgICB7eyBoZWFkZXIgfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXN2Zy1idXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJ3aXRoQ2xvc2VCdXR0b25cIlxyXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxyXG4gICAgICAgICAgICBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaWNvbnMvZGVsZXRlLnN2Z1wiXHJcbiAgICAgICAgICAgIGVtaXRWYWx1ZT1cImlzQ2xvc2VNb2RhbFwiXHJcbiAgICAgICAgICAgIChjbGlja0J0bik9XCJ0b2dnbGVNb2RhbCgpXCJcclxuICAgICAgICAgID48L2xpYi1hZi1jb25uZWN0LXN2Zy1idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktY29udGFpbmVyXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICB7eyBjb250ZW50IH19XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class AfConnectNoContentComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.alignContent = 'left';
|
|
6
|
-
this.height = 'small';
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() { }
|
|
9
|
-
}
|
|
10
|
-
AfConnectNoContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AfConnectNoContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectNoContentComponent, selector: "lib-af-connect-no-content", inputs: { src: "src", title: "title", message: "message", alignContent: "alignContent", height: "height" }, ngImport: i0, template: "<div [class]=\"[alignContent, 'no-content-container', height]\">\r\n <img class=\"svg\" [src]=\"src\" />\r\n <div class=\"info-container\">\r\n <p class=\"no-content-title\">{{ title }}</p>\r\n <p class=\"no-content-message\">{{ message }}</p>\r\n </div>\r\n </div>\r\n ", styles: ["img{background:none;border:none;width:74px;height:55px;padding:1rem 1rem 1rem 0rem}.center{justify-content:center}.left{justify-content:start}.no-content-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bright-apple-color-with-opacity);border-radius:15px}@media (max-width: 1024px){.no-content-container{justify-content:center;text-align:start}}.no-content-container.medium{height:15rem}.no-content-container.large{height:20rem}.no-content-container.xLarge{height:25rem}@media (max-width: 768px){.no-content-container.xLarge{height:27em}}.no-content-container.fill{height:100%}.info-container{padding:1rem 0rem}.no-content-message{font-size:var(--standard-font-size-16);font-family:var(--standard-font-family-hero-new);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-message{font-size:var(--standard-font-size-14)}}@media (max-width: 768px){.no-content-message{font-size:var(--standard-font-size-14)}}.no-content-title{font-size:var(--standard-font-size-18);font-family:var(--standard-font-family-hero-new-semibold);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-title{font-size:var(--standard-font-size-16)}}@media (max-width: 768px){.no-content-title{font-size:var(--standard-font-size-14)}}.no-content-message,.no-content-title{margin:0}:host(.full-width){position:relative;width:100%;display:block}\n"] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNoContentComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{ selector: 'lib-af-connect-no-content', template: "<div [class]=\"[alignContent, 'no-content-container', height]\">\r\n <img class=\"svg\" [src]=\"src\" />\r\n <div class=\"info-container\">\r\n <p class=\"no-content-title\">{{ title }}</p>\r\n <p class=\"no-content-message\">{{ message }}</p>\r\n </div>\r\n </div>\r\n ", styles: ["img{background:none;border:none;width:74px;height:55px;padding:1rem 1rem 1rem 0rem}.center{justify-content:center}.left{justify-content:start}.no-content-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bright-apple-color-with-opacity);border-radius:15px}@media (max-width: 1024px){.no-content-container{justify-content:center;text-align:start}}.no-content-container.medium{height:15rem}.no-content-container.large{height:20rem}.no-content-container.xLarge{height:25rem}@media (max-width: 768px){.no-content-container.xLarge{height:27em}}.no-content-container.fill{height:100%}.info-container{padding:1rem 0rem}.no-content-message{font-size:var(--standard-font-size-16);font-family:var(--standard-font-family-hero-new);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-message{font-size:var(--standard-font-size-14)}}@media (max-width: 768px){.no-content-message{font-size:var(--standard-font-size-14)}}.no-content-title{font-size:var(--standard-font-size-18);font-family:var(--standard-font-family-hero-new-semibold);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-title{font-size:var(--standard-font-size-16)}}@media (max-width: 768px){.no-content-title{font-size:var(--standard-font-size-14)}}.no-content-message,.no-content-title{margin:0}:host(.full-width){position:relative;width:100%;display:block}\n"] }]
|
|
15
|
-
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
16
|
-
type: Input
|
|
17
|
-
}], title: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], message: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], alignContent: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], height: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtbm8tY29udGVudC9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1uby1jb250ZW50L2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxXQUFNLEdBQXFELE9BQU8sQ0FBQztJQUU3RCxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDOzt3SEFURiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw2S0NQeEMscVNBT0U7MkZEQVcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb0NvbnRlbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFsaWduQ29udGVudDogJ2NlbnRlcicgfCAnbGVmdCcgPSAnbGVmdCc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hMYXJnZScgfCAnZmlsbCcgPSAnc21hbGwnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IFtjbGFzc109XCJbYWxpZ25Db250ZW50LCAnbm8tY29udGVudC1jb250YWluZXInLCBoZWlnaHRdXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwic3ZnXCIgW3NyY109XCJzcmNcIiAvPlxyXG4gICAgPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibm8tY29udGVudC10aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxyXG4gICAgICA8cCBjbGFzcz1cIm5vLWNvbnRlbnQtbWVzc2FnZVwiPnt7IG1lc3NhZ2UgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class AfConnectNotificationComponent {
|
|
4
|
-
}
|
|
5
|
-
AfConnectNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
AfConnectNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectNotificationComponent, selector: "lib-af-connect-notification", inputs: { data: "data", variant: "variant" }, ngImport: i0, template: "<div [class]=\"['wrapper', variant]\">\r\n <div [class]=\"['svg-container', variant]\">\r\n <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n </div>\r\n \r\n <div class=\"text-container\">\r\n <span>{{ data.categoryTitleToDisplay }}</span>\r\n <div [innerHTML]=\"data.htmlContent\"></div>\r\n </div>\r\n</div>\r\n", styles: [".wrapper{display:flex;gap:1rem;height:-moz-fit-content;height:fit-content;background-color:#fff6eb;border:1px solid #F69521;border-left:5px solid #F69521;border-radius:5px;box-sizing:border-box;padding:1rem}.wrapper.wide{z-index:1;position:relative;border-radius:0}.wrapper .text-container{display:flex;flex-direction:column;gap:.5rem}.wrapper .text-container span{font-family:Hero New Bold;font-size:16px}.wrapper .text-container div{margin:0;font-size:14px}.svg-container{position:relative}.svg-overlay{position:absolute}.svg-overlay.small{width:31px;height:25px;left:.5rem}.svg-overlay.wide{width:71px;height:58px;top:1rem;left:3rem}.svg-background.small{width:47px;height:24px}.svg-background.wide{width:158px;height:85px}\n"] });
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNotificationComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ selector: 'lib-af-connect-notification', template: "<div [class]=\"['wrapper', variant]\">\r\n <div [class]=\"['svg-container', variant]\">\r\n <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n </div>\r\n \r\n <div class=\"text-container\">\r\n <span>{{ data.categoryTitleToDisplay }}</span>\r\n <div [innerHTML]=\"data.htmlContent\"></div>\r\n </div>\r\n</div>\r\n", styles: [".wrapper{display:flex;gap:1rem;height:-moz-fit-content;height:fit-content;background-color:#fff6eb;border:1px solid #F69521;border-left:5px solid #F69521;border-radius:5px;box-sizing:border-box;padding:1rem}.wrapper.wide{z-index:1;position:relative;border-radius:0}.wrapper .text-container{display:flex;flex-direction:column;gap:.5rem}.wrapper .text-container span{font-family:Hero New Bold;font-size:16px}.wrapper .text-container div{margin:0;font-size:14px}.svg-container{position:relative}.svg-overlay{position:absolute}.svg-overlay.small{width:31px;height:25px;left:.5rem}.svg-overlay.wide{width:71px;height:58px;top:1rem;left:3rem}.svg-background.small{width:47px;height:24px}.svg-background.wide{width:158px;height:85px}\n"] }]
|
|
10
|
-
}], propDecorators: { data: [{
|
|
11
|
-
type: Input
|
|
12
|
-
}], variant: [{
|
|
13
|
-
type: Input
|
|
14
|
-
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7K0dBQTlCLDhCQUE4QixpSENSM0Msa2ZBV0E7MkZESGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2Qjs4QkFLOUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uUmVzcG9uc2VMaXN0IH0gZnJvbSAnLi4vbW9kZWxzL25vdGlmaWNhdGlvbi1yZXNwb25zZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb3RpZmljYXRpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRhdGE6IE5vdGlmaWNhdGlvblJlc3BvbnNlTGlzdDtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnc21hbGwnIHwgJ3dpZGUnO1xyXG59XHJcbiIsIjxkaXYgW2NsYXNzXT1cIlsnd3JhcHBlcicsIHZhcmlhbnRdXCI+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJbJ3N2Zy1jb250YWluZXInLCB2YXJpYW50XVwiPlxyXG4gICAgICAgIDxpbWcgW2NsYXNzXT1cIlsnc3ZnLW92ZXJsYXknLCB2YXJpYW50XVwiIHNyYz1cIi9hc3NldHMvaWNvbnMvdG9vbC5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICA8aW1nIFtjbGFzc109XCJbJ3N2Zy1iYWNrZ3JvdW5kJywgdmFyaWFudF1cIiBzcmM9XCIvYXNzZXRzL2ljb25zL3NwbGFzaF9iYWNrZ3JvdW5kLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICBcclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxzcGFuPnt7IGRhdGEuY2F0ZWdvcnlUaXRsZVRvRGlzcGxheSB9fTwvc3Bhbj5cclxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5odG1sQ29udGVudFwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { defaultConfig } from './defaultConfig';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "./image-card/image-card.component";
|
|
6
|
-
export class AfConnectProductsCarouselComponent {
|
|
7
|
-
constructor(elementRef) {
|
|
8
|
-
this.elementRef = elementRef;
|
|
9
|
-
this.defaultConfig = defaultConfig;
|
|
10
|
-
this.isDown = false;
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() { }
|
|
13
|
-
ngAfterViewInit() {
|
|
14
|
-
this.slider = this.elementRef.nativeElement.querySelector('.holder');
|
|
15
|
-
}
|
|
16
|
-
mousedown(e) {
|
|
17
|
-
this.isDown = true;
|
|
18
|
-
this.slider.classList.add('active');
|
|
19
|
-
this.startX = e.pageX - this.slider.offsetLeft;
|
|
20
|
-
this.scrollLeft = this.slider.scrollLeft;
|
|
21
|
-
}
|
|
22
|
-
mouseleave() {
|
|
23
|
-
this.isDown = false;
|
|
24
|
-
this.slider.classList.remove('active');
|
|
25
|
-
}
|
|
26
|
-
mouseup() {
|
|
27
|
-
this.isDown = false;
|
|
28
|
-
this.slider.classList.remove('active');
|
|
29
|
-
}
|
|
30
|
-
mousemove(e) {
|
|
31
|
-
if (!this.isDown)
|
|
32
|
-
return;
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
const offset = e.pageX - this.slider.offsetLeft;
|
|
35
|
-
const walk = (offset - this.startX) * 2;
|
|
36
|
-
this.slider.scrollLeft = this.scrollLeft - walk;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
AfConnectProductsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
AfConnectProductsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProductsCarouselComponent, selector: "lib-af-connect-products-carousel", inputs: { config: "config" }, ngImport: i0, template: "<div\r\n class=\"holder\"\r\n (mousedown)=\"mousedown($event)\"\r\n (mouseleave)=\"mouseleave()\"\r\n (mouseup)=\"mouseup()\"\r\n (mousemove)=\"mousemove($event)\"\r\n>\r\n <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n <af-connect-image-card\r\n [src]=\"card.imageSrc\"\r\n [title]=\"card.title\"\r\n [content]=\"card.content\"\r\n [readMoreLink]=\"card.readMore\"\r\n ></af-connect-image-card>\r\n </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ImageCardComponent, selector: "af-connect-image-card", inputs: ["src", "title", "content", "readMoreLink"] }] });
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, decorators: [{
|
|
42
|
-
type: Component,
|
|
43
|
-
args: [{ selector: 'lib-af-connect-products-carousel', template: "<div\r\n class=\"holder\"\r\n (mousedown)=\"mousedown($event)\"\r\n (mouseleave)=\"mouseleave()\"\r\n (mouseup)=\"mouseup()\"\r\n (mousemove)=\"mousemove($event)\"\r\n>\r\n <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n <af-connect-image-card\r\n [src]=\"card.imageSrc\"\r\n [title]=\"card.title\"\r\n [content]=\"card.content\"\r\n [readMoreLink]=\"card.readMore\"\r\n ></af-connect-image-card>\r\n </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"] }]
|
|
44
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { config: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWNoRCxNQUFNLE9BQU8sa0NBQWtDO0lBUzdDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFQMUMsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFHdEIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUl1QixDQUFDO0lBRS9DLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQzNDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTLENBQUMsQ0FBYTtRQUNyQixJQUFHLENBQUMsSUFBSSxDQUFDLE1BQU07WUFBRSxPQUFPO1FBQ3hCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUVuQixNQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ2hELE1BQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEQsQ0FBQzs7K0hBekNVLGtDQUFrQzttSEFBbEMsa0NBQWtDLHNHQ2YvQyxpaEJBZ0JBOzJGRERhLGtDQUFrQztrQkFMOUMsU0FBUzsrQkFDRSxrQ0FBa0M7aUdBS25DLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVmYXVsdENvbmZpZyB9IGZyb20gJy4vZGVmYXVsdENvbmZpZyc7XHJcblxyXG5pbnRlcmZhY2UgQ2Fyb3VzZWxDb25maWcge1xyXG4gIGltYWdlU3JjOiBzdHJpbmc7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgY29udGVudD86IHN0cmluZztcclxuICByZWFkTW9yZTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9kdWN0c0Nhcm91c2VsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb25maWc6IENhcm91c2VsQ29uZmlnW107XHJcbiAgZGVmYXVsdENvbmZpZyA9IGRlZmF1bHRDb25maWc7XHJcblxyXG4gIHByaXZhdGUgc2xpZGVyOiBIVE1MRWxlbWVudDtcclxuICBwcml2YXRlIGlzRG93biA9IGZhbHNlO1xyXG4gIHByaXZhdGUgc3RhcnRYOiBudW1iZXI7XHJcbiAgcHJpdmF0ZSBzY3JvbGxMZWZ0OiBudW1iZXI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuc2xpZGVyID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmhvbGRlcicpO1xyXG4gIH1cclxuXHJcbiAgbW91c2Vkb3duKGU6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gdHJ1ZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5hZGQoJ2FjdGl2ZScpO1xyXG4gICAgdGhpcy5zdGFydFggPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIHRoaXMuc2Nyb2xsTGVmdCA9IHRoaXMuc2xpZGVyLnNjcm9sbExlZnQ7XHJcbiAgfVxyXG5cclxuICBtb3VzZWxlYXZlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rvd24gPSBmYWxzZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5yZW1vdmUoJ2FjdGl2ZScpO1xyXG4gIH1cclxuXHJcbiAgbW91c2V1cCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gZmFsc2U7XHJcbiAgICB0aGlzLnNsaWRlci5jbGFzc0xpc3QucmVtb3ZlKCdhY3RpdmUnKTtcclxuICB9XHJcblxyXG4gIG1vdXNlbW92ZShlOiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZighdGhpcy5pc0Rvd24pIHJldHVybjtcclxuICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuXHJcbiAgICBjb25zdCBvZmZzZXQgPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIGNvbnN0IHdhbGsgPSAob2Zmc2V0IC0gdGhpcy5zdGFydFgpICogMjtcclxuICAgIHRoaXMuc2xpZGVyLnNjcm9sbExlZnQgPSB0aGlzLnNjcm9sbExlZnQgLSB3YWxrO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImhvbGRlclwiXHJcbiAgICAobW91c2Vkb3duKT1cIm1vdXNlZG93bigkZXZlbnQpXCJcclxuICAgIChtb3VzZWxlYXZlKT1cIm1vdXNlbGVhdmUoKVwiXHJcbiAgICAobW91c2V1cCk9XCJtb3VzZXVwKClcIlxyXG4gICAgKG1vdXNlbW92ZSk9XCJtb3VzZW1vdmUoJGV2ZW50KVwiXHJcbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhcmQgb2YgY29uZmlnIHx8IGRlZmF1bHRDb25maWdcIj5cclxuICAgICAgICA8YWYtY29ubmVjdC1pbWFnZS1jYXJkXHJcbiAgICAgICAgICAgIFtzcmNdPVwiY2FyZC5pbWFnZVNyY1wiXHJcbiAgICAgICAgICAgIFt0aXRsZV09XCJjYXJkLnRpdGxlXCJcclxuICAgICAgICAgICAgW2NvbnRlbnRdPVwiY2FyZC5jb250ZW50XCJcclxuICAgICAgICAgICAgW3JlYWRNb3JlTGlua109XCJjYXJkLnJlYWRNb3JlXCJcclxuICAgICAgICA+PC9hZi1jb25uZWN0LWltYWdlLWNhcmQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export const defaultConfig = [
|
|
2
|
-
{
|
|
3
|
-
imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/mmm-carousel.jpg',
|
|
4
|
-
title: 'My Money Matters',
|
|
5
|
-
content: 'Get the most out of your money. Explore ways to make your money and savings work for you with our tools.',
|
|
6
|
-
readMore: 'https://mymoneymatters.alexforbes.com/'
|
|
7
|
-
},
|
|
8
|
-
{
|
|
9
|
-
imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Rewards-carousel.jpg',
|
|
10
|
-
title: 'My Rewards',
|
|
11
|
-
content: 'Exclusive savings from big brands.',
|
|
12
|
-
readMore: 'https://rewards.alexforbes.com/landingpage'
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/Unit-trusts-carousel.jpg',
|
|
16
|
-
title: 'Unit Trusts',
|
|
17
|
-
content: 'Invest from as little as R500.00 a month to up to R30 000.00 up front toward a personal goal.',
|
|
18
|
-
readMore: 'https://www.alexforbes.com/za/en/individual/investing-for-a-goal.html'
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
imageSrc: 'https://stg.alexforbes.com/content/dam/afbr/common/images-website/products/af-connect/AF-Plus-carousel.jpg',
|
|
22
|
-
title: 'AF+',
|
|
23
|
-
content: 'Guided by expert advisers and fulfilled by trusted partners, making it easy to solve life’s financial challenges with confidence.',
|
|
24
|
-
readMore: 'https://plus.alexforbes.com/'
|
|
25
|
-
},
|
|
26
|
-
];
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdENvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvZGVmYXVsdENvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDekI7UUFDSSxRQUFRLEVBQUUsd0dBQXdHO1FBQ2xILEtBQUssRUFBRSxrQkFBa0I7UUFDekIsT0FBTyxFQUFFLDBHQUEwRztRQUNuSCxRQUFRLEVBQUUsd0NBQXdDO0tBQ3JEO0lBQ0Q7UUFDSSxRQUFRLEVBQUUsK0dBQStHO1FBQ3pILEtBQUssRUFBRSxZQUFZO1FBQ25CLE9BQU8sRUFBRSxvQ0FBb0M7UUFDN0MsUUFBUSxFQUFFLDRDQUE0QztLQUN6RDtJQUNEO1FBQ0ksUUFBUSxFQUFFLGdIQUFnSDtRQUMxSCxLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPLEVBQUUsK0ZBQStGO1FBQ3hHLFFBQVEsRUFBRSx1RUFBdUU7S0FDcEY7SUFDRDtRQUNJLFFBQVEsRUFBRSw0R0FBNEc7UUFDdEgsS0FBSyxFQUFFLEtBQUs7UUFDWixPQUFPLEVBQUUsbUlBQW1JO1FBQzVJLFFBQVEsRUFBRSw4QkFBOEI7S0FDM0M7Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGRlZmF1bHRDb25maWcgPSBbXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwczovL3N0Zy5hbGV4Zm9yYmVzLmNvbS9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L21tbS1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgTW9uZXkgTWF0dGVycycsXHJcbiAgICAgICAgY29udGVudDogJ0dldCB0aGUgbW9zdCBvdXQgb2YgeW91ciBtb25leS4gRXhwbG9yZSB3YXlzIHRvIG1ha2UgeW91ciBtb25leSBhbmQgc2F2aW5ncyB3b3JrIGZvciB5b3Ugd2l0aCBvdXIgdG9vbHMuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vbXltb25leW1hdHRlcnMuYWxleGZvcmJlcy5jb20vJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvQUYtUmV3YXJkcy1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgUmV3YXJkcycsXHJcbiAgICAgICAgY29udGVudDogJ0V4Y2x1c2l2ZSBzYXZpbmdzIGZyb20gYmlnIGJyYW5kcy4nLFxyXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly9yZXdhcmRzLmFsZXhmb3JiZXMuY29tL2xhbmRpbmdwYWdlJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvVW5pdC10cnVzdHMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ1VuaXQgVHJ1c3RzJyxcclxuICAgICAgICBjb250ZW50OiAnSW52ZXN0IGZyb20gYXMgbGl0dGxlIGFzIFI1MDAuMDAgYSBtb250aCB0byB1cCB0byBSMzAgMDAwLjAwIHVwIGZyb250IHRvd2FyZCBhIHBlcnNvbmFsIGdvYWwuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vd3d3LmFsZXhmb3JiZXMuY29tL3phL2VuL2luZGl2aWR1YWwvaW52ZXN0aW5nLWZvci1hLWdvYWwuaHRtbCdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwczovL3N0Zy5hbGV4Zm9yYmVzLmNvbS9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L0FGLVBsdXMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ0FGKycsXHJcbiAgICAgICAgY29udGVudDogJ0d1aWRlZCBieSBleHBlcnQgYWR2aXNlcnMgYW5kIGZ1bGZpbGxlZCBieSB0cnVzdGVkIHBhcnRuZXJzLCBtYWtpbmcgaXQgZWFzeSB0byBzb2x2ZSBsaWZl4oCZcyBmaW5hbmNpYWwgY2hhbGxlbmdlcyB3aXRoIGNvbmZpZGVuY2UuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vcGx1cy5hbGV4Zm9yYmVzLmNvbS8nXHJcbiAgICB9LFxyXG5dO1xyXG4iXX0=
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class ImageCardComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.title = '';
|
|
6
|
-
this.content = '';
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() { }
|
|
9
|
-
openReadMore() {
|
|
10
|
-
window.open(this.readMoreLink, '_blank');
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
ImageCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ImageCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ImageCardComponent, selector: "af-connect-image-card", inputs: { src: "src", title: "title", content: "content", readMoreLink: "readMoreLink" }, ngImport: i0, template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n <span class=\"info-container__title\">{{ title }}</span>\r\n <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n <span class=\"info-container__title\">{{ title }}</span>\r\n <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] }]
|
|
18
|
-
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], title: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], content: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], readMoreLink: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUpTLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBQy9CLFlBQU8sR0FBdUIsRUFBRSxDQUFDO0lBRzFCLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsWUFBWTtRQUNWLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDOzsrR0FaVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix1SkNQL0IsMlJBTUE7MkZEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLHVCQUF1QjswRUFLeEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhZi1jb25uZWN0LWltYWdlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEltYWdlQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIHJlYWRNb3JlTGluazogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBvcGVuUmVhZE1vcmUoKSB7XHJcbiAgICB3aW5kb3cub3Blbih0aGlzLnJlYWRNb3JlTGluaywgJ19ibGFuaycpO1xyXG4gIH1cclxufVxyXG4iLCI8aW1nIFtzcmNdPVwic3JjXCIgLz5cclxuPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJpbmZvLWNvbnRhaW5lcl9fdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cImluZm8tY29udGFpbmVyX19jb250ZW50XCI+e3sgY29udGVudCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbjxidXR0b24gY2xhc3M9XCJidXR0b24tcmVhZC1tb3JlXCIgKGNsaWNrKT1cIm9wZW5SZWFkTW9yZSgpXCI+UmVhZCBtb3JlPC9idXR0b24+XHJcbiJdfQ==
|