@progressio_resources/gravity-design-system 3.9.3 → 4.0.1
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 +1 -1
- package/fesm2022/progressio_resources-gravity-design-system.mjs +1289 -1169
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/package.json +10 -12
- package/src/lib/styles/_functions.scss +4 -2
- package/src/lib/styles/_responsive.scss +12 -11
- package/src/lib/styles/components/_card_highlight.scss +5 -5
- package/src/lib/styles/components/_datepicker-v2.scss +2 -2
- package/src/lib/styles/components/_datepicker.scss +16 -15
- package/src/lib/styles/components/_offcanvas.scss +4 -4
- package/src/lib/styles/components/_tables.scss +9 -9
- package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +1 -1
- package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +3 -3
- package/src/lib/styles/foundations/spacing/_spacing.scss +3 -1
- package/src/lib/styles/gravity-design-system.scss +17 -17
- package/src/lib/styles/overwrite/bootstrap/_bootstrap-export.scss +2 -2
- package/src/lib/styles/overwrite/bootstrap/_modal.scss +5 -5
- package/src/lib/styles/themes/_hero.scss +4 -4
- package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.html +10 -7
- package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.sass +92 -52
- package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.ts +7 -3
- package/src/lib/vendor/gravity-tooltip/gravity-tooltip.directive.ts +46 -17
- package/src/lib/vendor/gravity-tooltip/gravity-tooltip.module.ts +7 -12
- package/types/progressio_resources-gravity-design-system.d.ts +2671 -0
- package/esm2022/lib/components/gravity-attach-file/gravity-attach-file.component.mjs +0 -82
- package/esm2022/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.mjs +0 -86
- package/esm2022/lib/components/gravity-backdrop/gravity-backdrop.component.mjs +0 -17
- package/esm2022/lib/components/gravity-badge/gravity-badge.component.mjs +0 -36
- package/esm2022/lib/components/gravity-button/gravity-button.component.mjs +0 -58
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/base/bs-datepicker-container.mjs +0 -77
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-datepicker-inline.component.mjs +0 -129
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-datepicker-inline.config.mjs +0 -14
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.callbacks.mjs +0 -13
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.component.mjs +0 -211
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.config.mjs +0 -46
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker-inline.component.mjs +0 -130
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker-inline.config.mjs +0 -18
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker.component.mjs +0 -218
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker.config.mjs +0 -18
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.mjs +0 -137
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.mjs +0 -35
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-navigation-view/bs-datepicker-navigation-view.component.mjs +0 -69
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.mjs +0 -193
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.mjs +0 -35
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-datepicker-day-decorator.directive.mjs +0 -30
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-days-calendar-view.component.mjs +0 -57
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-months-calendar-view/bs-months-calendar-view.component.mjs +0 -57
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-years-calendar-view/bs-years-calendar-view.component.mjs +0 -57
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/datepicker-animations.mjs +0 -16
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/calc-days-calendar.mjs +0 -16
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/flag-days-calendar.mjs +0 -53
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/flag-months-calendar.mjs +0 -39
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/flag-years-calendar.mjs +0 -36
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/format-days-calendar.mjs +0 -23
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/format-months-calendar.mjs +0 -23
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/format-years-calendar.mjs +0 -43
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/engine/view-mode.mjs +0 -4
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/models/index.mjs +0 -7
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/_defaults.mjs +0 -6
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.actions.mjs +0 -64
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.effects.mjs +0 -128
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.reducer.mjs +0 -301
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.state.mjs +0 -16
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.store.mjs +0 -20
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/services/header-type.service.mjs +0 -28
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/utils/bs-calendar-utils.mjs +0 -74
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/utils/date-abbreviation.pipe.mjs +0 -74
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/utils/matrix-utils.mjs +0 -14
- package/esm2022/lib/components/gravity-calendar-v2/gravity-calendar-v2.component.mjs +0 -259
- package/esm2022/lib/components/gravity-card-button/gravity-card-button.component.mjs +0 -41
- package/esm2022/lib/components/gravity-checkbox/gravity-checkbox.component.mjs +0 -52
- package/esm2022/lib/components/gravity-chip-group/gravity-chip-group.component.mjs +0 -45
- package/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +0 -26
- package/esm2022/lib/components/gravity-currency-display-v2/gravity-currency-display-v2.component.mjs +0 -26
- package/esm2022/lib/components/gravity-currency-dropdown-short/gravity-currency-dropdown-short.component.mjs +0 -79
- package/esm2022/lib/components/gravity-data-views-v2/gravity-data-views-v2.component.mjs +0 -48
- package/esm2022/lib/components/gravity-date-picker/components/day-calendar/day-calendar.component.mjs +0 -273
- package/esm2022/lib/components/gravity-date-picker/components/day-calendar/range-days-calendar.utils.mjs +0 -241
- package/esm2022/lib/components/gravity-date-picker/components/month-calendar/month-calendar.component.mjs +0 -109
- package/esm2022/lib/components/gravity-date-picker/components/year-calendar/year-calendar.component.mjs +0 -105
- package/esm2022/lib/components/gravity-date-picker/gravity-date-picker.component.mjs +0 -84
- package/esm2022/lib/components/gravity-date-picker/shared/date-picker.constants.mjs +0 -61
- package/esm2022/lib/components/gravity-date-picker/shared/date-picker.modal.mjs +0 -2
- package/esm2022/lib/components/gravity-date-picker/shared/date-picker.utils.mjs +0 -110
- package/esm2022/lib/components/gravity-detail-container/gravity-detail-container.component.mjs +0 -93
- package/esm2022/lib/components/gravity-dialog/gravity-dialog.component.mjs +0 -26
- package/esm2022/lib/components/gravity-dropdown-label/gravity-dropdown-label.component.mjs +0 -65
- package/esm2022/lib/components/gravity-dropdown-list/filter-by.pipe.mjs +0 -44
- package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +0 -542
- package/esm2022/lib/components/gravity-dropdown-list-display/display-currency-items.mjs +0 -2
- package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +0 -203
- package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +0 -52
- package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +0 -33
- package/esm2022/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +0 -28
- package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +0 -120
- package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs +0 -54
- package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +0 -39
- package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +0 -44
- package/esm2022/lib/components/gravity-modal/gravity-modal.model.mjs +0 -2
- package/esm2022/lib/components/gravity-multi-language/gravity-multi-language.component.mjs +0 -31
- package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +0 -54
- package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +0 -33
- package/esm2022/lib/components/gravity-notification/gravity-notification-content.interface.mjs +0 -2
- package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +0 -33
- package/esm2022/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +0 -32
- package/esm2022/lib/components/gravity-pagination/gravity-pagination.component.mjs +0 -113
- package/esm2022/lib/components/gravity-push-notifications/gravity-push-notifications.component.mjs +0 -55
- package/esm2022/lib/components/gravity-radio-button/gravity-radio-button.component.mjs +0 -34
- package/esm2022/lib/components/gravity-segmented-button/gravity-segmented-button.component.mjs +0 -85
- package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +0 -38
- package/esm2022/lib/components/gravity-stepper/gravity-stepper.component.mjs +0 -37
- package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +0 -56
- package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +0 -34
- package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +0 -36
- package/esm2022/lib/components/gravity-table/gravity-table.component.mjs +0 -212
- package/esm2022/lib/components/gravity-tables-v2/gravity-tables-v2.component.mjs +0 -18
- package/esm2022/lib/components/gravity-text-field/gravity-text-field.component.mjs +0 -294
- package/esm2022/lib/components/gravity-text-field-amount-only/gravity-text-field-amount-only.component.mjs +0 -160
- package/esm2022/lib/components/gravity-text-field-number-only/gravity-text-field-number-only.component.mjs +0 -126
- package/esm2022/lib/components/gravity-tooltip-container/gravity-tooltip-container.component.mjs +0 -44
- package/esm2022/lib/components/gravity-tree-view/gravity-tree-view.component.mjs +0 -69
- package/esm2022/lib/components/gravity-tree-view/models/node-item.mjs +0 -2
- package/esm2022/lib/components/gravity-tree-view/models/node-selected-state.mjs +0 -7
- package/esm2022/lib/components/gravity-tree-view/models/node-state.mjs +0 -2
- package/esm2022/lib/components/gravity-tree-view/models/tree-callbacks.mjs +0 -2
- package/esm2022/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.mjs +0 -26
- package/esm2022/lib/components/gravity-tree-view/node/node-name/node-name.component.mjs +0 -13
- package/esm2022/lib/components/gravity-tree-view/node/node-toggle/node-toggle.component.mjs +0 -15
- package/esm2022/lib/components/gravity-tree-view/node/node.component.mjs +0 -17
- package/esm2022/lib/components/gravity-tree-view/service/tree-service.mjs +0 -242
- package/esm2022/lib/gravity-design-system.module.mjs +0 -370
- package/esm2022/lib/layout/gravity-header/gravity-header.component.mjs +0 -72
- package/esm2022/lib/layout/gravity-menu/gravity-menu.component.mjs +0 -232
- package/esm2022/lib/model/gravity-menu-items.model.mjs +0 -5
- package/esm2022/lib/model/gravity-push-notifications.model.mjs +0 -2
- package/esm2022/lib/services/gravity-dialog-manager.service.mjs +0 -48
- package/esm2022/lib/services/gravity-dropdown-manager.service.mjs +0 -21
- package/esm2022/lib/services/gravity-instant-notifications.service.mjs +0 -23
- package/esm2022/lib/services/gravity-push-notifications-service.service.mjs +0 -70
- package/esm2022/lib/services/gravity-responsive.service.mjs +0 -47
- package/esm2022/lib/vendor/gravity-tooltip/gravity-tooltip.component.mjs +0 -249
- package/esm2022/lib/vendor/gravity-tooltip/gravity-tooltip.directive.mjs +0 -494
- package/esm2022/lib/vendor/gravity-tooltip/gravity-tooltip.module.mjs +0 -41
- package/esm2022/lib/vendor/gravity-tooltip/index.mjs +0 -4
- package/esm2022/lib/vendor/gravity-tooltip/options.interface.mjs +0 -2
- package/esm2022/lib/vendor/gravity-tooltip/options.mjs +0 -38
- package/esm2022/lib/vendor/gravity-tooltip/options.service.mjs +0 -7
- package/esm2022/progressio_resources-gravity-design-system.mjs +0 -5
- package/esm2022/public-api.mjs +0 -62
- package/index.d.ts +0 -5
- package/lib/components/gravity-attach-file/gravity-attach-file.component.d.ts +0 -22
- package/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.d.ts +0 -22
- package/lib/components/gravity-backdrop/gravity-backdrop.component.d.ts +0 -6
- package/lib/components/gravity-badge/gravity-badge.component.d.ts +0 -12
- package/lib/components/gravity-button/gravity-button.component.d.ts +0 -17
- package/lib/components/gravity-calendar-v2/datepicker/base/bs-datepicker-container.d.ts +0 -42
- package/lib/components/gravity-calendar-v2/datepicker/bs-datepicker-inline.component.d.ts +0 -40
- package/lib/components/gravity-calendar-v2/datepicker/bs-datepicker-inline.config.d.ts +0 -6
- package/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.callbacks.d.ts +0 -6
- package/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.component.d.ts +0 -66
- package/lib/components/gravity-calendar-v2/datepicker/bs-datepicker.config.d.ts +0 -53
- package/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker-inline.component.d.ts +0 -37
- package/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker-inline.config.d.ts +0 -7
- package/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker.component.d.ts +0 -61
- package/lib/components/gravity-calendar-v2/datepicker/bs-daterangepicker.config.d.ts +0 -7
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.d.ts +0 -36
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.d.ts +0 -15
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-navigation-view/bs-datepicker-navigation-view.component.d.ts +0 -26
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.d.ts +0 -42
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.d.ts +0 -15
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-datepicker-day-decorator.directive.d.ts +0 -7
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-days-calendar-view.component.d.ts +0 -25
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-months-calendar-view/bs-months-calendar-view.component.d.ts +0 -23
- package/lib/components/gravity-calendar-v2/datepicker/components/bs-years-calendar-view/bs-years-calendar-view.component.d.ts +0 -22
- package/lib/components/gravity-calendar-v2/datepicker/datepicker-animations.d.ts +0 -3
- package/lib/components/gravity-calendar-v2/datepicker/engine/calc-days-calendar.d.ts +0 -2
- package/lib/components/gravity-calendar-v2/datepicker/engine/flag-days-calendar.d.ts +0 -12
- package/lib/components/gravity-calendar-v2/datepicker/engine/flag-months-calendar.d.ts +0 -12
- package/lib/components/gravity-calendar-v2/datepicker/engine/flag-years-calendar.d.ts +0 -13
- package/lib/components/gravity-calendar-v2/datepicker/engine/format-days-calendar.d.ts +0 -2
- package/lib/components/gravity-calendar-v2/datepicker/engine/format-months-calendar.d.ts +0 -2
- package/lib/components/gravity-calendar-v2/datepicker/engine/format-years-calendar.d.ts +0 -4
- package/lib/components/gravity-calendar-v2/datepicker/engine/view-mode.d.ts +0 -2
- package/lib/components/gravity-calendar-v2/datepicker/models/index.d.ts +0 -86
- package/lib/components/gravity-calendar-v2/datepicker/reducer/_defaults.d.ts +0 -3
- package/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.actions.d.ts +0 -34
- package/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.effects.d.ts +0 -34
- package/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.reducer.d.ts +0 -3
- package/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.state.d.ts +0 -34
- package/lib/components/gravity-calendar-v2/datepicker/reducer/bs-datepicker.store.d.ts +0 -8
- package/lib/components/gravity-calendar-v2/datepicker/services/header-type.service.d.ts +0 -17
- package/lib/components/gravity-calendar-v2/datepicker/utils/bs-calendar-utils.d.ts +0 -13
- package/lib/components/gravity-calendar-v2/datepicker/utils/date-abbreviation.pipe.d.ts +0 -13
- package/lib/components/gravity-calendar-v2/datepicker/utils/matrix-utils.d.ts +0 -9
- package/lib/components/gravity-calendar-v2/gravity-calendar-v2.component.d.ts +0 -57
- package/lib/components/gravity-card-button/gravity-card-button.component.d.ts +0 -15
- package/lib/components/gravity-checkbox/gravity-checkbox.component.d.ts +0 -21
- package/lib/components/gravity-chip-group/gravity-chip-group.component.d.ts +0 -19
- package/lib/components/gravity-currency/gravity-currency.component.d.ts +0 -13
- package/lib/components/gravity-currency-display-v2/gravity-currency-display-v2.component.d.ts +0 -16
- package/lib/components/gravity-currency-dropdown-short/gravity-currency-dropdown-short.component.d.ts +0 -32
- package/lib/components/gravity-data-views-v2/gravity-data-views-v2.component.d.ts +0 -22
- package/lib/components/gravity-date-picker/components/day-calendar/day-calendar.component.d.ts +0 -105
- package/lib/components/gravity-date-picker/components/day-calendar/range-days-calendar.utils.d.ts +0 -12
- package/lib/components/gravity-date-picker/components/month-calendar/month-calendar.component.d.ts +0 -71
- package/lib/components/gravity-date-picker/components/year-calendar/year-calendar.component.d.ts +0 -70
- package/lib/components/gravity-date-picker/gravity-date-picker.component.d.ts +0 -64
- package/lib/components/gravity-date-picker/shared/date-picker.constants.d.ts +0 -52
- package/lib/components/gravity-date-picker/shared/date-picker.modal.d.ts +0 -25
- package/lib/components/gravity-date-picker/shared/date-picker.utils.d.ts +0 -10
- package/lib/components/gravity-detail-container/gravity-detail-container.component.d.ts +0 -28
- package/lib/components/gravity-dialog/gravity-dialog.component.d.ts +0 -22
- package/lib/components/gravity-dropdown-label/gravity-dropdown-label.component.d.ts +0 -19
- package/lib/components/gravity-dropdown-list/filter-by.pipe.d.ts +0 -10
- package/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.d.ts +0 -84
- package/lib/components/gravity-dropdown-list-display/display-currency-items.d.ts +0 -12
- package/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.d.ts +0 -52
- package/lib/components/gravity-editable-input/gravity-editable-input.component.d.ts +0 -19
- package/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.d.ts +0 -11
- package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +0 -11
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +0 -85
- package/lib/components/gravity-icon-button/gravity-icon-button.component.d.ts +0 -22
- package/lib/components/gravity-link/gravity-link.component.d.ts +0 -14
- package/lib/components/gravity-modal/gravity-modal.component.d.ts +0 -19
- package/lib/components/gravity-modal/gravity-modal.model.d.ts +0 -17
- package/lib/components/gravity-multi-language/gravity-multi-language.component.d.ts +0 -12
- package/lib/components/gravity-navigation-card/gravity-navigation-card.component.d.ts +0 -24
- package/lib/components/gravity-network-pill/gravity-network-pill.component.d.ts +0 -14
- package/lib/components/gravity-notification/gravity-notification-content.interface.d.ts +0 -7
- package/lib/components/gravity-notification/gravity-notification.component.d.ts +0 -12
- package/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.d.ts +0 -10
- package/lib/components/gravity-pagination/gravity-pagination.component.d.ts +0 -24
- package/lib/components/gravity-push-notifications/gravity-push-notifications.component.d.ts +0 -21
- package/lib/components/gravity-radio-button/gravity-radio-button.component.d.ts +0 -14
- package/lib/components/gravity-segmented-button/gravity-segmented-button.component.d.ts +0 -33
- package/lib/components/gravity-status-indicator/gravity-status-indicator.component.d.ts +0 -14
- package/lib/components/gravity-stepper/gravity-stepper.component.d.ts +0 -13
- package/lib/components/gravity-switch/gravity-switch.component.d.ts +0 -24
- package/lib/components/gravity-tab-primary/gravity-tab-primary.component.d.ts +0 -16
- package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +0 -17
- package/lib/components/gravity-table/gravity-table.component.d.ts +0 -25
- package/lib/components/gravity-tables-v2/gravity-tables-v2.component.d.ts +0 -7
- package/lib/components/gravity-text-field/gravity-text-field.component.d.ts +0 -62
- package/lib/components/gravity-text-field-amount-only/gravity-text-field-amount-only.component.d.ts +0 -43
- package/lib/components/gravity-text-field-number-only/gravity-text-field-number-only.component.d.ts +0 -30
- package/lib/components/gravity-tooltip-container/gravity-tooltip-container.component.d.ts +0 -40
- package/lib/components/gravity-tree-view/gravity-tree-view.component.d.ts +0 -21
- package/lib/components/gravity-tree-view/models/node-item.d.ts +0 -10
- package/lib/components/gravity-tree-view/models/node-selected-state.d.ts +0 -5
- package/lib/components/gravity-tree-view/models/node-state.d.ts +0 -14
- package/lib/components/gravity-tree-view/models/tree-callbacks.d.ts +0 -9
- package/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.d.ts +0 -11
- package/lib/components/gravity-tree-view/node/node-name/node-name.component.d.ts +0 -7
- package/lib/components/gravity-tree-view/node/node-toggle/node-toggle.component.d.ts +0 -7
- package/lib/components/gravity-tree-view/node/node.component.d.ts +0 -7
- package/lib/components/gravity-tree-view/service/tree-service.d.ts +0 -42
- package/lib/gravity-design-system.module.d.ts +0 -85
- package/lib/layout/gravity-header/gravity-header.component.d.ts +0 -36
- package/lib/layout/gravity-menu/gravity-menu.component.d.ts +0 -53
- package/lib/model/gravity-menu-items.model.d.ts +0 -31
- package/lib/model/gravity-push-notifications.model.d.ts +0 -22
- package/lib/services/gravity-dialog-manager.service.d.ts +0 -17
- package/lib/services/gravity-dropdown-manager.service.d.ts +0 -12
- package/lib/services/gravity-instant-notifications.service.d.ts +0 -10
- package/lib/services/gravity-push-notifications-service.service.d.ts +0 -14
- package/lib/services/gravity-responsive.service.d.ts +0 -11
- package/lib/vendor/gravity-tooltip/gravity-tooltip.component.d.ts +0 -44
- package/lib/vendor/gravity-tooltip/gravity-tooltip.directive.d.ts +0 -113
- package/lib/vendor/gravity-tooltip/gravity-tooltip.module.d.ts +0 -12
- package/lib/vendor/gravity-tooltip/index.d.ts +0 -3
- package/lib/vendor/gravity-tooltip/options.d.ts +0 -24
- package/lib/vendor/gravity-tooltip/options.interface.d.ts +0 -42
- package/lib/vendor/gravity-tooltip/options.service.d.ts +0 -7
- package/public-api.d.ts +0 -53
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/forms";
|
|
5
|
-
import * as i3 from "../gravity-currency-dropdown-short/gravity-currency-dropdown-short.component";
|
|
6
|
-
import * as i4 from "../gravity-icon-button/gravity-icon-button.component";
|
|
7
|
-
export class GravityTextFieldAmountOnlyComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.priority = 'crypto';
|
|
10
|
-
this.fiatCurrenciesSize = 'sm';
|
|
11
|
-
this.rateDirection = 'CRYPTO_TO_FIAT';
|
|
12
|
-
this.state = null;
|
|
13
|
-
this.width = 'standard';
|
|
14
|
-
// UI State inputs
|
|
15
|
-
this.disabled = false;
|
|
16
|
-
this.readonly = false;
|
|
17
|
-
// Outputs
|
|
18
|
-
this.swapCurrenciesFlag = new EventEmitter();
|
|
19
|
-
this.changeFiat = new EventEmitter();
|
|
20
|
-
this.amountValues = new EventEmitter();
|
|
21
|
-
// Internal component state
|
|
22
|
-
this.inputValue = '';
|
|
23
|
-
this.valueCrypto = '';
|
|
24
|
-
this.valueFiat = '';
|
|
25
|
-
}
|
|
26
|
-
ngOnChanges(changes) {
|
|
27
|
-
if (changes['rate'] && changes['rate'].currentValue !== undefined) {
|
|
28
|
-
this.rate = changes['rate'].currentValue;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
//Change from crypto to fiat or vice versa
|
|
32
|
-
swapCurrencies() {
|
|
33
|
-
if (this.disabled || this.readonly)
|
|
34
|
-
return;
|
|
35
|
-
if (this.priority === 'crypto') {
|
|
36
|
-
// crypto → fiat
|
|
37
|
-
this.priority = 'fiat';
|
|
38
|
-
this.inputValue = this.valueFiat;
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
// fiat → crypto
|
|
42
|
-
this.priority = 'crypto';
|
|
43
|
-
this.inputValue = this.valueCrypto;
|
|
44
|
-
}
|
|
45
|
-
this.swapCurrenciesFlag.emit(this.priority);
|
|
46
|
-
}
|
|
47
|
-
//Change selected fiat currency
|
|
48
|
-
updateFiatCurrency(event) {
|
|
49
|
-
delete this.inputValue;
|
|
50
|
-
delete this.valueFiat;
|
|
51
|
-
delete this.valueCrypto;
|
|
52
|
-
this.fiatCurrencies.defaultItem = event;
|
|
53
|
-
this.changeFiat.emit(event);
|
|
54
|
-
}
|
|
55
|
-
//Get currency rates
|
|
56
|
-
calculateValues() {
|
|
57
|
-
if (this.disabled)
|
|
58
|
-
return;
|
|
59
|
-
const input = this.sanitizeNumber(this.inputValue);
|
|
60
|
-
const rate = this.sanitizeNumber(this.rate);
|
|
61
|
-
if (!rate) {
|
|
62
|
-
this.valueFiat = '0';
|
|
63
|
-
this.valueCrypto = '0';
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
let fiatNum = 0;
|
|
67
|
-
let cryptoNum = 0;
|
|
68
|
-
if (this.priority === 'crypto') {
|
|
69
|
-
cryptoNum = input;
|
|
70
|
-
fiatNum =
|
|
71
|
-
this.rateDirection === 'CRYPTO_TO_FIAT'
|
|
72
|
-
? input * rate
|
|
73
|
-
: input / rate;
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
fiatNum = input;
|
|
77
|
-
cryptoNum =
|
|
78
|
-
this.rateDirection === 'CRYPTO_TO_FIAT'
|
|
79
|
-
? input / rate
|
|
80
|
-
: input * rate;
|
|
81
|
-
}
|
|
82
|
-
this.valueFiat = this.formatNumber(fiatNum, 2);
|
|
83
|
-
this.valueCrypto = this.formatNumber(cryptoNum, 8);
|
|
84
|
-
this.amountValues.emit({
|
|
85
|
-
valueFiat: this.valueFiat,
|
|
86
|
-
valueCrypto: this.valueCrypto
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
sanitizeNumber(value) {
|
|
90
|
-
if (value === null || value === undefined)
|
|
91
|
-
return 0;
|
|
92
|
-
const num = Number(value);
|
|
93
|
-
if (!isFinite(num) || isNaN(num)) {
|
|
94
|
-
return 0;
|
|
95
|
-
}
|
|
96
|
-
return num;
|
|
97
|
-
}
|
|
98
|
-
formatNumber(value, decimals) {
|
|
99
|
-
if (!isFinite(value) || isNaN(value))
|
|
100
|
-
return '0';
|
|
101
|
-
return value.toLocaleString('en-US', {
|
|
102
|
-
useGrouping: false,
|
|
103
|
-
minimumFractionDigits: 0,
|
|
104
|
-
maximumFractionDigits: decimals
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
//Set custom amount
|
|
108
|
-
setAmount(value, priority) {
|
|
109
|
-
if (this.disabled)
|
|
110
|
-
return;
|
|
111
|
-
this.priority = priority;
|
|
112
|
-
this.inputValue = '' + value;
|
|
113
|
-
this.calculateValues();
|
|
114
|
-
}
|
|
115
|
-
//Clean component
|
|
116
|
-
reset(priority = 'crypto') {
|
|
117
|
-
this.priority = priority;
|
|
118
|
-
this.inputValue = '';
|
|
119
|
-
this.valueFiat = '';
|
|
120
|
-
this.valueCrypto = '';
|
|
121
|
-
this.state = null;
|
|
122
|
-
}
|
|
123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTextFieldAmountOnlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTextFieldAmountOnlyComponent, selector: "gravity-text-field-amount-only", inputs: { cypressTag: "cypressTag", priority: "priority", placeholder: "placeholder", fiatCurrencies: "fiatCurrencies", fiatCurrenciesSize: "fiatCurrenciesSize", cryptoCurrency: "cryptoCurrency", rate: "rate", rateDirection: "rateDirection", state: "state", width: "width", disabled: "disabled", readonly: "readonly" }, outputs: { swapCurrenciesFlag: "swapCurrenciesFlag", changeFiat: "changeFiat", amountValues: "amountValues" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"amount-only-text-field {{state ? state : null}}\" [class.disabled]=\"disabled\"\n [attr.data-cy]=\"cypressTag ? 'textFieldAmount_'+cypressTag : null\" [class.standard-width]=\"width === 'standard'\"\n [class.full-width]=\"width === 'full'\">\n\n <!--Switch-->\n <gravity-icon-button (clickOnIcon)=\"swapCurrencies()\" [icon]=\"'swaps'\" *ngIf=\"!readonly\"\n [cypressTag]=\"'swapCurrencies'\" [size]=\"'sm'\"\n [supportText]=\"disabled ? null : priority == 'crypto' ? 'Enter the amount in fiat' : 'Enter the amount in crypto'\"\n [type]=\"'primary'\" [state]=\"disabled ? 'disabled' : 'active'\"/>\n\n <div class=\"amounts\" [class.filled]=\"inputValue\" [class.readonly]=\"readonly\">\n\n <!--Enter amount row-->\n <div class=\"enter-amount amount-row\">\n <label class=\"floating-label hr-label sm-regular\">\n {{ placeholder }}\n </label>\n\n <input class=\"hr-label md-regular\" [disabled]=\"disabled\" [readonly]=\"readonly\" (input)=\"calculateValues()\"\n [attr.data-cy]=\"'textFieldAmount_input'\" [(ngModel)]=\"inputValue\" placeholder=\"{{placeholder}}\"\n type=\"number\">\n\n <ng-container *ngIf=\"priority == 'fiat'\">\n <gravity-currency-dropdown-short [size]=\"fiatCurrenciesSize\" [disabled]=\"disabled\"\n (onClick)=\"updateFiatCurrency($event)\" [cypressTag]=\"'amountFiat'\"\n [config]=\"fiatCurrencies\"/>\n </ng-container>\n <ng-container *ngIf=\"priority == 'crypto'\">\n <p class=\"hr-body sm-regular\" [class.gravity-padding-inline-xxs]=\"fiatCurrenciesSize == 'sm'\"\n [class.gravity-padding-inline-sm]=\"fiatCurrenciesSize == 'md'\">{{ cryptoCurrency.currency_iso }}</p>\n </ng-container>\n </div>\n\n <hr>\n\n <!--Equivalence row-->\n <div class=\"equivalence amount-row\">\n <p class=\"hr-body sm-regular\">\n \u2248 {{ priority == 'crypto' ? valueFiat : valueCrypto }}\n </p>\n\n <ng-container *ngIf=\"priority == 'crypto'\">\n <gravity-currency-dropdown-short [size]=\"fiatCurrenciesSize\" [readonly]=\"true\" [disabled]=\"disabled\"\n [config]=\"fiatCurrencies\"/>\n </ng-container>\n <ng-container *ngIf=\"priority == 'fiat'\">\n <p class=\"hr-body sm-regular\" [class.gravity-padding-inline-xxs]=\"fiatCurrenciesSize == 'sm'\"\n [class.gravity-padding-inline-sm]=\"fiatCurrenciesSize == 'md'\">{{ cryptoCurrency.currency_iso }}</p>\n </ng-container>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.amount-only-text-field{align-items:center;display:flex;gap:8px;width:-moz-fit-content;width:fit-content}.amount-only-text-field.standard-width .amounts{width:310px}.amount-only-text-field.full-width,.amount-only-text-field.full-width .amounts{width:100%}.amount-only-text-field.disabled .amounts{pointer-events:none}.amount-only-text-field.disabled .amounts .enter-amount input:disabled{color:var(--on-bg-disabled);cursor:not-allowed;background-color:transparent}.amount-only-text-field.disabled .amounts .enter-amount input:disabled::placeholder{color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts .enter-amount .floating-label{color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts hr{border-top-color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts .enter-amount p,.amount-only-text-field.disabled .amounts .equivalence p{color:var(--on-bg-disabled)}.amount-only-text-field.positive .amounts hr{border-color:var(--positive-primary)}.amount-only-text-field.negative .amounts hr{border-color:var(--negative-primary)}.amount-row{height:30px;align-items:center;display:flex;justify-content:space-between}.amounts{padding:6px;width:100%}.amounts:hover .enter-amount input{color:var(--text-primary)}.amounts:hover .enter-amount input::placeholder{color:var(--text-primary)}.amounts:not(.readonly):focus-within .enter-amount .floating-label{opacity:1;transform:translateY(-12px)}.amounts:not(.readonly):focus-within .enter-amount input::placeholder{opacity:0}.amounts:not(.readonly):focus-within hr{border-color:var(--line-full-enabled-typing-primary)}.amounts .enter-amount{margin-top:12px;position:relative}.amounts .enter-amount .floating-label{position:absolute;top:0;left:0;opacity:0;transform:translateY(10px);pointer-events:none;color:var(--text-primary);transition:all .15s ease}.amounts .enter-amount input{width:100%;border:none;outline:none;color:var(--placeholder-empty-enabled-primary);background:transparent}.amounts .enter-amount input::placeholder{color:var(--placeholder-empty-enabled-primary)}.amounts .enter-amount input[type=number]{-moz-appearance:textfield}.amounts .enter-amount input[type=number]::-webkit-outer-spin-button,.amounts .enter-amount input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amounts hr{border:none;border-top:1px solid var(--line-empty-enabled-primary);margin:4px 0;opacity:1;transition:border-color .15s ease}.amounts.filled .enter-amount .floating-label{opacity:1;transform:translateY(-12px)}.amounts.filled .enter-amount input{color:var(--text-primary)}.amounts.filled .enter-amount input::placeholder{opacity:0}.amounts.filled hr{border-color:var(--line-full-enabled-typing-primary)}.amounts.readonly{cursor:default}.amounts.readonly .enter-amount input{color:var(--text-primary);cursor:default}.amounts.readonly .enter-amount input::placeholder{color:var(--text-primary)}.amounts.readonly .enter-amount .floating-label{color:var(--text-secondary)}.amounts.readonly hr{border-top-color:var(--line-empty-enabled-readonly)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.GravityCurrencyDropdownShortComponent, selector: "gravity-currency-dropdown-short", inputs: ["cypressTag", "size", "readonly", "disabled", "showFlag", "config"], outputs: ["onClick"] }, { kind: "component", type: i4.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }] }); }
|
|
125
|
-
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTextFieldAmountOnlyComponent, decorators: [{
|
|
127
|
-
type: Component,
|
|
128
|
-
args: [{ selector: 'gravity-text-field-amount-only', template: "<div class=\"amount-only-text-field {{state ? state : null}}\" [class.disabled]=\"disabled\"\n [attr.data-cy]=\"cypressTag ? 'textFieldAmount_'+cypressTag : null\" [class.standard-width]=\"width === 'standard'\"\n [class.full-width]=\"width === 'full'\">\n\n <!--Switch-->\n <gravity-icon-button (clickOnIcon)=\"swapCurrencies()\" [icon]=\"'swaps'\" *ngIf=\"!readonly\"\n [cypressTag]=\"'swapCurrencies'\" [size]=\"'sm'\"\n [supportText]=\"disabled ? null : priority == 'crypto' ? 'Enter the amount in fiat' : 'Enter the amount in crypto'\"\n [type]=\"'primary'\" [state]=\"disabled ? 'disabled' : 'active'\"/>\n\n <div class=\"amounts\" [class.filled]=\"inputValue\" [class.readonly]=\"readonly\">\n\n <!--Enter amount row-->\n <div class=\"enter-amount amount-row\">\n <label class=\"floating-label hr-label sm-regular\">\n {{ placeholder }}\n </label>\n\n <input class=\"hr-label md-regular\" [disabled]=\"disabled\" [readonly]=\"readonly\" (input)=\"calculateValues()\"\n [attr.data-cy]=\"'textFieldAmount_input'\" [(ngModel)]=\"inputValue\" placeholder=\"{{placeholder}}\"\n type=\"number\">\n\n <ng-container *ngIf=\"priority == 'fiat'\">\n <gravity-currency-dropdown-short [size]=\"fiatCurrenciesSize\" [disabled]=\"disabled\"\n (onClick)=\"updateFiatCurrency($event)\" [cypressTag]=\"'amountFiat'\"\n [config]=\"fiatCurrencies\"/>\n </ng-container>\n <ng-container *ngIf=\"priority == 'crypto'\">\n <p class=\"hr-body sm-regular\" [class.gravity-padding-inline-xxs]=\"fiatCurrenciesSize == 'sm'\"\n [class.gravity-padding-inline-sm]=\"fiatCurrenciesSize == 'md'\">{{ cryptoCurrency.currency_iso }}</p>\n </ng-container>\n </div>\n\n <hr>\n\n <!--Equivalence row-->\n <div class=\"equivalence amount-row\">\n <p class=\"hr-body sm-regular\">\n \u2248 {{ priority == 'crypto' ? valueFiat : valueCrypto }}\n </p>\n\n <ng-container *ngIf=\"priority == 'crypto'\">\n <gravity-currency-dropdown-short [size]=\"fiatCurrenciesSize\" [readonly]=\"true\" [disabled]=\"disabled\"\n [config]=\"fiatCurrencies\"/>\n </ng-container>\n <ng-container *ngIf=\"priority == 'fiat'\">\n <p class=\"hr-body sm-regular\" [class.gravity-padding-inline-xxs]=\"fiatCurrenciesSize == 'sm'\"\n [class.gravity-padding-inline-sm]=\"fiatCurrenciesSize == 'md'\">{{ cryptoCurrency.currency_iso }}</p>\n </ng-container>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.amount-only-text-field{align-items:center;display:flex;gap:8px;width:-moz-fit-content;width:fit-content}.amount-only-text-field.standard-width .amounts{width:310px}.amount-only-text-field.full-width,.amount-only-text-field.full-width .amounts{width:100%}.amount-only-text-field.disabled .amounts{pointer-events:none}.amount-only-text-field.disabled .amounts .enter-amount input:disabled{color:var(--on-bg-disabled);cursor:not-allowed;background-color:transparent}.amount-only-text-field.disabled .amounts .enter-amount input:disabled::placeholder{color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts .enter-amount .floating-label{color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts hr{border-top-color:var(--on-bg-disabled)}.amount-only-text-field.disabled .amounts .enter-amount p,.amount-only-text-field.disabled .amounts .equivalence p{color:var(--on-bg-disabled)}.amount-only-text-field.positive .amounts hr{border-color:var(--positive-primary)}.amount-only-text-field.negative .amounts hr{border-color:var(--negative-primary)}.amount-row{height:30px;align-items:center;display:flex;justify-content:space-between}.amounts{padding:6px;width:100%}.amounts:hover .enter-amount input{color:var(--text-primary)}.amounts:hover .enter-amount input::placeholder{color:var(--text-primary)}.amounts:not(.readonly):focus-within .enter-amount .floating-label{opacity:1;transform:translateY(-12px)}.amounts:not(.readonly):focus-within .enter-amount input::placeholder{opacity:0}.amounts:not(.readonly):focus-within hr{border-color:var(--line-full-enabled-typing-primary)}.amounts .enter-amount{margin-top:12px;position:relative}.amounts .enter-amount .floating-label{position:absolute;top:0;left:0;opacity:0;transform:translateY(10px);pointer-events:none;color:var(--text-primary);transition:all .15s ease}.amounts .enter-amount input{width:100%;border:none;outline:none;color:var(--placeholder-empty-enabled-primary);background:transparent}.amounts .enter-amount input::placeholder{color:var(--placeholder-empty-enabled-primary)}.amounts .enter-amount input[type=number]{-moz-appearance:textfield}.amounts .enter-amount input[type=number]::-webkit-outer-spin-button,.amounts .enter-amount input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amounts hr{border:none;border-top:1px solid var(--line-empty-enabled-primary);margin:4px 0;opacity:1;transition:border-color .15s ease}.amounts.filled .enter-amount .floating-label{opacity:1;transform:translateY(-12px)}.amounts.filled .enter-amount input{color:var(--text-primary)}.amounts.filled .enter-amount input::placeholder{opacity:0}.amounts.filled hr{border-color:var(--line-full-enabled-typing-primary)}.amounts.readonly{cursor:default}.amounts.readonly .enter-amount input{color:var(--text-primary);cursor:default}.amounts.readonly .enter-amount input::placeholder{color:var(--text-primary)}.amounts.readonly .enter-amount .floating-label{color:var(--text-secondary)}.amounts.readonly hr{border-top-color:var(--line-empty-enabled-readonly)}\n"] }]
|
|
129
|
-
}], propDecorators: { cypressTag: [{
|
|
130
|
-
type: Input
|
|
131
|
-
}], priority: [{
|
|
132
|
-
type: Input
|
|
133
|
-
}], placeholder: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}], fiatCurrencies: [{
|
|
136
|
-
type: Input
|
|
137
|
-
}], fiatCurrenciesSize: [{
|
|
138
|
-
type: Input
|
|
139
|
-
}], cryptoCurrency: [{
|
|
140
|
-
type: Input
|
|
141
|
-
}], rate: [{
|
|
142
|
-
type: Input
|
|
143
|
-
}], rateDirection: [{
|
|
144
|
-
type: Input
|
|
145
|
-
}], state: [{
|
|
146
|
-
type: Input
|
|
147
|
-
}], width: [{
|
|
148
|
-
type: Input
|
|
149
|
-
}], disabled: [{
|
|
150
|
-
type: Input
|
|
151
|
-
}], readonly: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}], swapCurrenciesFlag: [{
|
|
154
|
-
type: Output
|
|
155
|
-
}], changeFiat: [{
|
|
156
|
-
type: Output
|
|
157
|
-
}], amountValues: [{
|
|
158
|
-
type: Output
|
|
159
|
-
}] } });
|
|
160
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10ZXh0LWZpZWxkLWFtb3VudC1vbmx5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10ZXh0LWZpZWxkLWFtb3VudC1vbmx5L2dyYXZpdHktdGV4dC1maWVsZC1hbW91bnQtb25seS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGV4dC1maWVsZC1hbW91bnQtb25seS9ncmF2aXR5LXRleHQtZmllbGQtYW1vdW50LW9ubHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7Ozs7OztBQWEvRixNQUFNLE9BQU8sbUNBQW1DO0lBTmhEO1FBU2tCLGFBQVEsR0FBc0IsUUFBUSxDQUFDO1FBR3ZDLHVCQUFrQixHQUFnQixJQUFJLENBQUM7UUFHdkMsa0JBQWEsR0FBd0MsZ0JBQWdCLENBQUM7UUFDdEUsVUFBSyxHQUFtQyxJQUFJLENBQUM7UUFDN0MsVUFBSyxHQUF3QixVQUFVLENBQUM7UUFFeEQsa0JBQWtCO1FBQ0YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpDLFVBQVU7UUFDTyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUMzRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUMxQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUErQyxDQUFDO1FBRWhHLDJCQUEyQjtRQUNwQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLGdCQUFXLEdBQVcsRUFB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QztRQUV0QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNwQixDQUFDOytHQS9JVSxtQ0FBbUM7bUdBQW5DLG1DQUFtQywwZ0JDYmhELHFvRkFtRE07OzRGRHRDTyxtQ0FBbUM7a0JBTi9DLFNBQVM7K0JBQ0UsZ0NBQWdDOzhCQU8xQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGtCQUFrQjtzQkFBakMsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBR1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUdXLGtCQUFrQjtzQkFBbEMsTUFBTTtnQkFDVSxVQUFVO3NCQUExQixNQUFNO2dCQUNVLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbnRlcmZhY2UgY3VycmVuY3kge1xuICBjdXJyZW5jeV9pZDogbnVtYmVyO1xuICBjdXJyZW5jeV9pc286IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS10ZXh0LWZpZWxkLWFtb3VudC1vbmx5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktdGV4dC1maWVsZC1hbW91bnQtb25seS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktdGV4dC1maWVsZC1hbW91bnQtb25seS5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgR3Jhdml0eVRleHRGaWVsZEFtb3VudE9ubHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvLyBDb25maWd1cmF0aW9uXG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcmlvcml0eTogJ2NyeXB0bycgfCAnZmlhdCcgPSAnY3J5cHRvJztcbiAgQElucHV0KCkgcHVibGljIHBsYWNlaG9sZGVyITogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZmlhdEN1cnJlbmNpZXMhOiB7IGRlZmF1bHRJdGVtOiBjdXJyZW5jeTsgaXRlbXM/OiBjdXJyZW5jeVtdOyB9O1xuICBASW5wdXQoKSBwdWJsaWMgZmlhdEN1cnJlbmNpZXNTaXplOiAnc20nIHwgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjcnlwdG9DdXJyZW5jeSE6IGN1cnJlbmN5O1xuICBASW5wdXQoKSBwdWJsaWMgcmF0ZSE6IG51bWJlcjtcbiAgQElucHV0KCkgcHVibGljIHJhdGVEaXJlY3Rpb246ICdDUllQVE9fVE9fRklBVCcgfCAnRklBVF9UT19DUllQVE8nID0gJ0NSWVBUT19UT19GSUFUJztcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAncG9zaXRpdmUnIHwgJ25lZ2F0aXZlJyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBwdWJsaWMgd2lkdGg6ICdzdGFuZGFyZCcgfCAnZnVsbCcgPSAnc3RhbmRhcmQnO1xuXG4gIC8vIFVJIFN0YXRlIGlucHV0c1xuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIHJlYWRvbmx5ID0gZmFsc2U7XG5cbiAgLy8gT3V0cHV0c1xuICBAT3V0cHV0KCkgcHVibGljIHN3YXBDdXJyZW5jaWVzRmxhZyA9IG5ldyBFdmVudEVtaXR0ZXI8J2NyeXB0bycgfCAnZmlhdCc+KCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgY2hhbmdlRmlhdCA9IG5ldyBFdmVudEVtaXR0ZXI8Y3VycmVuY3k+KCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgYW1vdW50VmFsdWVzID0gbmV3IEV2ZW50RW1pdHRlcjx7IHZhbHVlRmlhdDogc3RyaW5nOyB2YWx1ZUNyeXB0bzogc3RyaW5nOyB9PigpO1xuXG4gIC8vIEludGVybmFsIGNvbXBvbmVudCBzdGF0ZVxuICBwdWJsaWMgaW5wdXRWYWx1ZTogc3RyaW5nID0gJyc7XG4gIHB1YmxpYyB2YWx1ZUNyeXB0bzogc3RyaW5nID0gJyc7XG4gIHB1YmxpYyB2YWx1ZUZpYXQ6IHN0cmluZyA9ICcnO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sncmF0ZSddICYmIGNoYW5nZXNbJ3JhdGUnXS5jdXJyZW50VmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5yYXRlID0gY2hhbmdlc1sncmF0ZSddLmN1cnJlbnRWYWx1ZTtcbiAgICB9XG4gIH1cblxuICAvL0NoYW5nZSBmcm9tIGNyeXB0byB0byBmaWF0IG9yIHZpY2UgdmVyc2FcbiAgcHVibGljIHN3YXBDdXJyZW5jaWVzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IHRoaXMucmVhZG9ubHkpIHJldHVybjtcblxuICAgIGlmICh0aGlzLnByaW9yaXR5ID09PSAnY3J5cHRvJykge1xuICAgICAgLy8gY3J5cHRvIOKGkiBmaWF0XG4gICAgICB0aGlzLnByaW9yaXR5ID0gJ2ZpYXQnO1xuICAgICAgdGhpcy5pbnB1dFZhbHVlID0gdGhpcy52YWx1ZUZpYXQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIGZpYXQg4oaSIGNyeXB0b1xuICAgICAgdGhpcy5wcmlvcml0eSA9ICdjcnlwdG8nO1xuICAgICAgdGhpcy5pbnB1dFZhbHVlID0gdGhpcy52YWx1ZUNyeXB0bztcbiAgICB9XG5cbiAgICB0aGlzLnN3YXBDdXJyZW5jaWVzRmxhZy5lbWl0KHRoaXMucHJpb3JpdHkpO1xuICB9XG5cbiAgLy9DaGFuZ2Ugc2VsZWN0ZWQgZmlhdCBjdXJyZW5jeVxuICBwdWJsaWMgdXBkYXRlRmlhdEN1cnJlbmN5KGV2ZW50OiBhbnkpIHtcbiAgICBkZWxldGUgdGhpcy5pbnB1dFZhbHVlO1xuICAgIGRlbGV0ZSB0aGlzLnZhbHVlRmlhdDtcbiAgICBkZWxldGUgdGhpcy52YWx1ZUNyeXB0bztcbiAgICB0aGlzLmZpYXRDdXJyZW5jaWVzLmRlZmF1bHRJdGVtID0gZXZlbnQ7XG4gICAgdGhpcy5jaGFuZ2VGaWF0LmVtaXQoZXZlbnQpXG4gIH1cblxuICAvL0dldCBjdXJyZW5jeSByYXRlc1xuICBwdWJsaWMgY2FsY3VsYXRlVmFsdWVzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG5cbiAgICBjb25zdCBpbnB1dCA9IHRoaXMuc2FuaXRpemVOdW1iZXIodGhpcy5pbnB1dFZhbHVlKTtcbiAgICBjb25zdCByYXRlID0gdGhpcy5zYW5pdGl6ZU51bWJlcih0aGlzLnJhdGUpO1xuXG4gICAgaWYgKCFyYXRlKSB7XG4gICAgICB0aGlzLnZhbHVlRmlhdCA9ICcwJztcbiAgICAgIHRoaXMudmFsdWVDcnlwdG8gPSAnMCc7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgbGV0IGZpYXROdW0gPSAwO1xuICAgIGxldCBjcnlwdG9OdW0gPSAwO1xuXG4gICAgaWYgKHRoaXMucHJpb3JpdHkgPT09ICdjcnlwdG8nKSB7XG4gICAgICBjcnlwdG9OdW0gPSBpbnB1dDtcblxuICAgICAgZmlhdE51bSA9XG4gICAgICAgIHRoaXMucmF0ZURpcmVjdGlvbiA9PT0gJ0NSWVBUT19UT19GSUFUJ1xuICAgICAgICAgID8gaW5wdXQgKiByYXRlXG4gICAgICAgICAgOiBpbnB1dCAvIHJhdGU7XG5cbiAgICB9IGVsc2Uge1xuICAgICAgZmlhdE51bSA9IGlucHV0O1xuXG4gICAgICBjcnlwdG9OdW0gPVxuICAgICAgICB0aGlzLnJhdGVEaXJlY3Rpb24gPT09ICdDUllQVE9fVE9fRklBVCdcbiAgICAgICAgICA/IGlucHV0IC8gcmF0ZVxuICAgICAgICAgIDogaW5wdXQgKiByYXRlO1xuICAgIH1cblxuICAgIHRoaXMudmFsdWVGaWF0ID0gdGhpcy5mb3JtYXROdW1iZXIoZmlhdE51bSwgMik7XG4gICAgdGhpcy52YWx1ZUNyeXB0byA9IHRoaXMuZm9ybWF0TnVtYmVyKGNyeXB0b051bSwgOCk7XG5cbiAgICB0aGlzLmFtb3VudFZhbHVlcy5lbWl0KHtcbiAgICAgIHZhbHVlRmlhdDogdGhpcy52YWx1ZUZpYXQsXG4gICAgICB2YWx1ZUNyeXB0bzogdGhpcy52YWx1ZUNyeXB0b1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBzYW5pdGl6ZU51bWJlcih2YWx1ZTogYW55KTogbnVtYmVyIHtcbiAgICBpZiAodmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09IHVuZGVmaW5lZCkgcmV0dXJuIDA7XG5cbiAgICBjb25zdCBudW0gPSBOdW1iZXIodmFsdWUpO1xuXG4gICAgaWYgKCFpc0Zpbml0ZShudW0pIHx8IGlzTmFOKG51bSkpIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cblxuICAgIHJldHVybiBudW07XG4gIH1cblxuICBwcml2YXRlIGZvcm1hdE51bWJlcih2YWx1ZTogbnVtYmVyLCBkZWNpbWFsczogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBpZiAoIWlzRmluaXRlKHZhbHVlKSB8fCBpc05hTih2YWx1ZSkpIHJldHVybiAnMCc7XG5cbiAgICByZXR1cm4gdmFsdWUudG9Mb2NhbGVTdHJpbmcoJ2VuLVVTJywge1xuICAgICAgdXNlR3JvdXBpbmc6IGZhbHNlLFxuICAgICAgbWluaW11bUZyYWN0aW9uRGlnaXRzOiAwLFxuICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBkZWNpbWFsc1xuICAgIH0pO1xuICB9XG5cblxuICAvL1NldCBjdXN0b20gYW1vdW50XG4gIHB1YmxpYyBzZXRBbW91bnQodmFsdWU6IG51bWJlciwgcHJpb3JpdHk6ICdmaWF0JyB8ICdjcnlwdG8nKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcblxuICAgIHRoaXMucHJpb3JpdHkgPSBwcmlvcml0eTtcbiAgICB0aGlzLmlucHV0VmFsdWUgPSAnJyt2YWx1ZTtcblxuICAgIHRoaXMuY2FsY3VsYXRlVmFsdWVzKCk7XG4gIH1cblxuICAvL0NsZWFuIGNvbXBvbmVudFxuICBwdWJsaWMgcmVzZXQocHJpb3JpdHk6ICdjcnlwdG8nIHwgJ2ZpYXQnID0gJ2NyeXB0bycpOiB2b2lkIHtcbiAgICB0aGlzLnByaW9yaXR5ID0gcHJpb3JpdHk7XG5cbiAgICB0aGlzLmlucHV0VmFsdWUgPSAnJztcbiAgICB0aGlzLnZhbHVlRmlhdCA9ICcnO1xuICAgIHRoaXMudmFsdWVDcnlwdG8gPSAnJztcblxuICAgIHRoaXMuc3RhdGUgPSBudWxsO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYW1vdW50LW9ubHktdGV4dC1maWVsZCB7e3N0YXRlID8gc3RhdGUgOiBudWxsfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWcgPyAndGV4dEZpZWxkQW1vdW50XycrY3lwcmVzc1RhZyA6IG51bGxcIiBbY2xhc3Muc3RhbmRhcmQtd2lkdGhdPVwid2lkdGggPT09ICdzdGFuZGFyZCdcIlxuICAgICBbY2xhc3MuZnVsbC13aWR0aF09XCJ3aWR0aCA9PT0gJ2Z1bGwnXCI+XG5cbiAgPCEtLVN3aXRjaC0tPlxuICA8Z3Jhdml0eS1pY29uLWJ1dHRvbiAoY2xpY2tPbkljb24pPVwic3dhcEN1cnJlbmNpZXMoKVwiIFtpY29uXT1cIidzd2FwcydcIiAqbmdJZj1cIiFyZWFkb25seVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtjeXByZXNzVGFnXT1cIidzd2FwQ3VycmVuY2llcydcIiBbc2l6ZV09XCInc20nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3N1cHBvcnRUZXh0XT1cImRpc2FibGVkID8gbnVsbCA6IHByaW9yaXR5ID09ICdjcnlwdG8nID8gJ0VudGVyIHRoZSBhbW91bnQgaW4gZmlhdCcgOiAnRW50ZXIgdGhlIGFtb3VudCBpbiBjcnlwdG8nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiJ3ByaW1hcnknXCIgW3N0YXRlXT1cImRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdhY3RpdmUnXCIvPlxuXG4gIDxkaXYgY2xhc3M9XCJhbW91bnRzXCIgW2NsYXNzLmZpbGxlZF09XCJpbnB1dFZhbHVlXCIgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCI+XG5cbiAgICA8IS0tRW50ZXIgYW1vdW50IHJvdy0tPlxuICAgIDxkaXYgY2xhc3M9XCJlbnRlci1hbW91bnQgYW1vdW50LXJvd1wiPlxuICAgICAgPGxhYmVsIGNsYXNzPVwiZmxvYXRpbmctbGFiZWwgaHItbGFiZWwgc20tcmVndWxhclwiPlxuICAgICAgICB7eyBwbGFjZWhvbGRlciB9fVxuICAgICAgPC9sYWJlbD5cblxuICAgICAgPGlucHV0IGNsYXNzPVwiaHItbGFiZWwgbWQtcmVndWxhclwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIChpbnB1dCk9XCJjYWxjdWxhdGVWYWx1ZXMoKVwiXG4gICAgICAgICAgICAgW2F0dHIuZGF0YS1jeV09XCIndGV4dEZpZWxkQW1vdW50X2lucHV0J1wiIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiIHBsYWNlaG9sZGVyPVwie3twbGFjZWhvbGRlcn19XCJcbiAgICAgICAgICAgICB0eXBlPVwibnVtYmVyXCI+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJwcmlvcml0eSA9PSAnZmlhdCdcIj5cbiAgICAgICAgPGdyYXZpdHktY3VycmVuY3ktZHJvcGRvd24tc2hvcnQgW3NpemVdPVwiZmlhdEN1cnJlbmNpZXNTaXplXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidXBkYXRlRmlhdEN1cnJlbmN5KCRldmVudClcIiBbY3lwcmVzc1RhZ109XCInYW1vdW50RmlhdCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlnXT1cImZpYXRDdXJyZW5jaWVzXCIvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicHJpb3JpdHkgPT0gJ2NyeXB0bydcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiBbY2xhc3MuZ3Jhdml0eS1wYWRkaW5nLWlubGluZS14eHNdPVwiZmlhdEN1cnJlbmNpZXNTaXplID09ICdzbSdcIlxuICAgICAgICAgICBbY2xhc3MuZ3Jhdml0eS1wYWRkaW5nLWlubGluZS1zbV09XCJmaWF0Q3VycmVuY2llc1NpemUgPT0gJ21kJ1wiPnt7IGNyeXB0b0N1cnJlbmN5LmN1cnJlbmN5X2lzbyB9fTwvcD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGhyPlxuXG4gICAgPCEtLUVxdWl2YWxlbmNlIHJvdy0tPlxuICAgIDxkaXYgY2xhc3M9XCJlcXVpdmFsZW5jZSBhbW91bnQtcm93XCI+XG4gICAgICA8cCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPlxuICAgICAgICDiiYgge3sgcHJpb3JpdHkgPT0gJ2NyeXB0bycgPyB2YWx1ZUZpYXQgOiB2YWx1ZUNyeXB0byB9fVxuICAgICAgPC9wPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicHJpb3JpdHkgPT0gJ2NyeXB0bydcIj5cbiAgICAgICAgPGdyYXZpdHktY3VycmVuY3ktZHJvcGRvd24tc2hvcnQgW3NpemVdPVwiZmlhdEN1cnJlbmNpZXNTaXplXCIgW3JlYWRvbmx5XT1cInRydWVcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlnXT1cImZpYXRDdXJyZW5jaWVzXCIvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicHJpb3JpdHkgPT0gJ2ZpYXQnXCI+XG4gICAgICAgIDxwIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCIgW2NsYXNzLmdyYXZpdHktcGFkZGluZy1pbmxpbmUteHhzXT1cImZpYXRDdXJyZW5jaWVzU2l6ZSA9PSAnc20nXCJcbiAgICAgICAgICAgW2NsYXNzLmdyYXZpdHktcGFkZGluZy1pbmxpbmUtc21dPVwiZmlhdEN1cnJlbmNpZXNTaXplID09ICdtZCdcIj57eyBjcnlwdG9DdXJyZW5jeS5jdXJyZW5jeV9pc28gfX08L3A+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/forms";
|
|
5
|
-
import * as i3 from "../gravity-icon/gravity-icon.component";
|
|
6
|
-
export class GravityTextFieldNumberOnlyComponent {
|
|
7
|
-
constructor(renderer) {
|
|
8
|
-
this.renderer = renderer;
|
|
9
|
-
this.textFieldValueResponse = new EventEmitter();
|
|
10
|
-
// Component
|
|
11
|
-
this.currentLang = 'en';
|
|
12
|
-
this.customState = 'default';
|
|
13
|
-
this.size = 'md';
|
|
14
|
-
this.focusInput = false;
|
|
15
|
-
this.inputValue = '';
|
|
16
|
-
}
|
|
17
|
-
clearInput() {
|
|
18
|
-
this.inputValue = '';
|
|
19
|
-
}
|
|
20
|
-
getTextFieldStatus() {
|
|
21
|
-
if (this.customState == 'default') {
|
|
22
|
-
if (!this.focusInput && !this.inputValue) {
|
|
23
|
-
return 'active';
|
|
24
|
-
}
|
|
25
|
-
else if (!this.focusInput && this.inputValue) {
|
|
26
|
-
return 'typed';
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
return 'typing';
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
return this.customState;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
onKeyDownEvent($event) {
|
|
37
|
-
let navigationKeys = ['Backspace', 'Delete', 'Tab', 'Escape', 'Home', 'End', 'ArrowLeft', 'ArrowRight', 'Clear', 'Copy', 'Paste'];
|
|
38
|
-
if (navigationKeys.indexOf($event.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
|
|
39
|
-
($event.key === 'a' && $event.ctrlKey === true) || // Allow: Ctrl+A
|
|
40
|
-
($event.key === 'c' && $event.ctrlKey === true) || // Allow: Ctrl+C
|
|
41
|
-
($event.key === 'v' && $event.ctrlKey === true) || // Allow: Ctrl+V
|
|
42
|
-
($event.key === 'x' && $event.ctrlKey === true) || // Allow: Ctrl+X
|
|
43
|
-
($event.key === 'a' && $event.metaKey === true) || // Allow: Cmd+A (Mac)
|
|
44
|
-
($event.key === 'c' && $event.metaKey === true) || // Allow: Cmd+C (Mac)
|
|
45
|
-
($event.key === 'v' && $event.metaKey === true) || // Allow: Cmd+V (Mac)
|
|
46
|
-
($event.key === 'x' && $event.metaKey === true) // Allow: Cmd+X (Mac)
|
|
47
|
-
) {
|
|
48
|
-
// let it happen, don't do anything
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
// Ensure that it is a number and stop the keypress
|
|
52
|
-
if (($event.shiftKey || ($event.keyCode < 48 || $event.keyCode > 57)) &&
|
|
53
|
-
($event.keyCode < 96 || $event.keyCode > 105)) {
|
|
54
|
-
$event.preventDefault();
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
returnValue() {
|
|
58
|
-
if (this.inputValue == '') {
|
|
59
|
-
this.textFieldValueResponse.emit('');
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
this.textFieldValueResponse.emit(this.inputValue);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
setFocus(textareaElement) {
|
|
66
|
-
let containers = [this.digitContainer0, this.digitContainer1, this.digitContainer2, this.digitContainer3, this.digitContainer4, this.digitContainer5];
|
|
67
|
-
for (let index = 0; index < containers.length; index++) {
|
|
68
|
-
if (index == textareaElement.selectionStart) {
|
|
69
|
-
this.renderer.addClass(containers[index].nativeElement, 'focused');
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.renderer.removeClass(containers[index].nativeElement, 'focused');
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
if (textareaElement.selectionStart == 6) {
|
|
76
|
-
this.renderer.addClass(textareaElement, 'hide-caret');
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
this.renderer.removeClass(textareaElement, 'hide-caret');
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTextFieldNumberOnlyComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTextFieldNumberOnlyComponent, selector: "gravity-text-field-number-only", inputs: { currentLang: "currentLang", customState: "customState", cypressTag: "cypressTag", label: "label", required: "required", size: "size", supportText: "supportText", labelExtraText: "labelExtraText" }, outputs: { textFieldValueResponse: "response" }, viewQueries: [{ propertyName: "digitContainer0", first: true, predicate: ["digitContainer0"], descendants: true }, { propertyName: "digitContainer1", first: true, predicate: ["digitContainer1"], descendants: true }, { propertyName: "digitContainer2", first: true, predicate: ["digitContainer2"], descendants: true }, { propertyName: "digitContainer3", first: true, predicate: ["digitContainer3"], descendants: true }, { propertyName: "digitContainer4", first: true, predicate: ["digitContainer4"], descendants: true }, { propertyName: "digitContainer5", first: true, predicate: ["digitContainer5"], descendants: true }], ngImport: i0, template: "<div class=\"{{size}}\" style=\"width: fit-content\">\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\" *ngIf=\"label\">\n {{label}} <span *ngIf=\"required || getTextFieldStatus() == 'typed-error'\">*</span>\n <span [class.extra-text]=\"labelExtraText\" *ngIf=\"labelExtraText\">{{ labelExtraText }}</span>\n </label>\n <div class=\"text-field-number-only-wrapper {{getTextFieldStatus()}}\">\n <textarea [attr.data-cy]=\"cypressTag ? 'textFieldNumbers_'+cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n #textAreaElement\n\n autocomplete=\"off\"\n class=\"hr-label {{size}}-regular\"\n cols=\"6\"\n maxlength=\"6\"\n minlength=\"6\"\n inputmode=\"numeric\"\n placeholder=\"______\"\n rows=\"1\"\n type=\"text\"\n\n [(ngModel)]=\"inputValue\"\n\n (blur)=\"focusInput = false\"\n (click)=\"setFocus(textAreaElement)\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"setFocus(textAreaElement); returnValue()\"></textarea>\n <div class=\"digit-container\" #digitContainer0></div>\n <div class=\"digit-container\" #digitContainer1></div>\n <div class=\"digit-container\" #digitContainer2></div>\n <div class=\"digit-container\" #digitContainer3></div>\n <div class=\"digit-container\" #digitContainer4></div>\n <div class=\"digit-container\" #digitContainer5></div>\n <div class=\"overflow\"></div>\n </div>\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\"\n *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"getTextFieldStatus() == 'typed-error'\"\n [iconSize]=\"'sm-12'\"></gravity-icon>\n {{supportText}}\n </p>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:var(--label-margin)}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important;margin-left:.25rem}.text-field-number-only-wrapper{display:flex;grid-column-gap:var(--text-field-number-only-wrapper-grid-column-gap);--input-border-width: .5px;position:relative}textarea{background-color:transparent;border:0;color:var(--textarea-color);height:var(--textarea-height);letter-spacing:var(--textarea-letter-spacing)!important;line-height:1;resize:none;outline:0;padding:var(--textarea-padding);position:absolute;width:var(--textarea-width)}textarea::placeholder{color:var(--textarea-placeholder-color)}textarea.hide-caret{caret-color:transparent}.digit-container{background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);border-radius:.3125rem;height:var(--textarea-height);padding:var(--input-padding);width:var(--input-width)}.overflow{height:var(--textarea-height);left:100%;position:absolute;top:0;width:var(--input-width)}.text-field-number-only-wrapper.active{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-empty-enabled-primary);--textarea-color: var(--placeholder-empty-enabled-primary);--textarea-placeholder-color: var(--placeholder-empty-enabled-primary)}.text-field-number-only-wrapper.active:hover{--input-border-width: 1px}.text-field-number-only-wrapper.hover{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-empty-enabled-primary);--input-border-width: 1px;--textarea-color: var(--placeholder-empty-enabled-primary);--textarea-placeholder-color: var(--placeholder-empty-enabled-primary)}.text-field-number-only-wrapper.typing{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-full-enabled-primary);--input-border-width: 1px;--textarea-color: var(--placeholder-full-enabled-pressed-primary);--textarea-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.text-field-number-only-wrapper.typing .digit-container.focused{--input-border-color: var(--outline-field-full-enabled-pressed-primary);outline:var(--input-border-width) solid var(--input-border-color)}.text-field-number-only-wrapper.typed{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--outline-field-full-enabled-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.typed-error{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--negative-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.typed-positive{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--positive-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.disabled,.text-field-number-only-wrapper input[disabled]{--input-background-color: var(--bg-field-empty-disabled-primary);--input-border-color: var(--outline-disabled);--input-border-width: 1px;--textarea-color: var(--on-bg-disabled);--textarea-placeholder-color: var(--on-bg-disabled)}.text-field-number-only-wrapper.readonly,.text-field-number-only-wrapper input[readonly]{--input-background-color: var(--bg-field-full-read-only-primary);--input-border-color: var(--bg-field-full-read-only-primary);--input-border-width: 1px;--textarea-color: var(--input-text-full-read-only-primary);--textarea-placeholder-color: var(--input-text-full-read-only-primary)}.supporting-text{align-items:center;color:var(--supporting-text-color);display:flex;margin-left:0;margin-top:var(--supporting-text-margin-top)}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--supporting-text-icon-size);--icon-width: var(--supporting-text-icon-size);margin-right:5px}\n", ".md{--label-margin: 0 0 8px;--input-padding: 11px 12px;--input-width: 35px;--supporting-text-icon-size: 9px;--supporting-text-margin-top: 8px;--text-field-number-only-wrapper-grid-column-gap: 5px;--textarea-height: 35px;--textarea-letter-spacing: 31.3px;--textarea-padding: 9px 12px;--textarea-width: 290px}.md .text-field-number-only-wrapper textarea:placeholder-shown{--textarea-letter-spacing: 32.5px}.sm{--label-margin: 0 0 5px;--input-padding: 8px 12px;--input-width: 33px;--supporting-text-icon-size: 9px;--supporting-text-margin-top: 5px;--text-field-number-only-wrapper-grid-column-gap: 4px;--textarea-height: 29px;--textarea-letter-spacing: 30.5px;--textarea-padding: var(--input-padding);--textarea-width: 260px}.sm .text-field-number-only-wrapper textarea:placeholder-shown{--textarea-letter-spacing: 31.5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
84
|
-
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTextFieldNumberOnlyComponent, decorators: [{
|
|
86
|
-
type: Component,
|
|
87
|
-
args: [{ selector: 'gravity-text-field-number-only', template: "<div class=\"{{size}}\" style=\"width: fit-content\">\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\" *ngIf=\"label\">\n {{label}} <span *ngIf=\"required || getTextFieldStatus() == 'typed-error'\">*</span>\n <span [class.extra-text]=\"labelExtraText\" *ngIf=\"labelExtraText\">{{ labelExtraText }}</span>\n </label>\n <div class=\"text-field-number-only-wrapper {{getTextFieldStatus()}}\">\n <textarea [attr.data-cy]=\"cypressTag ? 'textFieldNumbers_'+cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n #textAreaElement\n\n autocomplete=\"off\"\n class=\"hr-label {{size}}-regular\"\n cols=\"6\"\n maxlength=\"6\"\n minlength=\"6\"\n inputmode=\"numeric\"\n placeholder=\"______\"\n rows=\"1\"\n type=\"text\"\n\n [(ngModel)]=\"inputValue\"\n\n (blur)=\"focusInput = false\"\n (click)=\"setFocus(textAreaElement)\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"setFocus(textAreaElement); returnValue()\"></textarea>\n <div class=\"digit-container\" #digitContainer0></div>\n <div class=\"digit-container\" #digitContainer1></div>\n <div class=\"digit-container\" #digitContainer2></div>\n <div class=\"digit-container\" #digitContainer3></div>\n <div class=\"digit-container\" #digitContainer4></div>\n <div class=\"digit-container\" #digitContainer5></div>\n <div class=\"overflow\"></div>\n </div>\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\"\n *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"getTextFieldStatus() == 'typed-error'\"\n [iconSize]=\"'sm-12'\"></gravity-icon>\n {{supportText}}\n </p>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:var(--label-margin)}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important;margin-left:.25rem}.text-field-number-only-wrapper{display:flex;grid-column-gap:var(--text-field-number-only-wrapper-grid-column-gap);--input-border-width: .5px;position:relative}textarea{background-color:transparent;border:0;color:var(--textarea-color);height:var(--textarea-height);letter-spacing:var(--textarea-letter-spacing)!important;line-height:1;resize:none;outline:0;padding:var(--textarea-padding);position:absolute;width:var(--textarea-width)}textarea::placeholder{color:var(--textarea-placeholder-color)}textarea.hide-caret{caret-color:transparent}.digit-container{background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);border-radius:.3125rem;height:var(--textarea-height);padding:var(--input-padding);width:var(--input-width)}.overflow{height:var(--textarea-height);left:100%;position:absolute;top:0;width:var(--input-width)}.text-field-number-only-wrapper.active{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-empty-enabled-primary);--textarea-color: var(--placeholder-empty-enabled-primary);--textarea-placeholder-color: var(--placeholder-empty-enabled-primary)}.text-field-number-only-wrapper.active:hover{--input-border-width: 1px}.text-field-number-only-wrapper.hover{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-empty-enabled-primary);--input-border-width: 1px;--textarea-color: var(--placeholder-empty-enabled-primary);--textarea-placeholder-color: var(--placeholder-empty-enabled-primary)}.text-field-number-only-wrapper.typing{--input-background-color: var(--bg-field-empty-enabled-primary);--input-border-color: var(--outline-field-full-enabled-primary);--input-border-width: 1px;--textarea-color: var(--placeholder-full-enabled-pressed-primary);--textarea-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.text-field-number-only-wrapper.typing .digit-container.focused{--input-border-color: var(--outline-field-full-enabled-pressed-primary);outline:var(--input-border-width) solid var(--input-border-color)}.text-field-number-only-wrapper.typed{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--outline-field-full-enabled-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.typed-error{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--negative-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.typed-positive{--input-background-color: var(--bg-field-full-enabled-primary);--input-border-color: var(--positive-primary);--input-border-width: 1px;--textarea-color: var(--label-text-full-enabled-primary);--textarea-placeholder-color: var(--label-text-full-enabled-primary)}.text-field-number-only-wrapper.disabled,.text-field-number-only-wrapper input[disabled]{--input-background-color: var(--bg-field-empty-disabled-primary);--input-border-color: var(--outline-disabled);--input-border-width: 1px;--textarea-color: var(--on-bg-disabled);--textarea-placeholder-color: var(--on-bg-disabled)}.text-field-number-only-wrapper.readonly,.text-field-number-only-wrapper input[readonly]{--input-background-color: var(--bg-field-full-read-only-primary);--input-border-color: var(--bg-field-full-read-only-primary);--input-border-width: 1px;--textarea-color: var(--input-text-full-read-only-primary);--textarea-placeholder-color: var(--input-text-full-read-only-primary)}.supporting-text{align-items:center;color:var(--supporting-text-color);display:flex;margin-left:0;margin-top:var(--supporting-text-margin-top)}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--supporting-text-icon-size);--icon-width: var(--supporting-text-icon-size);margin-right:5px}\n", ".md{--label-margin: 0 0 8px;--input-padding: 11px 12px;--input-width: 35px;--supporting-text-icon-size: 9px;--supporting-text-margin-top: 8px;--text-field-number-only-wrapper-grid-column-gap: 5px;--textarea-height: 35px;--textarea-letter-spacing: 31.3px;--textarea-padding: 9px 12px;--textarea-width: 290px}.md .text-field-number-only-wrapper textarea:placeholder-shown{--textarea-letter-spacing: 32.5px}.sm{--label-margin: 0 0 5px;--input-padding: 8px 12px;--input-width: 33px;--supporting-text-icon-size: 9px;--supporting-text-margin-top: 5px;--text-field-number-only-wrapper-grid-column-gap: 4px;--textarea-height: 29px;--textarea-letter-spacing: 30.5px;--textarea-padding: var(--input-padding);--textarea-width: 260px}.sm .text-field-number-only-wrapper textarea:placeholder-shown{--textarea-letter-spacing: 31.5px}\n"] }]
|
|
88
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { textFieldValueResponse: [{
|
|
89
|
-
type: Output,
|
|
90
|
-
args: ['response']
|
|
91
|
-
}], digitContainer0: [{
|
|
92
|
-
type: ViewChild,
|
|
93
|
-
args: ['digitContainer0', { static: false }]
|
|
94
|
-
}], digitContainer1: [{
|
|
95
|
-
type: ViewChild,
|
|
96
|
-
args: ['digitContainer1', { static: false }]
|
|
97
|
-
}], digitContainer2: [{
|
|
98
|
-
type: ViewChild,
|
|
99
|
-
args: ['digitContainer2', { static: false }]
|
|
100
|
-
}], digitContainer3: [{
|
|
101
|
-
type: ViewChild,
|
|
102
|
-
args: ['digitContainer3', { static: false }]
|
|
103
|
-
}], digitContainer4: [{
|
|
104
|
-
type: ViewChild,
|
|
105
|
-
args: ['digitContainer4', { static: false }]
|
|
106
|
-
}], digitContainer5: [{
|
|
107
|
-
type: ViewChild,
|
|
108
|
-
args: ['digitContainer5', { static: false }]
|
|
109
|
-
}], currentLang: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}], customState: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], cypressTag: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], label: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], required: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], size: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], supportText: [{
|
|
122
|
-
type: Input
|
|
123
|
-
}], labelExtraText: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}] } });
|
|
126
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10ZXh0LWZpZWxkLW51bWJlci1vbmx5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10ZXh0LWZpZWxkLW51bWJlci1vbmx5L2dyYXZpdHktdGV4dC1maWVsZC1udW1iZXItb25seS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGV4dC1maWVsZC1udW1iZXItb25seS9ncmF2aXR5LXRleHQtZmllbGQtbnVtYmVyLW9ubHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTzNGLE1BQU0sT0FBTyxtQ0FBbUM7SUFzQjlDLFlBQTZCLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7UUFyQnJCLDJCQUFzQixHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBUTdGLFlBQVk7UUFDSSxnQkFBVyxHQUFXLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFxSCxTQUFTLENBQUM7UUFJMUksU0FBSSxHQUFnQixJQUFJLENBQUM7UUFJbEMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixlQUFVLEdBQVcsRUFBRSxDQUFDO0lBRy9CLENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVNLGtCQUFrQjtRQUN2QixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksU0FBUyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJ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QUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDO2dCQUNVLGVBQWU7c0JBQXJFLFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDO2dCQUc3QixXQUFXO3NCQUExQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktdGV4dC1maWVsZC1udW1iZXItb25seScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXRleHQtZmllbGQtbnVtYmVyLW9ubHkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXRleHQtZmllbGQtbnVtYmVyLW9ubHkuY29tcG9uZW50LnNjc3MnLCAnLi9ncmF2aXR5LXRleHQtZmllbGQtbnVtYmVyLW9ubHkudmFyaWFibGVzLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5VGV4dEZpZWxkTnVtYmVyT25seUNvbXBvbmVudCB7XG4gIEBPdXRwdXQoJ3Jlc3BvbnNlJykgcHVibGljIHRleHRGaWVsZFZhbHVlUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAVmlld0NoaWxkKCdkaWdpdENvbnRhaW5lcjAnLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgZGlnaXRDb250YWluZXIwOiBhbnk7XG4gIEBWaWV3Q2hpbGQoJ2RpZ2l0Q29udGFpbmVyMScsIHtzdGF0aWM6IGZhbHNlfSkgcHJpdmF0ZSBkaWdpdENvbnRhaW5lcjE6IGFueTtcbiAgQFZpZXdDaGlsZCgnZGlnaXRDb250YWluZXIyJywge3N0YXRpYzogZmFsc2V9KSBwcml2YXRlIGRpZ2l0Q29udGFpbmVyMjogYW55O1xuICBAVmlld0NoaWxkKCdkaWdpdENvbnRhaW5lcjMnLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgZGlnaXRDb250YWluZXIzOiBhbnk7XG4gIEBWaWV3Q2hpbGQoJ2RpZ2l0Q29udGFpbmVyNCcsIHtzdGF0aWM6IGZhbHNlfSkgcHJpdmF0ZSBkaWdpdENvbnRhaW5lcjQ6IGFueTtcbiAgQFZpZXdDaGlsZCgnZGlnaXRDb250YWluZXI1Jywge3N0YXRpYzogZmFsc2V9KSBwcml2YXRlIGRpZ2l0Q29udGFpbmVyNTogYW55O1xuXG4gIC8vIENvbXBvbmVudFxuICBASW5wdXQoKSBwdWJsaWMgY3VycmVudExhbmc6IHN0cmluZyA9ICdlbic7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21TdGF0ZTogJ2RlZmF1bHQnIHwgJ2FjdGl2ZScgfCAnaG92ZXInIHwgJ3R5cGluZycgfCAndHlwZWQnIHwgJ3R5cGVkLWVycm9yJyB8ICd0eXBlZC1wb3NpdGl2ZScgfCAnZGlzYWJsZWQnIHwgJ3JlYWRvbmx5JyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyByZXF1aXJlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnID0gJ21kJztcbiAgQElucHV0KCkgcHVibGljIHN1cHBvcnRUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbEV4dHJhVGV4dDogc3RyaW5nO1xuXG4gIHB1YmxpYyBmb2N1c0lucHV0OiBib29sZWFuID0gZmFsc2U7XG4gIHB1YmxpYyBpbnB1dFZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgfVxuXG4gIHB1YmxpYyBjbGVhcklucHV0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRWYWx1ZSA9ICcnO1xuICB9XG5cbiAgcHVibGljIGdldFRleHRGaWVsZFN0YXR1cygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmN1c3RvbVN0YXRlID09ICdkZWZhdWx0Jykge1xuICAgICAgaWYgKCF0aGlzLmZvY3VzSW5wdXQgJiYgIXRoaXMuaW5wdXRWYWx1ZSkge1xuICAgICAgICByZXR1cm4gJ2FjdGl2ZSc7XG4gICAgICB9IGVsc2UgaWYgKCF0aGlzLmZvY3VzSW5wdXQgJiYgdGhpcy5pbnB1dFZhbHVlKSB7XG4gICAgICAgIHJldHVybiAndHlwZWQnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuICd0eXBpbmcnO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy5jdXN0b21TdGF0ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25LZXlEb3duRXZlbnQoJGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgbGV0IG5hdmlnYXRpb25LZXlzOiBzdHJpbmdbXSA9IFsnQmFja3NwYWNlJywgJ0RlbGV0ZScsICdUYWInLCAnRXNjYXBlJywgJ0hvbWUnLCAnRW5kJywgJ0Fycm93TGVmdCcsICdBcnJvd1JpZ2h0JywgJ0NsZWFyJywgJ0NvcHknLCAnUGFzdGUnXTtcblxuICAgIGlmIChcbiAgICAgIG5hdmlnYXRpb25LZXlzLmluZGV4T2YoJGV2ZW50LmtleSkgPiAtMSB8fCAvLyBBbGxvdzogbmF2aWdhdGlvbiBrZXlzOiBiYWNrc3BhY2UsIGRlbGV0ZSwgYXJyb3dzIGV0Yy5cbiAgICAgICgkZXZlbnQua2V5ID09PSAnYScgJiYgJGV2ZW50LmN0cmxLZXkgPT09IHRydWUpIHx8IC8vIEFsbG93OiBDdHJsK0FcbiAgICAgICgkZXZlbnQua2V5ID09PSAnYycgJiYgJGV2ZW50LmN0cmxLZXkgPT09IHRydWUpIHx8IC8vIEFsbG93OiBDdHJsK0NcbiAgICAgICgkZXZlbnQua2V5ID09PSAndicgJiYgJGV2ZW50LmN0cmxLZXkgPT09IHRydWUpIHx8IC8vIEFsbG93OiBDdHJsK1ZcbiAgICAgICgkZXZlbnQua2V5ID09PSAneCcgJiYgJGV2ZW50LmN0cmxLZXkgPT09IHRydWUpIHx8IC8vIEFsbG93OiBDdHJsK1hcbiAgICAgICgkZXZlbnQua2V5ID09PSAnYScgJiYgJGV2ZW50Lm1ldGFLZXkgPT09IHRydWUpIHx8IC8vIEFsbG93OiBDbWQrQSAoTWFjKVxuICAgICAgKCRldmVudC5rZXkgPT09ICdjJyAmJiAkZXZlbnQubWV0YUtleSA9PT0gdHJ1ZSkgfHwgLy8gQWxsb3c6IENtZCtDIChNYWMpXG4gICAgICAoJGV2ZW50LmtleSA9PT0gJ3YnICYmICRldmVudC5tZXRhS2V5ID09PSB0cnVlKSB8fCAvLyBBbGxvdzogQ21kK1YgKE1hYylcbiAgICAgICgkZXZlbnQua2V5ID09PSAneCcgJiYgJGV2ZW50Lm1ldGFLZXkgPT09IHRydWUpIC8vIEFsbG93OiBDbWQrWCAoTWFjKVxuICAgICkge1xuICAgICAgLy8gbGV0IGl0IGhhcHBlbiwgZG9uJ3QgZG8gYW55dGhpbmdcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBFbnN1cmUgdGhhdCBpdCBpcyBhIG51bWJlciBhbmQgc3RvcCB0aGUga2V5cHJlc3NcbiAgICBpZiAoXG4gICAgICAoJGV2ZW50LnNoaWZ0S2V5IHx8ICgkZXZlbnQua2V5Q29kZSA8IDQ4IHx8ICRldmVudC5rZXlDb2RlID4gNTcpKSAmJlxuICAgICAgKCRldmVudC5rZXlDb2RlIDwgOTYgfHwgJGV2ZW50LmtleUNvZGUgPiAxMDUpXG4gICAgKSB7XG4gICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmV0dXJuVmFsdWUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaW5wdXRWYWx1ZSA9PSAnJykge1xuICAgICAgdGhpcy50ZXh0RmllbGRWYWx1ZVJlc3BvbnNlLmVtaXQoJycpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnRleHRGaWVsZFZhbHVlUmVzcG9uc2UuZW1pdCh0aGlzLmlucHV0VmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBzZXRGb2N1cyh0ZXh0YXJlYUVsZW1lbnQ6IEhUTUxUZXh0QXJlYUVsZW1lbnQpOiB2b2lkIHtcbiAgICBsZXQgY29udGFpbmVyczogYW55W10gPSBbdGhpcy5kaWdpdENvbnRhaW5lcjAsIHRoaXMuZGlnaXRDb250YWluZXIxLCB0aGlzLmRpZ2l0Q29udGFpbmVyMiwgdGhpcy5kaWdpdENvbnRhaW5lcjMsIHRoaXMuZGlnaXRDb250YWluZXI0LCB0aGlzLmRpZ2l0Q29udGFpbmVyNV07XG5cbiAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgY29udGFpbmVycy5sZW5ndGg7IGluZGV4KyspIHtcbiAgICAgIGlmIChpbmRleCA9PSB0ZXh0YXJlYUVsZW1lbnQuc2VsZWN0aW9uU3RhcnQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhjb250YWluZXJzW2luZGV4XS5uYXRpdmVFbGVtZW50LCAnZm9jdXNlZCcpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhjb250YWluZXJzW2luZGV4XS5uYXRpdmVFbGVtZW50LCAnZm9jdXNlZCcpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmICh0ZXh0YXJlYUVsZW1lbnQuc2VsZWN0aW9uU3RhcnQgPT0gNikge1xuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0ZXh0YXJlYUVsZW1lbnQsICdoaWRlLWNhcmV0Jyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGV4dGFyZWFFbGVtZW50LCAnaGlkZS1jYXJldCcpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInt7c2l6ZX19XCIgc3R5bGU9XCJ3aWR0aDogZml0LWNvbnRlbnRcIj5cbiAgPGxhYmVsIGNsYXNzPVwiaHItbGFiZWwgc20tYm9sZCB7e2dldFRleHRGaWVsZFN0YXR1cygpfX1cIiBbY2xhc3MuY3VzdG9tLWxhYmVsLXNpemVdPVwic2l6ZSA9PSAnc20nXCIgKm5nSWY9XCJsYWJlbFwiPlxuICAgIHt7bGFiZWx9fSA8c3BhbiAqbmdJZj1cInJlcXVpcmVkIHx8IGdldFRleHRGaWVsZFN0YXR1cygpID09ICd0eXBlZC1lcnJvcidcIj4qPC9zcGFuPlxuICAgIDxzcGFuIFtjbGFzcy5leHRyYS10ZXh0XT1cImxhYmVsRXh0cmFUZXh0XCIgKm5nSWY9XCJsYWJlbEV4dHJhVGV4dFwiPnt7IGxhYmVsRXh0cmFUZXh0IH19PC9zcGFuPlxuICA8L2xhYmVsPlxuICA8ZGl2IGNsYXNzPVwidGV4dC1maWVsZC1udW1iZXItb25seS13cmFwcGVyIHt7Z2V0VGV4dEZpZWxkU3RhdHVzKCl9fVwiPlxuICAgIDx0ZXh0YXJlYSBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWcgPyAndGV4dEZpZWxkTnVtYmVyc18nK2N5cHJlc3NUYWcgOiBudWxsXCJcbiAgICAgICAgICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiY3VzdG9tU3RhdGUgPT0gJ2Rpc2FibGVkJyA/IHRydWUgOiBudWxsXCJcbiAgICAgICAgICAgICAgW2F0dHIucmVhZG9ubHldPVwiY3VzdG9tU3RhdGUgPT0gJ3JlYWRvbmx5JyA/IHRydWUgOiBudWxsXCJcbiAgICAgICAgICAgICAgI3RleHRBcmVhRWxlbWVudFxuXG4gICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgIGNsYXNzPVwiaHItbGFiZWwge3tzaXplfX0tcmVndWxhclwiXG4gICAgICAgICAgICAgIGNvbHM9XCI2XCJcbiAgICAgICAgICAgICAgbWF4bGVuZ3RoPVwiNlwiXG4gICAgICAgICAgICAgIG1pbmxlbmd0aD1cIjZcIlxuICAgICAgICAgICAgICBpbnB1dG1vZGU9XCJudW1lcmljXCJcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJfX19fX19cIlxuICAgICAgICAgICAgICByb3dzPVwiMVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcblxuICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxuXG4gICAgICAgICAgICAgIChibHVyKT1cImZvY3VzSW5wdXQgPSBmYWxzZVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJzZXRGb2N1cyh0ZXh0QXJlYUVsZW1lbnQpXCJcbiAgICAgICAgICAgICAgKGZvY3VzKT1cImZvY3VzSW5wdXQgPSB0cnVlXCJcbiAgICAgICAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duRXZlbnQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIChrZXl1cCk9XCJzZXRGb2N1cyh0ZXh0QXJlYUVsZW1lbnQpOyByZXR1cm5WYWx1ZSgpXCI+PC90ZXh0YXJlYT5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyMD48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyMT48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyMj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyMz48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyND48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlnaXQtY29udGFpbmVyXCIgI2RpZ2l0Q29udGFpbmVyNT48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmZsb3dcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxwIGNsYXNzPVwiaHItbGFiZWwgc20tcmVndWxhciBzdXBwb3J0aW5nLXRleHQge3tnZXRUZXh0RmllbGRTdGF0dXMoKX19XCIgW2NsYXNzLmN1c3RvbS1sYWJlbC1zaXplXT1cInNpemUgPT0gJ3NtJ1wiXG4gICAgICpuZ0lmPVwic3VwcG9ydFRleHRcIj5cbiAgICA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCIncXVlc3Rpb24tY2lyY2xlJ1wiICpuZ0lmPVwiZ2V0VGV4dEZpZWxkU3RhdHVzKCkgPT0gJ3R5cGVkLWVycm9yJ1wiXG4gICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiPjwvZ3Jhdml0eS1pY29uPlxuICAgIHt7c3VwcG9ydFRleHR9fVxuICA8L3A+XG48L2Rpdj5cbiJdfQ==
|
package/esm2022/lib/components/gravity-tooltip-container/gravity-tooltip-container.component.mjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../gravity-button/gravity-button.component";
|
|
5
|
-
import * as i3 from "../gravity-icon-button/gravity-icon-button.component";
|
|
6
|
-
import * as i4 from "../gravity-icon/gravity-icon.component";
|
|
7
|
-
import * as i5 from "../gravity-status-indicator/gravity-status-indicator.component";
|
|
8
|
-
import * as i6 from "../gravity-pagination/gravity-pagination.component";
|
|
9
|
-
export class GravityTooltipContainerComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.closeBanner = new EventEmitter();
|
|
12
|
-
this.actionButton = new EventEmitter();
|
|
13
|
-
this.currentPage = 1;
|
|
14
|
-
}
|
|
15
|
-
get currentBanner() {
|
|
16
|
-
return this.tooltipBanner[this.currentPage - 1] ?? null;
|
|
17
|
-
}
|
|
18
|
-
changePage(event) {
|
|
19
|
-
this.currentPage = event.page;
|
|
20
|
-
}
|
|
21
|
-
closeBannerTooltip() {
|
|
22
|
-
this.closeBanner.emit();
|
|
23
|
-
}
|
|
24
|
-
actionButtonClicked() {
|
|
25
|
-
this.actionButton.emit();
|
|
26
|
-
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTooltipContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTooltipContainerComponent, selector: "gravity-tooltip-container", inputs: { cypressTag: "cypressTag", tooltipBanner: "tooltipBanner", tooltipSimple: "tooltipSimple" }, outputs: { closeBanner: "closeBanner", actionButton: "actionButton" }, ngImport: i0, template: "<!--Tooltip Banner-->\n<div class=\"gravity-tooltip-container banner\" *ngIf=\"tooltipBanner\">\n <div class=\"top-container\" *ngIf=\"currentBanner?.imageUrl\"\n [ngStyle]=\"{ 'background-image': currentBanner.imageUrl ? 'url(' + currentBanner.imageUrl + ')' : 'none' }\">\n <div class=\"actions-container\">\n <gravity-status-indicator *ngIf=\"currentBanner.actionContent\" [size]=\"'sm'\"\n [text]=\"currentBanner.actionContent.text\"\n [icon]=\"currentBanner.actionContent.icon\"\n [status]=\"currentBanner.actionContent.status\"></gravity-status-indicator>\n <gravity-icon-button class=\"close-icon\" [icon]=\"'unsuccess'\" [type]=\"'secondary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n </div>\n\n <div class=\"bottom-container\">\n <div class=\"body\">\n <div class=\"header\">\n <div class=\"title\">\n <gravity-icon *ngIf=\"currentBanner.header.icon\" [iconName]=\"currentBanner.header.icon\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n <p class=\"hr-title md-bold\" *ngIf=\"currentBanner.header.title\" [innerHTML]=\"currentBanner.header.title\"></p>\n <gravity-icon-button *ngIf=\"!currentBanner.imageUrl\" [icon]=\"'unsuccess'\"\n [type]=\"'primary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n <p class=\"hr-body sm-regular subtitle\" *ngIf=\"currentBanner.header.subtitle\"\n [innerHTML]=\"currentBanner.header.subtitle\"></p>\n </div>\n <hr class=\"divider\">\n <p class=\"hr-body sm-regular\" *ngIf=\"currentBanner.body\" [innerHTML]=\"currentBanner.body\"></p>\n </div>\n\n <gravity-button *ngIf=\"currentBanner.button\" [type]=\"currentBanner.button.type\" [size]=\"'sm'\"\n [iconName]=\"currentBanner.button.icon\" (click)=\"actionButtonClicked()\"\n [iconPosition]=\"currentBanner.button.iconPosition\">{{ currentBanner.button.text }}\n </gravity-button>\n\n <gravity-pagination *ngIf=\"tooltipBanner.length > 1\" [totalItems]=\"tooltipBanner.length\" [itemsPerPage]=\"1\"\n [currentPage]=\"currentPage\"\n [type]=\"'dots'\" (pageChanged)=\"changePage($event)\"></gravity-pagination>\n </div>\n</div>\n\n<!--Tooltip Simple-->\n<div class=\"gravity-tooltip-container simple\" *ngIf=\"tooltipSimple\">\n <p class=\"hr-body sm-bold\" *ngIf=\"tooltipSimple?.title\" [innerHTML]=\"tooltipSimple?.title\"></p>\n <p class=\"hr-body sm-regular\" *ngIf=\"tooltipSimple?.text\" [innerHTML]=\"tooltipSimple?.text\"></p>\n</div>", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tooltip-container{display:flex;flex-direction:column;border-radius:.3125rem;background:var(--bg-tooltip-primary, #FFF);box-shadow:0 4px 10px #151c2938}.gravity-tooltip-container.banner{width:400px;min-width:400px;max-width:600px}.gravity-tooltip-container.simple{padding:var(--gravity-spacing-xs);justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs);width:-moz-fit-content;width:fit-content}.top-container{height:229px;width:100%;border-radius:5px 5px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.top-container .actions-container{display:flex;padding:var(--gravity-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.top-container .actions-container .close-icon{margin-left:auto}.bottom-container{display:flex;padding:var(--gravity-spacing-md) var(--gravity-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);align-self:stretch}.bottom-container .body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);align-self:stretch}.bottom-container .body .header{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);width:100%}.bottom-container .body .header .title{display:flex;gap:var(--gravity-spacing-xs);align-items:baseline}.bottom-container .body .header .title p{width:100%}.bottom-container .body .header .subtitle{margin-left:var(--gravity-spacing-md)}.bottom-container .body hr.divider{width:100%;border:none;border-top:1px solid var(--cta-primary);margin:0!important}.bottom-container gravity-button{margin-left:auto}.bottom-container gravity-pagination{width:-moz-fit-content;width:fit-content;display:block;margin-inline:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }, { kind: "component", type: i3.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i5.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }, { kind: "component", type: i6.GravityPaginationComponent, selector: "gravity-pagination", inputs: ["currentLang", "cypressTag", "totalItems", "itemsPerPage", "currentPage", "type", "showPageCount", "showArrowDots"], outputs: ["pageChanged"] }] }); }
|
|
29
|
-
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTooltipContainerComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{ selector: 'gravity-tooltip-container', template: "<!--Tooltip Banner-->\n<div class=\"gravity-tooltip-container banner\" *ngIf=\"tooltipBanner\">\n <div class=\"top-container\" *ngIf=\"currentBanner?.imageUrl\"\n [ngStyle]=\"{ 'background-image': currentBanner.imageUrl ? 'url(' + currentBanner.imageUrl + ')' : 'none' }\">\n <div class=\"actions-container\">\n <gravity-status-indicator *ngIf=\"currentBanner.actionContent\" [size]=\"'sm'\"\n [text]=\"currentBanner.actionContent.text\"\n [icon]=\"currentBanner.actionContent.icon\"\n [status]=\"currentBanner.actionContent.status\"></gravity-status-indicator>\n <gravity-icon-button class=\"close-icon\" [icon]=\"'unsuccess'\" [type]=\"'secondary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n </div>\n\n <div class=\"bottom-container\">\n <div class=\"body\">\n <div class=\"header\">\n <div class=\"title\">\n <gravity-icon *ngIf=\"currentBanner.header.icon\" [iconName]=\"currentBanner.header.icon\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n <p class=\"hr-title md-bold\" *ngIf=\"currentBanner.header.title\" [innerHTML]=\"currentBanner.header.title\"></p>\n <gravity-icon-button *ngIf=\"!currentBanner.imageUrl\" [icon]=\"'unsuccess'\"\n [type]=\"'primary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n <p class=\"hr-body sm-regular subtitle\" *ngIf=\"currentBanner.header.subtitle\"\n [innerHTML]=\"currentBanner.header.subtitle\"></p>\n </div>\n <hr class=\"divider\">\n <p class=\"hr-body sm-regular\" *ngIf=\"currentBanner.body\" [innerHTML]=\"currentBanner.body\"></p>\n </div>\n\n <gravity-button *ngIf=\"currentBanner.button\" [type]=\"currentBanner.button.type\" [size]=\"'sm'\"\n [iconName]=\"currentBanner.button.icon\" (click)=\"actionButtonClicked()\"\n [iconPosition]=\"currentBanner.button.iconPosition\">{{ currentBanner.button.text }}\n </gravity-button>\n\n <gravity-pagination *ngIf=\"tooltipBanner.length > 1\" [totalItems]=\"tooltipBanner.length\" [itemsPerPage]=\"1\"\n [currentPage]=\"currentPage\"\n [type]=\"'dots'\" (pageChanged)=\"changePage($event)\"></gravity-pagination>\n </div>\n</div>\n\n<!--Tooltip Simple-->\n<div class=\"gravity-tooltip-container simple\" *ngIf=\"tooltipSimple\">\n <p class=\"hr-body sm-bold\" *ngIf=\"tooltipSimple?.title\" [innerHTML]=\"tooltipSimple?.title\"></p>\n <p class=\"hr-body sm-regular\" *ngIf=\"tooltipSimple?.text\" [innerHTML]=\"tooltipSimple?.text\"></p>\n</div>", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tooltip-container{display:flex;flex-direction:column;border-radius:.3125rem;background:var(--bg-tooltip-primary, #FFF);box-shadow:0 4px 10px #151c2938}.gravity-tooltip-container.banner{width:400px;min-width:400px;max-width:600px}.gravity-tooltip-container.simple{padding:var(--gravity-spacing-xs);justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs);width:-moz-fit-content;width:fit-content}.top-container{height:229px;width:100%;border-radius:5px 5px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.top-container .actions-container{display:flex;padding:var(--gravity-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.top-container .actions-container .close-icon{margin-left:auto}.bottom-container{display:flex;padding:var(--gravity-spacing-md) var(--gravity-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);align-self:stretch}.bottom-container .body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);align-self:stretch}.bottom-container .body .header{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);width:100%}.bottom-container .body .header .title{display:flex;gap:var(--gravity-spacing-xs);align-items:baseline}.bottom-container .body .header .title p{width:100%}.bottom-container .body .header .subtitle{margin-left:var(--gravity-spacing-md)}.bottom-container .body hr.divider{width:100%;border:none;border-top:1px solid var(--cta-primary);margin:0!important}.bottom-container gravity-button{margin-left:auto}.bottom-container gravity-pagination{width:-moz-fit-content;width:fit-content;display:block;margin-inline:auto}\n"] }]
|
|
33
|
-
}], propDecorators: { cypressTag: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], tooltipBanner: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], tooltipSimple: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], closeBanner: [{
|
|
40
|
-
type: Output
|
|
41
|
-
}], actionButton: [{
|
|
42
|
-
type: Output
|
|
43
|
-
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10b29sdGlwLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdG9vbHRpcC1jb250YWluZXIvZ3Jhdml0eS10b29sdGlwLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdG9vbHRpcC1jb250YWluZXIvZ3Jhdml0eS10b29sdGlwLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQU9yRSxNQUFNLE9BQU8sZ0NBQWdDO0lBTDdDO1FBa0NtQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdkMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxELGdCQUFXLEdBQVcsQ0FBQyxDQUFDO0tBaUJoQztJQWZDLElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQztJQUMxRCxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQVU7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0FoRFUsZ0NBQWdDO21HQUFoQyxnQ0FBZ0MsOE9DUDdDLGtyRkE2Q007OzRGRHRDTyxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQUtyQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBc0JVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBS1csV0FBVztzQkFBM0IsTUFBTTtnQkFDVSxZQUFZO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS10b29sdGlwLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXRvb2x0aXAtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS10b29sdGlwLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlUb29sdGlwQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHRvb2x0aXBCYW5uZXI/OiBhbnkgfCBbXG4gICAge1xuICAgICAgaW1hZ2VVcmw/OiBzdHJpbmcsXG4gICAgICBhY3Rpb25Db250ZW50Pzoge1xuICAgICAgICB0ZXh0OiBzdHJpbmcsXG4gICAgICAgIGljb246IHN0cmluZyxcbiAgICAgICAgc3RhdHVzOiAncG9zaXRpdmUnIHwgJ3Bvc2l0aXZlLXNlY29uZGFyeScgfCAnbmVnYXRpdmUnIHwgJ25lZ2F0aXZlLXNlY29uZGFyeScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cm8nIHwgJ2Rpc2FibGVkJ1xuICAgICAgfSxcbiAgICAgIGhlYWRlcj86IHtcbiAgICAgICAgaWNvbjogc3RyaW5nLFxuICAgICAgICB0aXRsZTogc3RyaW5nLFxuICAgICAgICBzdWJ0aXRsZTogc3RyaW5nXG4gICAgICB9LFxuICAgICAgYm9keT86IHN0cmluZyxcbiAgICAgIGJ1dHRvbj86IHtcbiAgICAgICAgdGV4dDogc3RyaW5nLFxuICAgICAgICBpY29uOiBzdHJpbmdcbiAgICAgICAgaWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnXG4gICAgICAgIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyB8ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnXG4gICAgICB9XG4gICAgfVxuICBdO1xuICBASW5wdXQoKSBwdWJsaWMgdG9vbHRpcFNpbXBsZT86IHtcbiAgICB0aXRsZT86IHN0cmluZyxcbiAgICB0ZXh0Pzogc3RyaW5nXG4gIH1cblxuICBAT3V0cHV0KCkgcHVibGljIGNsb3NlQmFubmVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHVibGljIGFjdGlvbkJ1dHRvbiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgY3VycmVudFBhZ2U6IG51bWJlciA9IDE7XG5cbiAgZ2V0IGN1cnJlbnRCYW5uZXIoKSB7XG4gICAgcmV0dXJuIHRoaXMudG9vbHRpcEJhbm5lclt0aGlzLmN1cnJlbnRQYWdlIC0gMV0gPz8gbnVsbDtcbiAgfVxuXG4gIHB1YmxpYyBjaGFuZ2VQYWdlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gZXZlbnQucGFnZTtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZUJhbm5lclRvb2x0aXAoKSB7XG4gICAgdGhpcy5jbG9zZUJhbm5lci5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgYWN0aW9uQnV0dG9uQ2xpY2tlZCgpe1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uLmVtaXQoKTtcbiAgfVxufSIsIjwhLS1Ub29sdGlwIEJhbm5lci0tPlxuPGRpdiBjbGFzcz1cImdyYXZpdHktdG9vbHRpcC1jb250YWluZXIgYmFubmVyXCIgKm5nSWY9XCJ0b29sdGlwQmFubmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJ0b3AtY29udGFpbmVyXCIgKm5nSWY9XCJjdXJyZW50QmFubmVyPy5pbWFnZVVybFwiXG4gICAgICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1pbWFnZSc6IGN1cnJlbnRCYW5uZXIuaW1hZ2VVcmwgPyAndXJsKCcgKyBjdXJyZW50QmFubmVyLmltYWdlVXJsICsgJyknIDogJ25vbmUnIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXJcIj5cbiAgICAgIDxncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgKm5nSWY9XCJjdXJyZW50QmFubmVyLmFjdGlvbkNvbnRlbnRcIiBbc2l6ZV09XCInc20nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwiY3VycmVudEJhbm5lci5hY3Rpb25Db250ZW50LnRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJjdXJyZW50QmFubmVyLmFjdGlvbkNvbnRlbnQuaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGF0dXNdPVwiY3VycmVudEJhbm5lci5hY3Rpb25Db250ZW50LnN0YXR1c1wiPjwvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yPlxuICAgICAgPGdyYXZpdHktaWNvbi1idXR0b24gY2xhc3M9XCJjbG9zZS1pY29uXCIgW2ljb25dPVwiJ3Vuc3VjY2VzcydcIiBbdHlwZV09XCInc2Vjb25kYXJ5J1wiIChjbGljayk9XCJjbG9zZUJhbm5lclRvb2x0aXAoKVwiPjwvZ3Jhdml0eS1pY29uLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImJvdHRvbS1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiY3VycmVudEJhbm5lci5oZWFkZXIuaWNvblwiIFtpY29uTmFtZV09XCJjdXJyZW50QmFubmVyLmhlYWRlci5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInbWQtMTYnXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgPHAgY2xhc3M9XCJoci10aXRsZSBtZC1ib2xkXCIgKm5nSWY9XCJjdXJyZW50QmFubmVyLmhlYWRlci50aXRsZVwiIFtpbm5lckhUTUxdPVwiY3VycmVudEJhbm5lci5oZWFkZXIudGl0bGVcIj48L3A+XG4gICAgICAgICAgPGdyYXZpdHktaWNvbi1idXR0b24gKm5nSWY9XCIhY3VycmVudEJhbm5lci5pbWFnZVVybFwiIFtpY29uXT1cIid1bnN1Y2Nlc3MnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIiAoY2xpY2spPVwiY2xvc2VCYW5uZXJUb29sdGlwKClcIj48L2dyYXZpdHktaWNvbi1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhciBzdWJ0aXRsZVwiICpuZ0lmPVwiY3VycmVudEJhbm5lci5oZWFkZXIuc3VidGl0bGVcIlxuICAgICAgICAgICBbaW5uZXJIVE1MXT1cImN1cnJlbnRCYW5uZXIuaGVhZGVyLnN1YnRpdGxlXCI+PC9wPlxuICAgICAgPC9kaXY+XG4gICAgICA8aHIgY2xhc3M9XCJkaXZpZGVyXCI+XG4gICAgICA8cCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiICpuZ0lmPVwiY3VycmVudEJhbm5lci5ib2R5XCIgW2lubmVySFRNTF09XCJjdXJyZW50QmFubmVyLmJvZHlcIj48L3A+XG4gICAgPC9kaXY+XG5cbiAgICA8Z3Jhdml0eS1idXR0b24gKm5nSWY9XCJjdXJyZW50QmFubmVyLmJ1dHRvblwiIFt0eXBlXT1cImN1cnJlbnRCYW5uZXIuYnV0dG9uLnR5cGVcIiBbc2l6ZV09XCInc20nXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImN1cnJlbnRCYW5uZXIuYnV0dG9uLmljb25cIiAoY2xpY2spPVwiYWN0aW9uQnV0dG9uQ2xpY2tlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJjdXJyZW50QmFubmVyLmJ1dHRvbi5pY29uUG9zaXRpb25cIj57eyBjdXJyZW50QmFubmVyLmJ1dHRvbi50ZXh0IH19XG4gICAgPC9ncmF2aXR5LWJ1dHRvbj5cblxuICAgIDxncmF2aXR5LXBhZ2luYXRpb24gKm5nSWY9XCJ0b29sdGlwQmFubmVyLmxlbmd0aCA+IDFcIiBbdG90YWxJdGVtc109XCJ0b29sdGlwQmFubmVyLmxlbmd0aFwiIFtpdGVtc1BlclBhZ2VdPVwiMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY3VycmVudFBhZ2VdPVwiY3VycmVudFBhZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiJ2RvdHMnXCIgKHBhZ2VDaGFuZ2VkKT1cImNoYW5nZVBhZ2UoJGV2ZW50KVwiPjwvZ3Jhdml0eS1wYWdpbmF0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48IS0tVG9vbHRpcCBTaW1wbGUtLT5cbjxkaXYgY2xhc3M9XCJncmF2aXR5LXRvb2x0aXAtY29udGFpbmVyIHNpbXBsZVwiICpuZ0lmPVwidG9vbHRpcFNpbXBsZVwiPlxuICA8cCBjbGFzcz1cImhyLWJvZHkgc20tYm9sZFwiICpuZ0lmPVwidG9vbHRpcFNpbXBsZT8udGl0bGVcIiBbaW5uZXJIVE1MXT1cInRvb2x0aXBTaW1wbGU/LnRpdGxlXCI+PC9wPlxuICA8cCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiICpuZ0lmPVwidG9vbHRpcFNpbXBsZT8udGV4dFwiIFtpbm5lckhUTUxdPVwidG9vbHRpcFNpbXBsZT8udGV4dFwiPjwvcD5cbjwvZGl2PiJdfQ==
|