af-connect-components 0.0.26 → 0.0.28
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/README.md +8 -11
- package/esm2020/af-connect-components.mjs +5 -0
- package/esm2020/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -0
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +47 -0
- package/esm2020/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -0
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +17 -0
- package/esm2020/lib/af-connect-chart/af-connect-chart.component.mjs +11 -0
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
- package/esm2020/lib/af-connect-components.component.mjs +19 -0
- package/esm2020/lib/af-connect-components.module.mjs +239 -0
- package/esm2020/lib/af-connect-components.service.mjs +14 -0
- package/esm2020/lib/af-connect-content/af-connect-content.component.mjs +14 -0
- package/esm2020/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -0
- package/esm2020/lib/af-connect-error/af-connect-error.component.mjs +26 -0
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +285 -0
- package/esm2020/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -0
- package/esm2020/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -0
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +46 -0
- package/esm2020/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -0
- package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +92 -0
- package/esm2020/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -0
- package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
- package/esm2020/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -0
- package/esm2020/lib/af-connect-notification/af-connect-notification.component.mjs +15 -0
- package/esm2020/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +47 -0
- package/esm2020/lib/af-connect-products-carousel/defaultConfig.mjs +27 -0
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +27 -0
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +69 -0
- package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
- package/esm2020/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +99 -0
- package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +114 -0
- package/esm2020/lib/af-connect-section/af-connect-section.component.mjs +14 -0
- package/esm2020/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -0
- package/esm2020/lib/af-connect-select/af-connect-select.component.mjs +11 -0
- package/esm2020/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -0
- package/esm2020/lib/af-connect-tab/af-connect-tab.component.mjs +20 -0
- package/esm2020/lib/af-connect-table/af-connect-table.component.mjs +11 -0
- package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
- package/esm2020/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -0
- package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
- package/esm2020/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -0
- package/esm2020/lib/af-connect-tooltip/types.mjs +2 -0
- package/esm2020/lib/constants/animation.constants.mjs +121 -0
- package/esm2020/lib/constants/base.constants.mjs +10 -0
- package/esm2020/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +23 -0
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +54 -0
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +29 -0
- package/esm2020/lib/faq/faq/faq.component.mjs +22 -0
- package/esm2020/lib/faq/faq-item/faq-item.component.mjs +16 -0
- package/esm2020/lib/faq/faqItem.mjs +2 -0
- package/esm2020/lib/faq/image-fallback/image-fallback.component.mjs +74 -0
- package/esm2020/lib/models/notification-response.model.mjs +2 -0
- package/esm2020/lib/models/radio.model.mjs +2 -0
- package/esm2020/lib/services/breakpoint.service.mjs +16 -0
- package/esm2020/lib/utilities/number.util.mjs +4 -0
- package/esm2020/public-api.mjs +43 -0
- package/esm2020/shared/pipes/get-initials.mjs +20 -0
- package/fesm2015/af-connect-components.mjs +2173 -0
- package/fesm2015/af-connect-components.mjs.map +1 -0
- package/fesm2020/af-connect-components.mjs +2165 -0
- package/fesm2020/af-connect-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +10 -0
- package/lib/af-connect-button/af-connect-button.component.d.ts +21 -0
- package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +14 -0
- package/lib/af-connect-card/af-connect-card.component.d.ts +8 -0
- package/lib/af-connect-chart/af-connect-chart.component.d.ts +5 -0
- package/lib/af-connect-chip/af-connect-chip.component.d.ts +12 -0
- package/lib/af-connect-components.component.d.ts +5 -0
- package/lib/af-connect-components.module.d.ts +52 -0
- package/lib/af-connect-components.service.d.ts +6 -0
- package/lib/af-connect-content/af-connect-content.component.d.ts +8 -0
- package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +5 -0
- package/lib/af-connect-error/af-connect-error.component.d.ts +12 -0
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +155 -0
- package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +5 -0
- package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +10 -0
- package/lib/af-connect-header/af-connect-header.component.d.ts +18 -0
- package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts +13 -0
- package/lib/af-connect-input/af-connect-input.component.d.ts +36 -0
- package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts +8 -0
- package/lib/af-connect-modal/af-connect-modal.component.d.ts +46 -0
- package/lib/af-connect-no-content/af-connect-no-content.component.d.ts +12 -0
- package/lib/af-connect-notification/af-connect-notification.component.d.ts +8 -0
- package/lib/af-connect-products-carousel/af-connect-products-carousel.component.d.ts +32 -0
- package/lib/af-connect-products-carousel/defaultConfig.d.ts +6 -0
- package/lib/af-connect-products-carousel/image-card/image-card.component.d.ts +13 -0
- package/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.d.ts +26 -0
- package/lib/af-connect-progress-bar/af-connect-progress-bar.component.d.ts +18 -0
- package/lib/af-connect-radio-button/af-connect-radio-button.component.d.ts +34 -0
- package/lib/af-connect-radio-group/af-connect-radio-group.component.d.ts +35 -0
- package/lib/af-connect-section/af-connect-section.component.d.ts +8 -0
- package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +15 -0
- package/lib/af-connect-select/af-connect-select.component.d.ts +5 -0
- package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +14 -0
- package/lib/af-connect-tab/af-connect-tab.component.d.ts +9 -0
- package/lib/af-connect-table/af-connect-table.component.d.ts +5 -0
- package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +25 -0
- package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +13 -0
- package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +37 -0
- package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +16 -0
- package/lib/af-connect-tooltip/types.d.ts +1 -0
- package/lib/constants/animation.constants.d.ts +13 -0
- package/lib/constants/base.constants.d.ts +10 -0
- package/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.d.ts +8 -0
- package/lib/expandable/expandable-arrow/expandable-arrow.component.d.ts +21 -0
- package/lib/expandable/expandable-container/expandable-container.component.d.ts +8 -0
- package/lib/faq/faq/faq.component.d.ts +9 -0
- package/lib/faq/faq-item/faq-item.component.d.ts +7 -0
- package/lib/faq/image-fallback/image-fallback.component.d.ts +18 -0
- package/{projects/af-connect-components/src/lib/models/notification-response.model.ts → lib/models/notification-response.model.d.ts} +0 -1
- package/lib/models/radio.model.d.ts +3 -0
- package/lib/services/breakpoint.service.d.ts +9 -0
- package/lib/utilities/number.util.d.ts +1 -0
- package/package.json +31 -41
- package/{projects/af-connect-components/src/public-api.ts → public-api.d.ts} +0 -7
- package/shared/pipes/get-initials.d.ts +10 -0
- package/.editorconfig +0 -16
- package/.vscode/extensions.json +0 -4
- package/.vscode/launch.json +0 -20
- package/.vscode/tasks.json +0 -42
- package/angular.json +0 -40
- package/projects/af-connect-components/README.md +0 -24
- package/projects/af-connect-components/ng-package.json +0 -7
- package/projects/af-connect-components/package-lock.json +0 -4286
- package/projects/af-connect-components/package.json +0 -12
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.html +0 -13
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.scss +0 -50
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.ts +0 -17
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.html +0 -25
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.scss +0 -306
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-button/af-connect-button.component.ts +0 -25
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.html +0 -20
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.scss +0 -209
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.ts +0 -21
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.html +0 -4
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.scss +0 -100
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-card/af-connect-card.component.ts +0 -14
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.html +0 -1
- 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 +0 -23
- package/projects/af-connect-components/src/lib/af-connect-chart/af-connect-chart.component.ts +0 -10
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.html +0 -15
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.scss +0 -125
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-chip/af-connect-chip.component.ts +0 -22
- package/projects/af-connect-components/src/lib/af-connect-components.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-components.component.ts +0 -15
- package/projects/af-connect-components/src/lib/af-connect-components.module.ts +0 -146
- package/projects/af-connect-components/src/lib/af-connect-components.service.spec.ts +0 -16
- package/projects/af-connect-components/src/lib/af-connect-components.service.ts +0 -9
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.html +0 -1
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.scss +0 -227
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-content/af-connect-content.component.ts +0 -13
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.html +0 -1
- 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 +0 -23
- package/projects/af-connect-components/src/lib/af-connect-datepicker/af-connect-datepicker.component.ts +0 -10
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.scss +0 -51
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-error/af-connect-error.component.ts +0 -18
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.html +0 -106
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.scss +0 -186
- package/projects/af-connect-components/src/lib/af-connect-footer/af-connect-footer.component.ts +0 -292
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.html +0 -1
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.scss +0 -18
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-form-group/af-connect-form-group.component.ts +0 -10
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.html +0 -40
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.scss +0 -5
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.ts +0 -14
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.html +0 -49
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.scss +0 -24
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-header/af-connect-header.component.ts +0 -27
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.scss +0 -68
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-inline-error/af-connect-inline-error.component.ts +0 -18
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.html +0 -29
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.scss +0 -117
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-input/af-connect-input.component.ts +0 -77
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.scss +0 -67
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.ts +0 -15
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.html +0 -43
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.scss +0 -136
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-modal/af-connect-modal.component.ts +0 -99
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.html +0 -8
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.scss +0 -94
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-no-content/af-connect-no-content.component.ts +0 -18
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.html +0 -11
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.scss +0 -72
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-notification/af-connect-notification.component.ts +0 -12
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.html +0 -16
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.scss +0 -32
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.spec.ts +0 -22
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/af-connect-products-carousel.component.ts +0 -58
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/defaultConfig.ts +0 -26
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.scss +0 -96
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-products-carousel/image-card/image-card.component.ts +0 -21
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.html +0 -94
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.scss +0 -176
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.ts +0 -48
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.html +0 -11
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.scss +0 -48
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-progress-bar/af-connect-progress-bar.component.ts +0 -34
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.html +0 -28
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.scss +0 -204
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-radio-button/af-connect-radio-button.component.ts +0 -101
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.scss +0 -28
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-radio-group/af-connect-radio-group.component.ts +0 -111
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.html +0 -1
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.scss +0 -8
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-section/af-connect-section.component.ts +0 -13
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.html +0 -17
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.scss +0 -153
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-section-header/af-connect-section-header.component.ts +0 -22
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.html +0 -91
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.scss +0 -242
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-select/af-connect-select.component.ts +0 -10
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.html +0 -6
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.scss +0 -66
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-svg-button/af-connect-svg-button.component.ts +0 -19
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.html +0 -4
- 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 +0 -23
- package/projects/af-connect-components/src/lib/af-connect-tab/af-connect-tab.component.ts +0 -11
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.html +0 -1
- 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 +0 -23
- package/projects/af-connect-components/src/lib/af-connect-table/af-connect-table.component.ts +0 -10
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.html +0 -15
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.scss +0 -125
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-tabs/af-connect-tabs.component.ts +0 -100
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.html +0 -13
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.scss +0 -66
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-toaster-message/af-connect-toaster-message.component.ts +0 -22
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.html +0 -26
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.scss +0 -55
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-toggle-button/af-connect-toggle-button.component.ts +0 -120
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.html +0 -11
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.scss +0 -149
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/af-connect-tooltip/af-connect-tooltip.component.ts +0 -36
- package/projects/af-connect-components/src/lib/af-connect-tooltip/types.ts +0 -1
- package/projects/af-connect-components/src/lib/constants/animation.constants.ts +0 -149
- package/projects/af-connect-components/src/lib/constants/base.constants.ts +0 -10
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.html +0 -4
- 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 +0 -22
- package/projects/af-connect-components/src/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.ts +0 -21
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.html +0 -14
- 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 +0 -22
- package/projects/af-connect-components/src/lib/expandable/expandable-arrow/expandable-arrow.component.ts +0 -38
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.html +0 -3
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.scss +0 -3
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/expandable/expandable-container/expandable-container.component.ts +0 -21
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.html +0 -7
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.scss +0 -18
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/faq/faq/faq.component.ts +0 -16
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.html +0 -15
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.scss +0 -58
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.spec.ts +0 -23
- package/projects/af-connect-components/src/lib/faq/faq-item/faq-item.component.ts +0 -12
- package/projects/af-connect-components/src/lib/faq/image-fallback/image-fallback.component.ts +0 -57
- package/projects/af-connect-components/src/lib/models/radio.model.ts +0 -3
- package/projects/af-connect-components/src/lib/services/breakpoint.service.ts +0 -10
- package/projects/af-connect-components/src/lib/utilities/number.util.ts +0 -3
- package/projects/af-connect-components/src/shared/pipes/get-initials.ts +0 -13
- package/projects/af-connect-components/src/styles/breakpoints.scss +0 -91
- package/projects/af-connect-components/tsconfig.lib.json +0 -14
- package/projects/af-connect-components/tsconfig.lib.prod.json +0 -10
- package/projects/af-connect-components/tsconfig.spec.json +0 -14
- package/tsconfig.json +0 -39
- /package/{projects/af-connect-components/src/lib/faq/faqItem.ts → lib/faq/faqItem.d.ts} +0 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, Host, Input, Optional, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export class AfConnectSectionHeaderComponent {
|
|
6
|
+
constructor(wrapper) {
|
|
7
|
+
this.wrapper = wrapper;
|
|
8
|
+
this.isStatic = true;
|
|
9
|
+
this.variant = 'default';
|
|
10
|
+
this.onClick = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() { }
|
|
13
|
+
toggleMobileContent() {
|
|
14
|
+
this.onClick.emit();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
AfConnectSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
AfConnectSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionHeaderComponent, selector: "lib-af-connect-section-header", inputs: { title: "title", isStatic: "isStatic", variant: "variant" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"header-container\" [ngClass]=\"[\r\n variant,\r\n isStatic ? 'isStatic' : 'isExpandable',\r\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n ]\" (click)=\"toggleMobileContent()\">\r\n <div class=\"section-wrapper\">\r\n <div class=\"{{variant}}\">\r\n {{ title }}\r\n </div>\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <div class=\"buttons-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'lib-af-connect-section-header', template: "<div class=\"header-container\" [ngClass]=\"[\r\n variant,\r\n isStatic ? 'isStatic' : 'isExpandable',\r\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n ]\" (click)=\"toggleMobileContent()\">\r\n <div class=\"section-wrapper\">\r\n <div class=\"{{variant}}\">\r\n {{ title }}\r\n </div>\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <div class=\"buttons-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"] }]
|
|
22
|
+
}], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
23
|
+
type: Host
|
|
24
|
+
}, {
|
|
25
|
+
type: Optional
|
|
26
|
+
}] }]; }, propDecorators: { title: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], isStatic: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], variant: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], onClick: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRixNQUFNLE9BQU8sK0JBQStCO0lBTTFDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSmpFLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUE0QixTQUFTLENBQUE7UUFDM0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdUMsQ0FBQztJQUUvRSxRQUFRLEtBQVcsQ0FBQztJQUVwQixtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs0SEFaVSwrQkFBK0I7Z0hBQS9CLCtCQUErQiw0S0NSNUMsd25CQWdCTTsyRkRSTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzswQkFVNUIsSUFBSTs7MEJBQUksUUFBUTs0Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2V4cGFuZGFibGUvYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzU3RhdGljOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAncG9ydGZvbGlvJyA9ICdkZWZhdWx0J1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIHB1YmxpYyB3cmFwcGVyOiBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIHRvZ2dsZU1vYmlsZUNvbnRlbnQoKSB7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIltcclxuIHZhcmlhbnQsXHJcbiAgICBpc1N0YXRpYyA/ICdpc1N0YXRpYycgOiAnaXNFeHBhbmRhYmxlJyxcclxuICAgICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPT09IHRydWUgPyAnZXhwYW5kZWQnIDogJycsXHJcbiAgICAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID09PSBmYWxzZSA/ICdjb2xsYXBzZWQnIDogJydcclxuICBdXCIgKGNsaWNrKT1cInRvZ2dsZU1vYmlsZUNvbnRlbnQoKVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ7e3ZhcmlhbnR9fVwiPlxyXG4gICAgICB7eyB0aXRsZSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImlzU3RhdGljXCIgY2xhc3M9XCJib3JkZXItbGluZVwiPjwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AfConnectSelectComponent {
|
|
4
|
+
}
|
|
5
|
+
AfConnectSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
AfConnectSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSelectComponent, selector: "lib-af-connect-select", ngImport: i0, template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\r\n\r\n <div class=\"field-container\">\r\n <div class=\"label-container\">\r\n <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n </label>\r\n <afc-form-validation-errors\r\n [control]=\"control\"\r\n [fieldText]=\"errorReferenceText || label\"\r\n ></afc-form-validation-errors>\r\n </div>\r\n <div class=\"input-container\">\r\n <input\r\n type=\"text\"\r\n class=\"field-container-input\"\r\n [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n [maxLength]=\"maxLength\"\r\n [ngClass]=\"[\r\n (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n size,\r\n dropdownOpen ? 'dropdown-open' : '',\r\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n filter ? 'filterable' : 'non-filterable'\r\n ]\"\r\n [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n [(ngModel)]=\"currentValue\"\r\n (blur)=\"onBlur()\"\r\n (ngModelChange)=\"onChange($event)\"\r\n />\r\n <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n <afc-expandable-arrow\r\n endPosition=\"top\"\r\n startPosition=\"bottom\"\r\n animationSpeed=\"fast\"\r\n ngClass=\"arrow\"\r\n [isExpanded]=\"dropdownOpen\"\r\n >\r\n </afc-expandable-arrow>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n </div>\r\n \r\n <ng-template #dropdownListItems let-type=\"type\">\r\n <ul\r\n class=\"dropdown-list\"\r\n role=\"listbox\"\r\n aria-expanded=\"false\"\r\n [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n >\r\n <ng-container\r\n *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n [ngTemplateOutlet]=\"virtualScroll\"\r\n ></ng-container>\r\n </ul>\r\n </ng-template>\r\n \r\n <ng-template #virtualScroll>\r\n <cdk-virtual-scroll-viewport\r\n class=\"select-menu-inner\"\r\n [appendOnly]=\"true\"\r\n [itemSize]=\"SizeEnum[size]\"\r\n [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n >\r\n <div\r\n class=\"list-item-container\"\r\n *cdkVirtualFor=\"let option of filteredOptions\"\r\n [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n (click)=\"select(option)\"\r\n >\r\n <img\r\n height=\"14\"\r\n width=\"26\"\r\n *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n />\r\n <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </ng-template>\r\n \r\n <ng-template #noDropdownData>\r\n <div class=\"dropdown-no-data\">No Data</div>\r\n </ng-template>\r\n -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'lib-af-connect-select', template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\r\n\r\n <div class=\"field-container\">\r\n <div class=\"label-container\">\r\n <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n </label>\r\n <afc-form-validation-errors\r\n [control]=\"control\"\r\n [fieldText]=\"errorReferenceText || label\"\r\n ></afc-form-validation-errors>\r\n </div>\r\n <div class=\"input-container\">\r\n <input\r\n type=\"text\"\r\n class=\"field-container-input\"\r\n [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n [maxLength]=\"maxLength\"\r\n [ngClass]=\"[\r\n (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n size,\r\n dropdownOpen ? 'dropdown-open' : '',\r\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n filter ? 'filterable' : 'non-filterable'\r\n ]\"\r\n [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n [(ngModel)]=\"currentValue\"\r\n (blur)=\"onBlur()\"\r\n (ngModelChange)=\"onChange($event)\"\r\n />\r\n <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n <afc-expandable-arrow\r\n endPosition=\"top\"\r\n startPosition=\"bottom\"\r\n animationSpeed=\"fast\"\r\n ngClass=\"arrow\"\r\n [isExpanded]=\"dropdownOpen\"\r\n >\r\n </afc-expandable-arrow>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n </div>\r\n \r\n <ng-template #dropdownListItems let-type=\"type\">\r\n <ul\r\n class=\"dropdown-list\"\r\n role=\"listbox\"\r\n aria-expanded=\"false\"\r\n [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n >\r\n <ng-container\r\n *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n [ngTemplateOutlet]=\"virtualScroll\"\r\n ></ng-container>\r\n </ul>\r\n </ng-template>\r\n \r\n <ng-template #virtualScroll>\r\n <cdk-virtual-scroll-viewport\r\n class=\"select-menu-inner\"\r\n [appendOnly]=\"true\"\r\n [itemSize]=\"SizeEnum[size]\"\r\n [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n >\r\n <div\r\n class=\"list-item-container\"\r\n *cdkVirtualFor=\"let option of filteredOptions\"\r\n [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n (click)=\"select(option)\"\r\n >\r\n <img\r\n height=\"14\"\r\n width=\"26\"\r\n *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n />\r\n <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </ng-template>\r\n \r\n <ng-template #noDropdownData>\r\n <div class=\"dropdown-no-data\">No Data</div>\r\n </ng-template>\r\n -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZEQ1ByQywrbkhBMEZNOzJGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWxlY3RDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb2xsZWN0aW9uXCIgW25nQ2xhc3NdPVwiW3NpemUsIChjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vdC1kaXNhYmxlZCcsXVwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigkZXZlbnQpXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWwtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbbmdDbGFzc109XCJbdmFyaWFudF1cIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICA8YWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnNcclxuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgICAgICAgW2ZpZWxkVGV4dF09XCJlcnJvclJlZmVyZW5jZVRleHQgfHwgbGFiZWxcIlxyXG4gICAgICAgID48L2FmYy1mb3JtLXZhbGlkYXRpb24tZXJyb3JzPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJmaWVsZC1jb250YWluZXItaW5wdXRcIlxyXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihpc1JlYWRPbmx5ICYmIHJlYWRPbmx5UGxhY2Vob2xkZXIpIHx8IHBsYWNlaG9sZGVyXCJcclxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm90LWRpc2FibGVkJyxcclxuICAgICAgICAgICAgc2l6ZSxcclxuICAgICAgICAgICAgZHJvcGRvd25PcGVuID8gJ2Ryb3Bkb3duLW9wZW4nIDogJycsXHJcbiAgICAgICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXHJcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcclxuICAgICAgICAgIF1cIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIihjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seScgfHwgaXNSZWFkT25seVwiXHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXHJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIiAqbmdJZj1cInZhcmlhbnQgIT09ICdyZWFkLW9ubHknXCI+XHJcbiAgICAgICAgICA8YWZjLWV4cGFuZGFibGUtYXJyb3dcclxuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICBzdGFydFBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgICAgICAgICAgYW5pbWF0aW9uU3BlZWQ9XCJmYXN0XCJcclxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcclxuICAgICAgICAgICAgW2lzRXhwYW5kZWRdPVwiZHJvcGRvd25PcGVuXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiBcclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcm9wZG93bkxpc3RJdGVtczsgY29udGV4dDogeyB0eXBlIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI2Ryb3Bkb3duTGlzdEl0ZW1zIGxldC10eXBlPVwidHlwZVwiPlxyXG4gICAgPHVsXHJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24tbGlzdFwiXHJcbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcclxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcclxuICAgICAgW0BzZWxlY3RBbmltYXRpb25dPVwiZHJvcGRvd25PcGVuID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnZHJvcGRvd24tb3Blbic6IGRyb3Bkb3duT3BlbiB9XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiZmlsdGVyZWRPcHRpb25zLmxlbmd0aCAhPT0gMDsgZWxzZSBub0Ryb3Bkb3duRGF0YVwiXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvdWw+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI3ZpcnR1YWxTY3JvbGw+XHJcbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XHJcbiAgICAgIGNsYXNzPVwic2VsZWN0LW1lbnUtaW5uZXJcIlxyXG4gICAgICBbYXBwZW5kT25seV09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxyXG4gICAgICBbbWluQnVmZmVyUHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxyXG4gICAgICAgICpjZGtWaXJ0dWFsRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIltjdXJyZW50VmFsdWUgPT09IG9wdGlvbiA/ICdzZWxlY3RlZCcgOiAnJywgc2l6ZV1cIlxyXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nXHJcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXHJcbiAgICAgICAgICB3aWR0aD1cIjI2XCJcclxuICAgICAgICAgICpuZ0lmPVwiKHR5cGUgPT09ICdjb3VudHJ5JyB8fCB0eXBlID09PSAnY291bnRyeS1jb2RlJykgJiYgb3B0aW9uWydjb3VudHJ5Q29kZSddXCJcclxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8bGkgdGFiaW5kZXg9XCIwXCIgcm9sZT1cIm9wdGlvblwiIFtpbm5lckhUTUxdPVwidmFsdWVGaWVsZCAmJiB0ZXh0RmllbGQgPyBvcHRpb25bdGV4dEZpZWxkXSA6IG9wdGlvblwiPjwvbGk+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI25vRHJvcGRvd25EYXRhPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW5vLWRhdGFcIj5ObyBEYXRhPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICAgLS0+Il19
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class AfConnectSvgButtonComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.size = 'none';
|
|
7
|
+
this.clickBtn = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
}
|
|
11
|
+
AfConnectSvgButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
AfConnectSvgButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: { src: "src", emitValue: "emitValue", customSize: "customSize", size: "size" }, outputs: { clickBtn: "clickBtn" }, ngImport: i0, template: "<img\r\n [class]=\"['svg', size]\"\r\n [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n (click)=\"this.clickBtn.emit(emitValue)\"\r\n [src]=\"src\"\r\n/>\r\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'lib-af-connect-svg-button', template: "<img\r\n [class]=\"['svg', size]\"\r\n [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n (click)=\"this.clickBtn.emit(emitValue)\"\r\n [src]=\"src\"\r\n/>\r\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"] }]
|
|
16
|
+
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], emitValue: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], customSize: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], size: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], clickBtn: [{
|
|
25
|
+
type: Output
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLFNBQUksR0FBMEMsTUFBTSxDQUFDO1FBRXBELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUN4QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzt3SEFUUiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw0TENSeEMsOEtBTUE7MkZERWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc3ZnLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZW1pdFZhbHVlOiBFbWl0VmFsdWU7XHJcbiAgQElucHV0KCkgY3VzdG9tU2l6ZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbm9uZScgPSAnbm9uZSc7XHJcblxyXG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8aW1nXHJcbiAgW2NsYXNzXT1cIlsnc3ZnJywgc2l6ZV1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGN1c3RvbVNpemUsIGhlaWdodDogY3VzdG9tU2l6ZSB9XCJcclxuICAoY2xpY2spPVwidGhpcy5jbGlja0J0bi5lbWl0KGVtaXRWYWx1ZSlcIlxyXG4gIFtzcmNdPVwic3JjXCJcclxuLz5cclxuIl19
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AfConnectTabComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isActive = false;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
AfConnectTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
AfConnectTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabComponent, selector: "lib-af-connect-tab", inputs: { label: "label", isActive: "isActive", tabButtons: "tabButtons" }, ngImport: i0, template: "<div [hidden]=\"!isActive\">\r\n <ng-content></ng-content>\r\n </div>\r\n ", styles: [""] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'lib-af-connect-tab', template: "<div [hidden]=\"!isActive\">\r\n <ng-content></ng-content>\r\n </div>\r\n " }]
|
|
13
|
+
}], propDecorators: { label: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}], isActive: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], tabButtons: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}] } });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRXBDOztrSEFKWSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzSUNObEMsaUZBR0U7MkZER1cscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFiJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFiLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRhYkJ1dHRvbnM6IFRlbXBsYXRlUmVmPGFueT47XHJcbn1cclxuIiwiPGRpdiBbaGlkZGVuXT1cIiFpc0FjdGl2ZVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AfConnectTableComponent {
|
|
4
|
+
}
|
|
5
|
+
AfConnectTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
AfConnectTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTableComponent, selector: "lib-af-connect-table", ngImport: i0, template: "<p>af-connect-table works!</p>\r\n", styles: [""] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'lib-af-connect-table', template: "<p>af-connect-table works!</p>\r\n" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRhYmxlL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJsZS9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1Qiw0RENQcEMsb0NBQ0E7MkZETWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFibGVDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8cD5hZi1jb25uZWN0LXRhYmxlIHdvcmtzITwvcD5cclxuIl19
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { Component, ContentChildren, ElementRef, ViewChild, ViewChildren, Output, EventEmitter, Input, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
import { debounceTime, fromEvent, Subscription } from 'rxjs';
|
|
3
|
+
import { AfConnectTabComponent } from '../af-connect-tab/af-connect-tab.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class AfConnectTabsComponent {
|
|
7
|
+
constructor(cdr) {
|
|
8
|
+
this.cdr = cdr;
|
|
9
|
+
this.subs = new Subscription();
|
|
10
|
+
this.activeTabSelected = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
ngOnDestroy() {
|
|
13
|
+
this.subs.unsubscribe();
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.subs.add(fromEvent(window, 'resize')
|
|
17
|
+
.pipe(debounceTime(50))
|
|
18
|
+
.subscribe(() => {
|
|
19
|
+
this.triggerSlider(this.activeTabIndex);
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
ngAfterContentChecked() {
|
|
23
|
+
if (!this.selectedTabIndex) {
|
|
24
|
+
const activeTab = this.tabs.find((tab) => tab.isActive);
|
|
25
|
+
if (!activeTab) {
|
|
26
|
+
const firstTab = this.tabs.first;
|
|
27
|
+
firstTab.isActive = true;
|
|
28
|
+
this.activeTabIndex = 0;
|
|
29
|
+
this.activeTabSelected.emit(0);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.setActiveLabel();
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
ngAfterViewChecked() {
|
|
37
|
+
if (!this.activeTabIndex) {
|
|
38
|
+
this.triggerSlider(0);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
get activeTab() {
|
|
42
|
+
return this.tabs.find((tab) => tab.isActive) || this.tabs.first;
|
|
43
|
+
}
|
|
44
|
+
activateTab(selectedTab, index) {
|
|
45
|
+
this.tabs.forEach((tab) => {
|
|
46
|
+
tab.isActive = tab === selectedTab;
|
|
47
|
+
});
|
|
48
|
+
this.activeTabIndex = index;
|
|
49
|
+
this.triggerSlider(index);
|
|
50
|
+
this.activeTabSelected.emit(index);
|
|
51
|
+
}
|
|
52
|
+
triggerSlider(i) {
|
|
53
|
+
const activeTabRef = this.tabsRefs.get(i);
|
|
54
|
+
this.slider.nativeElement.style.left = `${activeTabRef?.nativeElement.offsetLeft}px`;
|
|
55
|
+
this.slider.nativeElement.style.width = `${activeTabRef?.nativeElement.offsetWidth}px`;
|
|
56
|
+
}
|
|
57
|
+
setActiveLabel() {
|
|
58
|
+
this.tabs.find((tab, i) => {
|
|
59
|
+
const foundTab = i === this.selectedTabIndex;
|
|
60
|
+
if (foundTab) {
|
|
61
|
+
this.activeTabIndex = i;
|
|
62
|
+
tab.isActive = true;
|
|
63
|
+
}
|
|
64
|
+
return foundTab;
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
AfConnectTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
AfConnectTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabsComponent, selector: "lib-af-connect-tabs", inputs: { selectedTabIndex: "selectedTabIndex" }, outputs: { activeTabSelected: "activeTabSelected" }, queries: [{ propertyName: "tabs", predicate: AfConnectTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, read: ElementRef }, { propertyName: "tabsRefs", predicate: ["tab"], descendants: true, read: ElementRef }], ngImport: i0, template: "<nav class=\"tabs-nav\">\r\n <ul class=\"nav-list\">\r\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n {{ tab.label }}\r\n </button>\r\n </li>\r\n <span #slider class=\"slider\"></span>\r\n </ul>\r\n <div class=\"nav-action-buttons\">\r\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n </div>\r\n </nav>\r\n <ng-content></ng-content>\r\n ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, decorators: [{
|
|
71
|
+
type: Component,
|
|
72
|
+
args: [{ selector: 'lib-af-connect-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"tabs-nav\">\r\n <ul class=\"nav-list\">\r\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n {{ tab.label }}\r\n </button>\r\n </li>\r\n <span #slider class=\"slider\"></span>\r\n </ul>\r\n <div class=\"nav-action-buttons\">\r\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n </div>\r\n </nav>\r\n <ng-content></ng-content>\r\n ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"] }]
|
|
73
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabs: [{
|
|
74
|
+
type: ContentChildren,
|
|
75
|
+
args: [AfConnectTabComponent]
|
|
76
|
+
}], slider: [{
|
|
77
|
+
type: ViewChild,
|
|
78
|
+
args: ['slider', { read: ElementRef }]
|
|
79
|
+
}], tabsRefs: [{
|
|
80
|
+
type: ViewChildren,
|
|
81
|
+
args: ['tab', { read: ElementRef }]
|
|
82
|
+
}], selectedTabIndex: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], activeTabSelected: [{
|
|
85
|
+
type: Output
|
|
86
|
+
}] } });
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdGFicy9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJzL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBRVYsU0FBUyxFQUNULFlBQVksRUFFWixNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFRbkYsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQyxZQUFtQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUZsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU12QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSmIsQ0FBQztJQU03QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNYLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDdEIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUNMLENBQUM7SUFDSixDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDMUIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUNkLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO2dCQUNqQyxRQUFRLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEM7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNsRSxDQUFDO0lBRUQsV0FBVyxDQUFDLFdBQWtDLEVBQUUsS0FBYTtRQUMzRCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ3hCLEdBQUcsQ0FBQyxRQUFRLEdBQUcsR0FBRyxLQUFLLFdBQVcsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1FBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRU8sYUFBYSxDQUFDLENBQVM7UUFDN0IsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLFlBQVksRUFBRSxhQUFhLENBQUMsVUFBVSxJQUFJLENBQUM7UUFDckYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxHQUFHLFlBQVksRUFBRSxhQUFhLENBQUMsV0FBVyxJQUFJLENBQUM7SUFDekYsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDeEIsTUFBTSxRQUFRLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztZQUM3QyxJQUFJLFFBQVEsRUFBRTtnQkFDWixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztnQkFDeEIsR0FBRyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7YUFDckI7WUFDRCxPQUFPLFFBQVEsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O21IQTNFVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix1TEFDaEIscUJBQXFCLDBHQUNULFVBQVUsNkVBQ1YsVUFBVSw2QkMxQnpDLDRpQkFjRTsyRkRTVyxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07d0dBR1AsSUFBSTtzQkFBM0MsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBQ0ssTUFBTTtzQkFBaEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxELFlBQVk7dUJBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFNaEMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBFbGVtZW50UmVmLFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0NoaWxkcmVuLFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZnJvbUV2ZW50LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQWZDb25uZWN0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFicycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIEBDb250ZW50Q2hpbGRyZW4oQWZDb25uZWN0VGFiQ29tcG9uZW50KSB0YWJzOiBRdWVyeUxpc3Q8QWZDb25uZWN0VGFiQ29tcG9uZW50PjtcclxuICBAVmlld0NoaWxkKCdzbGlkZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgc2xpZGVyOiBFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD47XHJcbiAgQFZpZXdDaGlsZHJlbigndGFiJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHRhYnNSZWZzOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MTElFbGVtZW50Pj47XHJcbiAgcHVibGljIGFjdGl2ZVRhYkluZGV4OiBudW1iZXI7XHJcbiAgcHVibGljIHN1YnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBASW5wdXQoKSBzZWxlY3RlZFRhYkluZGV4OiBudW1iZXI7XHJcblxyXG4gIEBPdXRwdXQoKSBhY3RpdmVUYWJTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vicy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnN1YnMuYWRkKFxyXG4gICAgICBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJylcclxuICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoNTApKVxyXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKHRoaXMuYWN0aXZlVGFiSW5kZXgpO1xyXG4gICAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCkge1xyXG4gICAgaWYgKCF0aGlzLnNlbGVjdGVkVGFiSW5kZXgpIHtcclxuICAgICAgY29uc3QgYWN0aXZlVGFiID0gdGhpcy50YWJzLmZpbmQoKHRhYikgPT4gdGFiLmlzQWN0aXZlKTtcclxuICAgICAgaWYgKCFhY3RpdmVUYWIpIHtcclxuICAgICAgICBjb25zdCBmaXJzdFRhYiA9IHRoaXMudGFicy5maXJzdDtcclxuICAgICAgICBmaXJzdFRhYi5pc0FjdGl2ZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IDA7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KDApO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNldEFjdGl2ZUxhYmVsKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuYWN0aXZlVGFiSW5kZXgpIHtcclxuICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKDApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGFjdGl2ZVRhYigpIHtcclxuICAgIHJldHVybiB0aGlzLnRhYnMuZmluZCgodGFiKSA9PiB0YWIuaXNBY3RpdmUpIHx8IHRoaXMudGFicy5maXJzdDtcclxuICB9XHJcblxyXG4gIGFjdGl2YXRlVGFiKHNlbGVjdGVkVGFiOiBBZkNvbm5lY3RUYWJDb21wb25lbnQsIGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWIpID0+IHtcclxuICAgICAgdGFiLmlzQWN0aXZlID0gdGFiID09PSBzZWxlY3RlZFRhYjtcclxuICAgIH0pO1xyXG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4O1xyXG4gICAgdGhpcy50cmlnZ2VyU2xpZGVyKGluZGV4KTtcclxuICAgIHRoaXMuYWN0aXZlVGFiU2VsZWN0ZWQuZW1pdChpbmRleCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHRyaWdnZXJTbGlkZXIoaTogbnVtYmVyKSB7XHJcbiAgICBjb25zdCBhY3RpdmVUYWJSZWYgPSB0aGlzLnRhYnNSZWZzLmdldChpKTtcclxuICAgIHRoaXMuc2xpZGVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRMZWZ0fXB4YDtcclxuICAgIHRoaXMuc2xpZGVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUud2lkdGggPSBgJHthY3RpdmVUYWJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGh9cHhgO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRBY3RpdmVMYWJlbCgpIHtcclxuICAgIHRoaXMudGFicy5maW5kKCh0YWIsIGkpID0+IHtcclxuICAgICAgY29uc3QgZm91bmRUYWIgPSBpID09PSB0aGlzLnNlbGVjdGVkVGFiSW5kZXg7XHJcbiAgICAgIGlmIChmb3VuZFRhYikge1xyXG4gICAgICAgIHRoaXMuYWN0aXZlVGFiSW5kZXggPSBpO1xyXG4gICAgICAgIHRhYi5pc0FjdGl2ZSA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIGZvdW5kVGFiO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxuYXYgY2xhc3M9XCJ0YWJzLW5hdlwiPlxyXG4gICAgPHVsIGNsYXNzPVwibmF2LWxpc3RcIj5cclxuICAgICAgPGxpICN0YWIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJuYXYtaXRlbVwiIFtjbGFzcy5hY3RpdmVdPVwidGFiLmlzQWN0aXZlXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm5hdi1idXR0b25cIiAoY2xpY2spPVwiYWN0aXZhdGVUYWIodGFiLCBpKVwiPlxyXG4gICAgICAgICAge3sgdGFiLmxhYmVsIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvbGk+XHJcbiAgICAgIDxzcGFuICNzbGlkZXIgY2xhc3M9XCJzbGlkZXJcIj48L3NwYW4+XHJcbiAgICA8L3VsPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5hdi1hY3Rpb24tYnV0dG9uc1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFjdGl2ZVRhYi50YWJCdXR0b25zXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L25hdj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgIl19
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class AfConnectToasterMessageComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.size = 'small';
|
|
7
|
+
this.timer = 5000;
|
|
8
|
+
this.onClose = new EventEmitter();
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
setTimeout(() => this.onClose.emit(), this.timer);
|
|
12
|
+
}
|
|
13
|
+
closeToast() {
|
|
14
|
+
this.onClose.emit();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
AfConnectToasterMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
AfConnectToasterMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectToasterMessageComponent, selector: "lib-af-connect-toaster-message", inputs: { message: "message", src: "src", size: "size", timer: "timer" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"toaster-container\">\r\n <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n <span class=\"toaster-message\">{{ message }}</span>\r\n <afc-svg-button\r\n ngClass=\"close-btn\"\r\n size=\"medium\"\r\n src=\"/assets/icons/delete.svg\"\r\n emitValue=\"isCloseModal\"\r\n (clickBtn)=\"closeToast()\"\r\n >\r\n </afc-svg-button>\r\n </div>\r\n ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.toaster-container{border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;box-shadow:0 3px 6px #00000029;border-left:8px solid var(--primary-orange-mobile-color);justify-content:space-between}.toaster-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center;line-height:2;margin:0 auto 0 0}.close-btn{line-height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'lib-af-connect-toaster-message', template: "<div class=\"toaster-container\">\r\n <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n <span class=\"toaster-message\">{{ message }}</span>\r\n <afc-svg-button\r\n ngClass=\"close-btn\"\r\n size=\"medium\"\r\n src=\"/assets/icons/delete.svg\"\r\n emitValue=\"isCloseModal\"\r\n (clickBtn)=\"closeToast()\"\r\n >\r\n </afc-svg-button>\r\n </div>\r\n ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.toaster-container{border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;box-shadow:0 3px 6px #00000029;border-left:8px solid var(--primary-orange-mobile-color);justify-content:space-between}.toaster-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center;line-height:2;margin:0 auto 0 0}.close-btn{line-height:0}\n"] }]
|
|
22
|
+
}], propDecorators: { message: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], src: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], size: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], timer: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], onClose: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUFRVyxTQUFJLEdBQWlDLE9BQU8sQ0FBQztRQUM3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ1osWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FTakQ7SUFQQyxRQUFRO1FBQ04sVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs2SEFiVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxpTENQN0MsNFlBWUU7MkZETFcsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzs4QkFLMUIsT0FBTztzQkFBdEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRvYXN0ZXJNZXNzYWdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgpIHRpbWVyID0gNTAwMDtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZS5lbWl0KCksIHRoaXMudGltZXIpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xvc2VUb2FzdCgpIHtcclxuICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0b2FzdGVyLWNvbnRhaW5lclwiPlxyXG4gICAgPGltZyBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiIFtzcmNdPVwic3JjXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwidG9hc3Rlci1tZXNzYWdlXCI+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cclxuICAgIDxhZmMtc3ZnLWJ1dHRvblxyXG4gICAgICBuZ0NsYXNzPVwiY2xvc2UtYnRuXCJcclxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXHJcbiAgICAgIHNyYz1cIi9hc3NldHMvaWNvbnMvZGVsZXRlLnN2Z1wiXHJcbiAgICAgIGVtaXRWYWx1ZT1cImlzQ2xvc2VNb2RhbFwiXHJcbiAgICAgIChjbGlja0J0bik9XCJjbG9zZVRvYXN0KClcIlxyXG4gICAgPlxyXG4gICAgPC9hZmMtc3ZnLWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { Component, Input, forwardRef, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { toggleButtonAnimation, toggleBackgroundAnimation } from '../constants/animation.constants';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
const NEUTRAL_BUTTON_COLOR = '#F3F3F3';
|
|
7
|
+
export class AfConnectToggleButtonComponent {
|
|
8
|
+
constructor(injector, cdr) {
|
|
9
|
+
this.injector = injector;
|
|
10
|
+
this.cdr = cdr;
|
|
11
|
+
this.disabled = true;
|
|
12
|
+
this.withForm = false;
|
|
13
|
+
this.onStateBackground = 'var(--primary-connected-orange-color)';
|
|
14
|
+
this.position = 'off';
|
|
15
|
+
this.variant = 'ball';
|
|
16
|
+
this.clickBtn = new EventEmitter();
|
|
17
|
+
this.propagateChange = (_) => { };
|
|
18
|
+
this.propagateTouch = (_) => { };
|
|
19
|
+
}
|
|
20
|
+
togglePosition() {
|
|
21
|
+
if (this.position === 'on')
|
|
22
|
+
this.position = 'off';
|
|
23
|
+
else
|
|
24
|
+
this.position = 'on';
|
|
25
|
+
this.propagateChange(this.position === 'on');
|
|
26
|
+
}
|
|
27
|
+
ngAfterViewInit() {
|
|
28
|
+
if (this.withForm) {
|
|
29
|
+
const ngControl = this.injector.get(NgControl);
|
|
30
|
+
if (ngControl) {
|
|
31
|
+
this.control = ngControl.control;
|
|
32
|
+
this.cdr.detectChanges();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
writeValue() { }
|
|
37
|
+
registerOnChange(fn) {
|
|
38
|
+
this.propagateChange = fn;
|
|
39
|
+
}
|
|
40
|
+
registerOnTouched(fn) {
|
|
41
|
+
this.propagateTouch = fn;
|
|
42
|
+
}
|
|
43
|
+
onBlur() {
|
|
44
|
+
this.propagateTouch();
|
|
45
|
+
}
|
|
46
|
+
setDisabledState(disabled) {
|
|
47
|
+
this.disabled = disabled;
|
|
48
|
+
}
|
|
49
|
+
getButtonStyles() {
|
|
50
|
+
if (this.variant === 'full')
|
|
51
|
+
return {
|
|
52
|
+
background: this.background || NEUTRAL_BUTTON_COLOR,
|
|
53
|
+
width: '152px',
|
|
54
|
+
height: '32px',
|
|
55
|
+
borderRadius: '16px'
|
|
56
|
+
};
|
|
57
|
+
else
|
|
58
|
+
return {
|
|
59
|
+
background: this.position === 'on' ? this.onStateBackground : this.offStateBackground
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
getToggleBallStyles() {
|
|
63
|
+
if (this.variant === 'full')
|
|
64
|
+
return {
|
|
65
|
+
background: '#15808D',
|
|
66
|
+
width: '76px',
|
|
67
|
+
height: '32px',
|
|
68
|
+
borderRadius: '16px',
|
|
69
|
+
margin: 0
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
getOnStateTextStyles() {
|
|
73
|
+
if (this.variant === 'full')
|
|
74
|
+
return {
|
|
75
|
+
zIndex: '2',
|
|
76
|
+
fontSize: '14px',
|
|
77
|
+
marginLeft: '19px',
|
|
78
|
+
color: this.position === 'on' ? '#707070' : '#fff'
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
getOffStateTextStyles() {
|
|
82
|
+
if (this.variant === 'full')
|
|
83
|
+
return {
|
|
84
|
+
zIndex: '2',
|
|
85
|
+
fontSize: '14px',
|
|
86
|
+
marginLeft: '16px',
|
|
87
|
+
color: this.position === 'off' ? '#707070' : '#fff'
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
AfConnectToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToggleButtonComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
+
AfConnectToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectToggleButtonComponent, selector: "lib-af-connect-toggle-button", inputs: { emitValue: "emitValue", label: "label", disabled: "disabled", withForm: "withForm", onStateBackground: "onStateBackground", offStateBackground: "offStateBackground", onStateText: "onStateText", offStateText: "offStateText", background: "background", position: "position", variant: "variant" }, outputs: { clickBtn: "clickBtn" }, providers: [
|
|
93
|
+
{
|
|
94
|
+
provide: NG_VALUE_ACCESSOR,
|
|
95
|
+
useExisting: forwardRef(() => AfConnectToggleButtonComponent),
|
|
96
|
+
multi: true
|
|
97
|
+
}
|
|
98
|
+
], ngImport: i0, template: "<label>{{ label }}</label>\r\n<button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n [disabled]=\"disabled\"\r\n [ngStyle]=\"getButtonStyles()\">\r\n <span\r\n *ngIf=\"onStateText\"\r\n [ngStyle]=\"getOnStateTextStyles() || null\"\r\n class=\"onStateText\">\r\n {{onStateText}}\r\n </span>\r\n <div\r\n class=\"toggle-ball\"\r\n [@toggleButton]=\"position\"\r\n [ngStyle]=\"getToggleBallStyles() || null\">\r\n </div>\r\n <span\r\n *ngIf=\"offStateText\"\r\n [ngStyle]=\"getOffStateTextStyles() || null\"\r\n class=\"offStateText\"> \r\n {{offStateText}}\r\n </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:-moz-fit-content;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:white;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [toggleButtonAnimation, toggleBackgroundAnimation] });
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToggleButtonComponent, decorators: [{
|
|
100
|
+
type: Component,
|
|
101
|
+
args: [{ selector: 'lib-af-connect-toggle-button', animations: [toggleButtonAnimation, toggleBackgroundAnimation], providers: [
|
|
102
|
+
{
|
|
103
|
+
provide: NG_VALUE_ACCESSOR,
|
|
104
|
+
useExisting: forwardRef(() => AfConnectToggleButtonComponent),
|
|
105
|
+
multi: true
|
|
106
|
+
}
|
|
107
|
+
], template: "<label>{{ label }}</label>\r\n<button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n [disabled]=\"disabled\"\r\n [ngStyle]=\"getButtonStyles()\">\r\n <span\r\n *ngIf=\"onStateText\"\r\n [ngStyle]=\"getOnStateTextStyles() || null\"\r\n class=\"onStateText\">\r\n {{onStateText}}\r\n </span>\r\n <div\r\n class=\"toggle-ball\"\r\n [@toggleButton]=\"position\"\r\n [ngStyle]=\"getToggleBallStyles() || null\">\r\n </div>\r\n <span\r\n *ngIf=\"offStateText\"\r\n [ngStyle]=\"getOffStateTextStyles() || null\"\r\n class=\"offStateText\"> \r\n {{offStateText}}\r\n </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:-moz-fit-content;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:white;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"] }]
|
|
108
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { emitValue: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], label: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], disabled: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], withForm: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], onStateBackground: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], offStateBackground: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], onStateText: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], offStateText: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], background: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], position: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], variant: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], clickBtn: [{
|
|
131
|
+
type: Output
|
|
132
|
+
}] } });
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFZLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFlLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFHcEcsTUFBTSxvQkFBb0IsR0FBRyxTQUFTLENBQUM7QUFldkMsTUFBTSxPQUFPLDhCQUE4QjtJQWV6QyxZQUFvQixRQUFrQixFQUFVLEdBQXNCO1FBQWxELGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVo3RCxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsc0JBQWlCLEdBQVcsdUNBQXVDLENBQUM7UUFLcEUsYUFBUSxHQUFpQixLQUFLLENBQUM7UUFDL0IsWUFBTyxHQUFvQixNQUFNLENBQUM7UUFDakMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBc0IvQyxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBcEJvQixDQUFDO0lBRW5FLGNBQWM7UUFDbkIsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUk7WUFBRSxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQzs7WUFDN0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFFMUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFNLFNBQVMsR0FBYyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBWSxTQUFTLENBQUMsQ0FBQztZQUNyRSxJQUFJLFNBQVMsRUFBRTtnQkFDYixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxPQUFzQixDQUFDO2dCQUNoRCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO2FBQzFCO1NBQ0Y7SUFDSCxDQUFDO0lBS00sVUFBVSxLQUFVLENBQUM7SUFFckIsZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBTztRQUM5QixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsUUFBaUI7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLE1BQU07WUFDekIsT0FBTztnQkFDTCxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVUsSUFBSSxvQkFBb0I7Z0JBQ25ELEtBQUssRUFBRSxPQUFPO2dCQUNkLE1BQU0sRUFBRSxNQUFNO2dCQUNkLFlBQVksRUFBRSxNQUFNO2FBQ3JCLENBQUM7O1lBRUYsT0FBTztnQkFDTCxVQUFVLEVBQUUsSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQjthQUN0RixDQUFDO0lBQ04sQ0FBQztJQUVNLG1CQUFtQjtRQUN4QixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTTtZQUN6QixPQUFPO2dCQUNMLFVBQVUsRUFBRSxTQUFTO2dCQUNyQixLQUFLLEVBQUUsTUFBTTtnQkFDYixNQUFNLEVBQUUsTUFBTTtnQkFDZCxZQUFZLEVBQUUsTUFBTTtnQkFDcEIsTUFBTSxFQUFFLENBQUM7YUFDVixDQUFDO0lBQ04sQ0FBQztJQUVNLG9CQUFvQjtRQUN6QixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTTtZQUN6QixPQUFPO2dCQUNMLE1BQU0sRUFBRSxHQUFHO2dCQUNYLFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsTUFBTTtnQkFDbEIsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU07YUFDbkQsQ0FBQztJQUNOLENBQUM7SUFFTSxxQkFBcUI7UUFDMUIsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLE1BQU07WUFDekIsT0FBTztnQkFDTCxNQUFNLEVBQUUsR0FBRztnQkFDWCxRQUFRLEVBQUUsTUFBTTtnQkFDaEIsVUFBVSxFQUFFLE1BQU07Z0JBQ2xCLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNO2FBQ3BELENBQUM7SUFDTixDQUFDOzsySEFsR1UsOEJBQThCOytHQUE5Qiw4QkFBOEIsMFlBUjlCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsOEJBQThCLENBQUM7WUFDN0QsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2xCSCxvMUJBeUJ5RiwrMkJEZDNFLENBQUMscUJBQXFCLEVBQUUseUJBQXlCLENBQUM7MkZBU25ELDhCQUE4QjtrQkFiMUMsU0FBUzsrQkFDRSw4QkFBOEIsY0FHNUIsQ0FBQyxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQyxhQUNuRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwrQkFBK0IsQ0FBQzs0QkFDN0QsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7K0hBR1EsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmLCBJbmplY3RvciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIE5nQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IHRvZ2dsZUJ1dHRvbkFuaW1hdGlvbiwgdG9nZ2xlQmFja2dyb3VuZEFuaW1hdGlvbiB9IGZyb20gJy4uL2NvbnN0YW50cy9hbmltYXRpb24uY29uc3RhbnRzJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuXHJcbmNvbnN0IE5FVVRSQUxfQlVUVE9OX0NPTE9SID0gJyNGM0YzRjMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbdG9nZ2xlQnV0dG9uQW5pbWF0aW9uLCB0b2dnbGVCYWNrZ3JvdW5kQW5pbWF0aW9uXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VG9nZ2xlQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBlbWl0VmFsdWU6IEVtaXRWYWx1ZTtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gdHJ1ZTtcclxuICBASW5wdXQoKSB3aXRoRm9ybSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG9uU3RhdGVCYWNrZ3JvdW5kOiBzdHJpbmcgPSAndmFyKC0tcHJpbWFyeS1jb25uZWN0ZWQtb3JhbmdlLWNvbG9yKSc7XHJcbiAgQElucHV0KCkgb2ZmU3RhdGVCYWNrZ3JvdW5kOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgb25TdGF0ZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBvZmZTdGF0ZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcG9zaXRpb246ICdvbicgfCAnb2ZmJyA9ICdvZmYnO1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdiYWxsJyB8ICdmdWxsJyA9ICdiYWxsJztcclxuICBAT3V0cHV0KCkgY2xpY2tCdG4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IG51bGw+KCk7XHJcbiAgcHVibGljIGNvbnRyb2w6IEZvcm1Db250cm9sO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlUG9zaXRpb24oKSB7XHJcbiAgICBpZiAodGhpcy5wb3NpdGlvbiA9PT0gJ29uJykgdGhpcy5wb3NpdGlvbiA9ICdvZmYnO1xyXG4gICAgZWxzZSB0aGlzLnBvc2l0aW9uID0gJ29uJztcclxuXHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnBvc2l0aW9uID09PSAnb24nKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy53aXRoRm9ybSkge1xyXG4gICAgICBjb25zdCBuZ0NvbnRyb2w6IE5nQ29udHJvbCA9IHRoaXMuaW5qZWN0b3IuZ2V0PE5nQ29udHJvbD4oTmdDb250cm9sKTtcclxuICAgICAgaWYgKG5nQ29udHJvbCkge1xyXG4gICAgICAgIHRoaXMuY29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIEZvcm1Db250cm9sO1xyXG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2U6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVUb3VjaDogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcclxuXHJcbiAgcHVibGljIHdyaXRlVmFsdWUoKTogdm9pZCB7fVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoKCk7XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldEJ1dHRvblN0eWxlcygpOiBPYmplY3Qge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMuYmFja2dyb3VuZCB8fCBORVVUUkFMX0JVVFRPTl9DT0xPUixcclxuICAgICAgICB3aWR0aDogJzE1MnB4JyxcclxuICAgICAgICBoZWlnaHQ6ICczMnB4JyxcclxuICAgICAgICBib3JkZXJSYWRpdXM6ICcxNnB4J1xyXG4gICAgICB9O1xyXG4gICAgZWxzZVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMucG9zaXRpb24gPT09ICdvbicgPyB0aGlzLm9uU3RhdGVCYWNrZ3JvdW5kIDogdGhpcy5vZmZTdGF0ZUJhY2tncm91bmRcclxuICAgICAgfTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRUb2dnbGVCYWxsU3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6ICcjMTU4MDhEJyxcclxuICAgICAgICB3aWR0aDogJzc2cHgnLFxyXG4gICAgICAgIGhlaWdodDogJzMycHgnLFxyXG4gICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnLFxyXG4gICAgICAgIG1hcmdpbjogMFxyXG4gICAgICB9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldE9uU3RhdGVUZXh0U3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHpJbmRleDogJzInLFxyXG4gICAgICAgIGZvbnRTaXplOiAnMTRweCcsXHJcbiAgICAgICAgbWFyZ2luTGVmdDogJzE5cHgnLFxyXG4gICAgICAgIGNvbG9yOiB0aGlzLnBvc2l0aW9uID09PSAnb24nID8gJyM3MDcwNzAnIDogJyNmZmYnXHJcbiAgICAgIH07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0T2ZmU3RhdGVUZXh0U3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHpJbmRleDogJzInLFxyXG4gICAgICAgIGZvbnRTaXplOiAnMTRweCcsXHJcbiAgICAgICAgbWFyZ2luTGVmdDogJzE2cHgnLFxyXG4gICAgICAgIGNvbG9yOiB0aGlzLnBvc2l0aW9uID09PSAnb2ZmJyA/ICcjNzA3MDcwJyA6ICcjZmZmJ1xyXG4gICAgICB9O1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWw+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG48YnV0dG9uXHJcbiAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgIGNsYXNzPVwidG9nZ2xlLWJ1dHRvblwiXHJcbiAgICAoY2xpY2spPVwidGhpcy5jbGlja0J0bi5lbWl0KGVtaXRWYWx1ZSk7IHRvZ2dsZVBvc2l0aW9uKCk7XCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbbmdTdHlsZV09XCJnZXRCdXR0b25TdHlsZXMoKVwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIm9uU3RhdGVUZXh0XCJcclxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPblN0YXRlVGV4dFN0eWxlcygpIHx8IG51bGxcIlxyXG4gICAgICAgIGNsYXNzPVwib25TdGF0ZVRleHRcIj5cclxuICAgICAgICB7e29uU3RhdGVUZXh0fX1cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJ0b2dnbGUtYmFsbFwiXHJcbiAgICAgIFtAdG9nZ2xlQnV0dG9uXT1cInBvc2l0aW9uXCJcclxuICAgICAgW25nU3R5bGVdPVwiZ2V0VG9nZ2xlQmFsbFN0eWxlcygpIHx8IG51bGxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIm9mZlN0YXRlVGV4dFwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwiZ2V0T2ZmU3RhdGVUZXh0U3R5bGVzKCkgfHwgbnVsbFwiXHJcbiAgICAgICAgY2xhc3M9XCJvZmZTdGF0ZVRleHRcIj4gXHJcbiAgICAgICAge3tvZmZTdGF0ZVRleHR9fVxyXG4gICAgPC9zcGFuPlxyXG48L2J1dHRvbj5cclxuPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwic3RhdGUtaW5mby10ZXh0XCI+e3sgcG9zaXRpb24gPT09ICdvbicgPyAnWWVzJyA6ICdObycgfX08L3NwYW4+Il19
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, HostListener, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class AfConnectTooltipComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.position = 'bottomRight';
|
|
7
|
+
this.additionalShowCondition = true;
|
|
8
|
+
this.zIndex = 10;
|
|
9
|
+
this.showContent = false;
|
|
10
|
+
}
|
|
11
|
+
onMouseEnter() {
|
|
12
|
+
this.showContent = !this.showContent;
|
|
13
|
+
}
|
|
14
|
+
onMouseLeave() {
|
|
15
|
+
this.showContent = false;
|
|
16
|
+
}
|
|
17
|
+
click() {
|
|
18
|
+
this.showContent = !this.showContent;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
AfConnectTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
AfConnectTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTooltipComponent, selector: "lib-af-connect-tooltip", inputs: { text: "text", position: "position", additionalShowCondition: "additionalShowCondition", top: "top", autoSize: "autoSize", zIndex: "zIndex" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "click()" } }, ngImport: i0, template: "<div\r\n *ngIf=\"showContent && additionalShowCondition\"\r\n [ngStyle]=\"{\r\n top: top,\r\n zIndex: zIndex\r\n }\"\r\n [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\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"] }] });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'lib-af-connect-tooltip', template: "<div\r\n *ngIf=\"showContent && additionalShowCondition\"\r\n [ngStyle]=\"{\r\n top: top,\r\n zIndex: zIndex\r\n }\"\r\n [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"] }]
|
|
26
|
+
}], propDecorators: { text: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], position: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], additionalShowCondition: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], top: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], autoSize: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], zIndex: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], onMouseEnter: [{
|
|
39
|
+
type: HostListener,
|
|
40
|
+
args: ['mouseenter']
|
|
41
|
+
}], onMouseLeave: [{
|
|
42
|
+
type: HostListener,
|
|
43
|
+
args: ['mouseleave']
|
|
44
|
+
}], click: [{
|
|
45
|
+
type: HostListener,
|
|
46
|
+
args: ['click']
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9vbHRpcC9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b29sdGlwL2FmLWNvbm5lY3QtdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE1RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT1csYUFBUSxHQUFhLGFBQWEsQ0FBQztRQUNuQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFHeEMsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUV0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztLQW1CNUI7SUFqQjZCLFlBQVk7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUUyQixZQUFZO1FBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFc0IsS0FBSztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDOztzSEFwQlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsbVVDUnRDLGtUQVdBOzJGREhhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBS3pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSXNCLFlBQVk7c0JBQXZDLFlBQVk7dUJBQUMsWUFBWTtnQkFJRSxZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBSUgsS0FBSztzQkFBM0IsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gJy4vdHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10b29sdGlwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VG9vbHRpcENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBQb3NpdGlvbiA9ICdib3R0b21SaWdodCc7XHJcbiAgQElucHV0KCkgYWRkaXRpb25hbFNob3dDb25kaXRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHRvcDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGF1dG9TaXplOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHpJbmRleDogbnVtYmVyID0gMTA7XHJcblxyXG4gIHB1YmxpYyBzaG93Q29udGVudCA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5zaG93Q29udGVudCA9ICF0aGlzLnNob3dDb250ZW50O1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuc2hvd0NvbnRlbnQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJykgY2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dDb250ZW50ID0gIXRoaXMuc2hvd0NvbnRlbnQ7XHJcbiAgfVxyXG5cclxuICAvLyBASG9zdEJpbmRpbmcoJ3N0eWxlLnotaW5kZXgnKVxyXG4gIC8vIGdldCB6SW5kZXhTdHlsZSgpOiBudW1iZXIge1xyXG4gIC8vICAgcmV0dXJuIHRoaXMuekluZGV4O1xyXG4gIC8vIH1cclxuXHJcbn1cclxuIiwiPGRpdlxyXG4gICpuZ0lmPVwic2hvd0NvbnRlbnQgJiYgYWRkaXRpb25hbFNob3dDb25kaXRpb25cIlxyXG4gIFtuZ1N0eWxlXT1cIntcclxuICAgIHRvcDogdG9wLFxyXG4gICAgekluZGV4OiB6SW5kZXhcclxuICB9XCJcclxuICBbbmdDbGFzc109XCJbJ3Rvb2x0aXBfX3RleHRfX2JveCcsIHBvc2l0aW9uLCBhdXRvU2l6ZSA/ICdhdXRvU2l6ZScgOiAnJ11cIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cInRvb2x0aXBfX3RleHRcIj57eyB0ZXh0IH19PC9kaXY+XHJcbjwvZGl2PlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRvb2x0aXAvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFBvc2l0aW9uID0gJ3RvcExlZnQnIHwgJ3RvcFJpZ2h0JyB8ICd0b3BDZW50ZXInIHwgJ2JvdHRvbUNlbnRlcicgfCAnYm90dG9tTGVmdCcgfCAnYm90dG9tUmlnaHQnO1xyXG4iXX0=
|